{"id":15,"date":"2025-12-19T18:22:01","date_gmt":"2025-12-19T21:22:01","guid":{"rendered":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/?page_id=15"},"modified":"2026-04-09T18:23:11","modified_gmt":"2026-04-09T21:23:11","slug":"inicio","status":"publish","type":"page","link":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n    <style>\n        :root {\n            --rodeo-miel: #f2b44a;\n            --rodeo-carbon: #2b2b2a;\n            --rodeo-crema: #fff5e6;\n            --rodeo-cacao: #1a1a1a;\n            --rodeo-transition: all 0.3s ease;\n        }\n\n        .rodeo-navbar {\n            background: rgba(43, 43, 42, 0.95);\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            transition: var(--rodeo-transition);\n            border-bottom: 3px solid var(--rodeo-miel);\n        }\n\n        .rodeo-navbar.scrolled {\n            background: var(--rodeo-carbon);\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .rodeo-navbar-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 1rem 2rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .rodeo-navbar-logo {\n            display: flex;\n            align-items: center;\n            text-decoration: none;\n        }\n\n        .rodeo-navbar-logo img {\n            height: 60px;\n            width: auto;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-navbar-menu {\n            display: flex;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 2rem;\n            align-items: center;\n        }\n\n        .rodeo-navbar-item {\n            position: relative;\n        }\n\n        .rodeo-navbar-link {\n            font-family: sans-serif;\n            font-weight: 500;\n            font-size: 0.95rem;\n            color: var(--rodeo-crema);\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            padding: 0.5rem 0;\n            transition: var(--rodeo-transition);\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n        }\n\n        .rodeo-navbar-link:hover {\n            color: var(--rodeo-miel);\n        }\n\n        \/* --- Estilos Dropdown (Escritorio) --- *\/\n        .rodeo-dropdown {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            background: var(--rodeo-carbon);\n            min-width: 200px;\n            list-style: none;\n            padding: 1rem 0;\n            margin: 0;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n            border-top: 2px solid var(--rodeo-miel);\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(10px);\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-navbar-item:hover .rodeo-dropdown {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        .rodeo-dropdown li a {\n            color: var(--rodeo-crema);\n            text-decoration: none;\n            padding: 0.7rem 1.5rem;\n            display: block;\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-dropdown li a:hover {\n            background: rgba(242, 180, 74, 0.1);\n            color: var(--rodeo-miel);\n            padding-left: 1.8rem;\n        }\n\n        .rodeo-navbar-cta {\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            padding: 0.75rem 1.5rem;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 600;\n            text-transform: uppercase;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-navbar-toggle {\n            display: none;\n            background: none;\n            border: none;\n            cursor: pointer;\n        }\n\n        .rodeo-navbar-toggle span {\n            display: block;\n            width: 28px;\n            height: 3px;\n            background: var(--rodeo-crema);\n            margin: 5px 0;\n            transition: var(--rodeo-transition);\n        }\n\n        \/* --- Mobile Responsive --- *\/\n        @media (max-width: 992px) {\n            .rodeo-navbar-toggle { display: block; }\n\n            .rodeo-navbar-menu {\n                position: fixed;\n                top: 0;\n                right: -100%;\n                width: 300px;\n                height: 100vh;\n                background: var(--rodeo-cacao);\n                flex-direction: column;\n                padding: 5rem 2rem;\n                transition: var(--rodeo-transition);\n                align-items: flex-start;\n                gap: 1rem;\n            }\n\n            .rodeo-navbar-menu.active { right: 0; }\n\n            \/* Ajuste Dropdown Mobile *\/\n            .rodeo-dropdown {\n                position: static;\n                opacity: 1;\n                visibility: visible;\n                transform: none;\n                background: transparent;\n                box-shadow: none;\n                border: none;\n                padding: 0 0 0 1rem;\n                display: none; \/* Se activa con JS *\/\n            }\n\n            .rodeo-navbar-item.open .rodeo-dropdown {\n                display: block;\n            }\n        }\n    <\/style>\n\n    <nav class=\"rodeo-navbar\">\n        <div class=\"rodeo-navbar-container\">\n            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\" class=\"rodeo-navbar-logo\">\n                <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/logo-el-rodeo-alfajores-blanco.png\" alt=\"Alfajores El Rodeo\">\n            <\/a>\n\n            <ul class=\"rodeo-navbar-menu\" id=\"rodeoNavMenu\">\n                <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/inicio\" class=\"rodeo-navbar-link\">Inicio<\/a><\/li>\n                <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\" class=\"rodeo-navbar-link\">Productos<\/a><\/li>\n                <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/inicio\/#nosotros\" class=\"rodeo-navbar-link\">Historia<\/a><\/li>\n                <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/novedades\/\" class=\"rodeo-navbar-link\">Novedades<\/a><\/li>\n                \n                <li class=\"rodeo-navbar-item\">\n                    <a class=\"rodeo-navbar-link rodeo-dropdown-toggle\">Distribuidores \u25be<\/a>\n                    <ul class=\"rodeo-dropdown\">\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/mayorista\/\">Precios Mayoristas<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/inicio\/#distribuidores\">Enviar Solicitud<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/postulantes\/\" class=\"rodeo-navbar-link\">Trabaj\u00e1 con Nosotros<\/a><\/li>\n                <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/inicio\/#contacto\" class=\"rodeo-navbar-cta\">Contacto<\/a><\/li>\n            <\/ul>\n\n            <button class=\"rodeo-navbar-toggle\" id=\"rodeoNavToggle\">\n                <span><\/span><span><\/span><span><\/span>\n            <\/button>\n        <\/div>\n    <\/nav>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const toggle = document.getElementById('rodeoNavToggle');\n            const menu = document.getElementById('rodeoNavMenu');\n            const dropdownToggle = document.querySelector('.rodeo-dropdown-toggle');\n\n            \/\/ Abrir\/Cerrar men\u00fa m\u00f3vil\n            toggle.addEventListener('click', function () {\n                menu.classList.toggle('active');\n                this.classList.toggle('active');\n            });\n\n            \/\/ Toggle para el submen\u00fa en m\u00f3viles\n            dropdownToggle.addEventListener('click', function (e) {\n                if (window.innerWidth <= 992) {\n                    e.preventDefault();\n                    this.parentElement.classList.toggle('open');\n                }\n            });\n\n            \/\/ Sticky Navbar\n            window.addEventListener('scroll', function () {\n                const navbar = document.querySelector('.rodeo-navbar');\n                if (window.scrollY > 50) {\n                    navbar.classList.add('scrolled');\n                } else {\n                    navbar.classList.remove('scrolled');\n                }\n            });\n        });\n    <\/script>\n\n    \n\n\n\n    <style>\n        .rodeo-hero-carousel {\n            position: relative;\n            width: 100%;\n            background: #1a1a1a;\n            overflow: hidden;\n        }\n\n        .rodeo-carousel-container {\n            position: relative;\n            width: 100%;\n            height: 0;\n            padding-bottom: 32.71%; \/* PC: Aspect ratio ~3:1 *\/\n        }\n\n        .rodeo-carousel-slides {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .rodeo-carousel-slide {\n            width: 100%;\n            min-width: 100%;\n            flex: 0 0 100%; \/* Force constant width *\/\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .rodeo-slide-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            display: block;\n        }\n\n        \/* Navigation Arrows *\/\n        .rodeo-carousel-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(242, 180, 74, 0.9);\n            backdrop-filter: blur(10px);\n            border: none;\n            color: #1a1a1a;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            z-index: 10;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        .rodeo-carousel-arrow:hover {\n            background: #f2b44a;\n            transform: translateY(-50%) scale(1.15);\n            box-shadow: 0 6px 20px rgba(242, 180, 74, 0.5);\n        }\n\n        .rodeo-carousel-arrow.prev { left: 2rem; }\n        .rodeo-carousel-arrow.next { right: 2rem; }\n        .rodeo-carousel-arrow i { font-size: 1.5rem; }\n\n        \/* Dots Indicators *\/\n        .rodeo-carousel-dots {\n            position: absolute;\n            bottom: 1.5rem;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 0.75rem;\n            z-index: 10;\n        }\n\n        .rodeo-carousel-dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.5);\n            border: 2px solid rgba(255, 255, 255, 0.8);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .rodeo-carousel-dot:hover { background: rgba(255, 255, 255, 0.7); }\n\n        .rodeo-carousel-dot.active {\n            background: #f2b44a;\n            border-color: #f2b44a;\n            width: 40px;\n            border-radius: 10px;\n        }\n\n        \/* Responsive - Tablet (Horizontal\/Vertical) *\/\n        @media (max-width: 992px) {\n            .rodeo-carousel-arrow {\n                width: 45px;\n                height: 45px;\n            }\n            .rodeo-carousel-arrow i { font-size: 1.3rem; }\n            .rodeo-carousel-arrow.prev { left: 1rem; }\n            .rodeo-carousel-arrow.next { right: 1rem; }\n        }\n\n        \/* Responsive - Mobile Landscape \/ Small Tablets *\/\n        @media (max-width: 768px) {\n            .rodeo-carousel-arrow {\n                display: none; \/* Hide arrows on mobile to prevent overlap *\/\n            }\n        }\n        \n        \/* Responsive - Mobile Portrait *\/\n        @media (max-width: 576px) {\n            .rodeo-carousel-dots {\n                bottom: 1rem;\n                gap: 0.5rem;\n            }\n            .rodeo-carousel-dot { width: 10px; height: 10px; }\n            .rodeo-carousel-dot.active { width: 30px; }\n        }\n\n        \/* Clickable Slides *\/\n        .rodeo-slide-link {\n            display: block;\n            width: 100%;\n            height: 100%;\n            cursor: pointer;\n            text-decoration: none;\n        }\n\n    <\/style>\n\n\n    \n    <div class=\"rodeo-hero-carousel\">\n        <div class=\"rodeo-carousel-container\">\n            <div class=\"rodeo-carousel-slides\" id=\"rodeoCarouselSlides\">\n                <!-- Slide 1: Alfajor Triple Negro -->\n                <div class=\"rodeo-carousel-slide\">\n                    <a href=\"#destacados\" class=\"rodeo-slide-link\">\n                        <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-1.jpg\" \n                             alt=\"Alfajor de Maicena - Elegido el Mejor del Mundo\" \n                             class=\"rodeo-slide-img\">\n                    <\/a>\n                <\/div>\n                \n                <!-- Slide 2: Alfajor de Maicena -->\n                <div class=\"rodeo-carousel-slide\">\n                    <a href=\"#destacados\" class=\"rodeo-slide-link\">\n                        <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2.jpg\"\n                             alt=\"Alfajor Negro Tres Capas - Ganador del Segundo Puesto Mundial 2023\" \n                             class=\"rodeo-slide-img\">\n                    <\/a>\n                <\/div>\n                <!-- Slide 3: Alfajor de Cayote -->\n                <div class=\"rodeo-carousel-slide\">\n                    <a href=\"#destacados\" class=\"rodeo-slide-link\">\n                        <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-3.jpg\"\n                             alt=\"Alfajor de Cayote - Ganador del Primer Puesto Mundial Mejor Alfajor relleno de Fruta 2023\" \n                             class=\"rodeo-slide-img\">\n                    <\/a>\n                <\/div>\n                <!-- Slide 4: Alfajor de Inspiracion -->\n                <div class=\"rodeo-carousel-slide\">\n                    <a href=\"#destacados\" class=\"rodeo-slide-link\">\n                        <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-4.jpg\"\n                             alt=\"Alfajor Inspiracion - Ganador del Segundo Puesto Mundial mejor Alfajor de autor 2024\" \n                             class=\"rodeo-slide-img\">\n                    <\/a>\n                <\/div>\n            <\/div>\n\n\n            <!-- Navigation Arrows -->\n            <button class=\"rodeo-carousel-arrow prev\" onclick=\"rodeoCarouselPrev()\" aria-label=\"Anterior\">\n                <i class=\"fas fa-chevron-left\"><\/i>\n            <\/button>\n            <button class=\"rodeo-carousel-arrow next\" onclick=\"rodeoCarouselNext()\" aria-label=\"Siguiente\">\n                <i class=\"fas fa-chevron-right\"><\/i>\n            <\/button>\n\n            <!-- Dots Indicators -->\n            <div class=\"rodeo-carousel-dots\" id=\"rodeoCarouselDots\"><\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            let currentSlide = 0;\n            const slides = document.querySelectorAll('.rodeo-carousel-slide');\n            const totalSlides = slides.length;\n            const slidesContainer = document.getElementById('rodeoCarouselSlides');\n            const dotsContainer = document.getElementById('rodeoCarouselDots');\n            let autoPlayInterval;\n\n            \/\/ Create dots\n            for (let i = 0; i < totalSlides; i++) {\n                const dot = document.createElement('div');\n                dot.className = 'rodeo-carousel-dot';\n                if (i === 0) dot.classList.add('active');\n                dot.onclick = () => goToSlide(i);\n                dotsContainer.appendChild(dot);\n            }\n\n            const dots = document.querySelectorAll('.rodeo-carousel-dot');\n\n            function updateCarousel() {\n                slidesContainer.style.transform = `translateX(-${currentSlide * 100}%)`;\n                \n                \/\/ Update dots\n                dots.forEach((dot, index) => {\n                    dot.classList.toggle('active', index === currentSlide);\n                });\n            }\n\n            function goToSlide(index) {\n                currentSlide = index;\n                updateCarousel();\n                resetAutoPlay();\n            }\n\n            window.rodeoCarouselNext = function() {\n                currentSlide = (currentSlide + 1) % totalSlides;\n                updateCarousel();\n                resetAutoPlay();\n            };\n\n            window.rodeoCarouselPrev = function() {\n                currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\n                updateCarousel();\n                resetAutoPlay();\n            };\n\n            function startAutoPlay() {\n                autoPlayInterval = setInterval(() => {\n                    window.rodeoCarouselNext();\n                }, 5000); \/\/ Change slide every 5 seconds\n            }\n\n            function resetAutoPlay() {\n                clearInterval(autoPlayInterval);\n                startAutoPlay();\n            }\n\n            \/\/ Start auto-play\n            startAutoPlay();\n\n            \/\/ Pause on hover\n            const carousel = document.querySelector('.rodeo-hero-carousel');\n            carousel.addEventListener('mouseenter', () => {\n                clearInterval(autoPlayInterval);\n            });\n\n            carousel.addEventListener('mouseleave', () => {\n                startAutoPlay();\n            });\n\n            \/\/ Touch support for mobile\n            let touchStartX = 0;\n            let touchEndX = 0;\n\n            carousel.addEventListener('touchstart', (e) => {\n                touchStartX = e.changedTouches[0].screenX;\n                clearInterval(autoPlayInterval);\n            });\n\n            carousel.addEventListener('touchend', (e) => {\n                touchEndX = e.changedTouches[0].screenX;\n                handleSwipe();\n                startAutoPlay();\n            });\n\n            function handleSwipe() {\n                if (touchEndX < touchStartX - 50) {\n                    window.rodeoCarouselNext();\n                }\n                if (touchEndX > touchStartX + 50) {\n                    window.rodeoCarouselPrev();\n                }\n            }\n        })();\n    <\/script>\n\n    \n\n\n\r\n    <style>\r\n        .rodeo-badges-section {\r\n            background: var(--rodeo-crema); \/* Cacao Background for Variation *\/\r\n            padding: 2rem;\r\n            border-top: 1px solid rgba(242, 180, 74, 0.1);\r\n            border-bottom: 1px solid rgba(242, 180, 74, 0.1);\r\n        }\r\n\r\n        .rodeo-badges-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 2rem;\r\n        }\r\n\r\n        .rodeo-badge-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 1rem;\r\n            padding: 1rem;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-badge-item:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        .rodeo-badge-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            \/* Gradient adapted to Rodeo Colors *\/\r\n            background: rgba(0, 0, 0, 0.2); \/* Darker seal *\/\r\n            border: 1px solid var(--rodeo-miel);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            color: var(--rodeo-crema);\r\n        }\r\n\r\n        .rodeo-badge-icon i {\r\n            font-size: 1.5rem;\r\n            color: var(--rodeo-crema); \/* Icon color *\/\r\n        }\r\n\r\n        .rodeo-badge-text {\r\n            flex: 1;\r\n        }\r\n\r\n        .rodeo-badge-heading {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 700;\r\n            font-size: 0.95rem;\r\n            color: var(--rodeo-cacao); \/* Gold text *\/\r\n            margin: 0 0 0.25rem 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .rodeo-badge-subtext {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 400;\r\n            font-size: 0.85rem;\r\n            color: var(--rodeo-cacao); \/* Light text *\/\r\n            margin: 0;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* Responsive - Tablets *\/\r\n        @media (max-width: 992px) {\r\n            .rodeo-badges-container {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .rodeo-badge-heading {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .rodeo-badge-subtext {\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n\r\n        \/* Responsive - Mobile: Ajustar autom\u00e1ticamente en una l\u00ednea *\/\r\n        @media (max-width: 768px) {\r\n            .rodeo-badges-section {\r\n                padding: 1rem 0.15rem;\r\n                overflow-x: hidden;\r\n            }\r\n\r\n            .rodeo-badges-container {\r\n                grid-template-columns: repeat(4, 1fr);\r\n                gap: 0.15rem;\r\n            }\r\n\r\n            .rodeo-badge-item {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 0.2rem;\r\n                padding: 0.4rem 0.05rem;\r\n            }\r\n\r\n            .rodeo-badge-icon {\r\n                width: 24px;\r\n                height: 24px;\r\n            }\r\n\r\n            .rodeo-badge-icon i {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .rodeo-badge-heading {\r\n                font-size: 0.55rem !important;\r\n                letter-spacing: 0px;\r\n                line-height: 1.05;\r\n                font-weight: 700;\r\n            }\r\n\r\n            .rodeo-badge-subtext {\r\n                font-size: 0.5rem;\r\n                line-height: 1.05;\r\n            }\r\n        }\r\n\r\n        \/* Extra Small Mobile - Badges a\u00fan m\u00e1s compactos *\/\r\n        @media (max-width: 576px) {\r\n            .rodeo-badges-section {\r\n                padding: 0.9rem 0.12rem;\r\n            }\r\n\r\n            .rodeo-badges-container {\r\n                gap: 0.12rem;\r\n            }\r\n\r\n            .rodeo-badge-item {\r\n                padding: 0.35rem 0.04rem;\r\n                gap: 0.18rem;\r\n            }\r\n\r\n            .rodeo-badge-icon {\r\n                width: 22px;\r\n                height: 22px;\r\n            }\r\n\r\n            .rodeo-badge-icon i {\r\n                font-size: 0.85rem;\r\n            }\r\n\r\n            .rodeo-badge-heading {\r\n                font-size: 0.52rem !important;\r\n                letter-spacing: 0px;\r\n                line-height: 1.05;\r\n            }\r\n\r\n            .rodeo-badge-subtext {\r\n                font-size: 0.48rem;\r\n                line-height: 1.05;\r\n            }\r\n        }\r\n\r\n        \/* Ultra Small Mobile - M\u00e1xima compactaci\u00f3n *\/\r\n        @media (max-width: 400px) {\r\n            .rodeo-badges-section {\r\n                padding: 0.8rem 0.1rem;\r\n            }\r\n\r\n            .rodeo-badges-container {\r\n                gap: 0.1rem;\r\n            }\r\n\r\n            .rodeo-badge-item {\r\n                padding: 0.32rem 0.03rem;\r\n                gap: 0.15rem;\r\n            }\r\n\r\n            .rodeo-badge-icon {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n\r\n            .rodeo-badge-icon i {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .rodeo-badge-heading {\r\n                font-size: 0.5rem !important;\r\n                letter-spacing: 0px;\r\n                line-height: 1;\r\n            }\r\n\r\n            .rodeo-badge-subtext {\r\n                font-size: 0.47rem;\r\n                line-height: 1;\r\n            }\r\n        }\r\n\r\n        \/* Extra Ultra Small - Para pantallas muy peque\u00f1as *\/\r\n        @media (max-width: 360px) {\r\n            .rodeo-badges-section {\r\n                padding: 0.7rem 0.08rem;\r\n            }\r\n\r\n            .rodeo-badges-container {\r\n                gap: 0.08rem;\r\n            }\r\n\r\n            .rodeo-badge-item {\r\n                padding: 0.3rem 0.02rem;\r\n                gap: 0.12rem;\r\n            }\r\n\r\n            .rodeo-badge-icon {\r\n                width: 19px;\r\n                height: 19px;\r\n            }\r\n\r\n            .rodeo-badge-icon i {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .rodeo-badge-heading {\r\n                font-size: 0.49rem !important;\r\n                line-height: 1;\r\n            }\r\n\r\n            .rodeo-badge-subtext {\r\n                font-size: 0.46rem;\r\n                line-height: 1;\r\n            }\r\n        }\r\n\r\n        \/* Extra Extra Small - Para pantallas ultra peque\u00f1as como 320px *\/\r\n        @media (max-width: 340px) {\r\n            .rodeo-badges-section {\r\n                padding: 0.65rem 0.06rem;\r\n            }\r\n\r\n            .rodeo-badges-container {\r\n                gap: 0.06rem;\r\n            }\r\n\r\n            .rodeo-badge-item {\r\n                padding: 0.28rem 0.02rem;\r\n                gap: 0.1rem;\r\n            }\r\n\r\n            .rodeo-badge-icon {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .rodeo-badge-icon i {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .rodeo-badge-heading {\r\n                font-size: 0.48rem !important;\r\n                line-height: 0.95;\r\n            }\r\n\r\n            .rodeo-badge-subtext {\r\n                font-size: 0.46rem;\r\n                line-height: 0.95;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n    <div class=\"rodeo-badges-section\">\r\n        <div class=\"rodeo-badges-container\">\r\n\r\n            <div class=\"rodeo-badge-item\">\r\n                <div class=\"rodeo-badge-icon\">\r\n                    <i class=\"fas fa-truck\"><\/i>\r\n                <\/div>\r\n                <div class=\"rodeo-badge-text\">\r\n                    <p class=\"rodeo-badge-heading\">Env\u00edo Gratis<\/p>\r\n                    <p class=\"rodeo-badge-subtext\">En compras mayores a $50.000<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-badge-item\">\r\n                <div class=\"rodeo-badge-icon\">\r\n                    <i class=\"fas fa-credit-card\"><\/i>\r\n                <\/div>\r\n                <div class=\"rodeo-badge-text\">\r\n                    <p class=\"rodeo-badge-heading\">Cuotas Sin Inter\u00e9s<\/p>\r\n                    <p class=\"rodeo-badge-subtext\">Hasta 6 cuotas con tarjeta<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-badge-item\">\r\n                <div class=\"rodeo-badge-icon\">\r\n                    <i class=\"fas fa-shield-alt\"><\/i>\r\n                <\/div>\r\n                <div class=\"rodeo-badge-text\">\r\n                    <p class=\"rodeo-badge-heading\">Calidad Garantizada<\/p>\r\n                    <p class=\"rodeo-badge-subtext\">Productos 100% frescos<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-badge-item\">\r\n                <div class=\"rodeo-badge-icon\">\r\n                    <i class=\"fas fa-headset\"><\/i>\r\n                <\/div>\r\n                <div class=\"rodeo-badge-text\">\r\n                    <p class=\"rodeo-badge-heading\">Atenci\u00f3n Personalizada<\/p>\r\n                    <p class=\"rodeo-badge-subtext\">Lun-Vie 8:00-18:00hs<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \n\n\n\r\n    <style>\r\n        .rodeo-category-carousel {\r\n            padding: 3rem 0;\r\n            background: var(--rodeo-cacao);\r\n            overflow: hidden;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .rodeo-category-carousel-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 2rem;\r\n        }\r\n\r\n        .rodeo-category-carousel-header {\r\n            text-align: center;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        .rodeo-category-carousel-title {\r\n            font-family: var(--rodeo-font-heading);\r\n            font-weight: 700;\r\n            font-size: 2rem;\r\n            color: var(--rodeo-crema);\r\n            margin: 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-category-carousel-wrapper {\r\n            position: relative;\r\n            padding: 0 80px; \/* M\u00e1s espacio para las flechas *\/\r\n        }\r\n\r\n        \/* SCROLL HORIZONTAL CONTAINER *\/\r\n        .rodeo-category-carousel-track {\r\n            display: flex;\r\n            gap: 2rem;\r\n            overflow-x: auto;\r\n            overflow-y: hidden;\r\n            scroll-behavior: smooth;\r\n            padding: 1rem 0;\r\n            \/* Ocultar scrollbar pero mantener funcionalidad *\/\r\n            scrollbar-width: none; \/* Firefox *\/\r\n            -ms-overflow-style: none; \/* IE\/Edge *\/\r\n            \/* Snap scroll para mejor UX *\/\r\n            scroll-snap-type: x mandatory;\r\n        }\r\n\r\n        .rodeo-category-carousel-track::-webkit-scrollbar {\r\n            display: none; \/* Chrome, Safari, Opera *\/\r\n        }\r\n\r\n        \/* ITEMS DE CATEGOR\u00cdA *\/\r\n        .rodeo-category-item {\r\n            flex: 0 0 auto;\r\n            width: 140px;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            transition: var(--rodeo-transition);\r\n            scroll-snap-align: start;\r\n        }\r\n\r\n        .rodeo-category-item:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        .rodeo-category-icon-wrapper {\r\n            width: 100px;\r\n            height: 100px;\r\n            margin: 0 auto 1rem;\r\n            background: var(--rodeo-dark-grey);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: var(--rodeo-transition);\r\n            border: 2px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .rodeo-category-item:hover .rodeo-category-icon-wrapper {\r\n            background: var(--rodeo-cacao);\r\n            border-color: var(--rodeo-miel);\r\n            box-shadow: 0 8px 25px rgba(242, 180, 74, 0.1);\r\n        }\r\n\r\n        .rodeo-category-icon-wrapper img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .rodeo-category-icon-wrapper i {\r\n            font-size: 2.5rem;\r\n            color: var(--rodeo-miel);\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-category-item:hover .rodeo-category-icon-wrapper i {\r\n            color: var(--rodeo-crema);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .rodeo-category-name {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            color: var(--rodeo-crema);\r\n            margin: 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .rodeo-category-count {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 400;\r\n            font-size: 0.75rem;\r\n            color: #999;\r\n            margin: 0.25rem 0 0 0;\r\n        }\r\n\r\n        \/* FLECHAS DE NAVEGACI\u00d3N (solo desktop\/notebook) *\/\r\n        .rodeo-carousel-nav-btn {\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(242, 180, 74, 0.9);\r\n            border: none;\r\n            border-radius: 50%;\r\n            color: var(--rodeo-cacao);\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            transition: var(--rodeo-transition);\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n            display: none; \/* Oculto por defecto *\/\r\n        }\r\n\r\n        .rodeo-carousel-nav-btn:hover {\r\n            background: var(--rodeo-miel);\r\n            transform: translateY(-50%) scale(1.1);\r\n            box-shadow: 0 6px 20px rgba(242, 180, 74, 0.4);\r\n        }\r\n\r\n        .rodeo-carousel-nav-btn:active {\r\n            transform: translateY(-50%) scale(0.95);\r\n        }\r\n\r\n        .rodeo-carousel-nav-btn.disabled {\r\n            opacity: 0.3;\r\n            cursor: not-allowed;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .rodeo-carousel-nav-prev {\r\n            left: 0;\r\n        }\r\n\r\n        .rodeo-carousel-nav-next {\r\n            right: 0;\r\n        }\r\n\r\n        \/* Mostrar flechas solo en desktop\/notebook (no t\u00e1ctil) *\/\r\n        @media (hover: hover) and (pointer: fine) and (min-width: 769px) {\r\n            .rodeo-carousel-nav-btn {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* INDICADOR DE SCROLL *\/\r\n        .rodeo-scroll-indicator {\r\n            text-align: center;\r\n            margin-top: 1rem;\r\n            color: var(--rodeo-miel);\r\n            font-size: 0.85rem;\r\n            opacity: 0.7;\r\n            animation: fadeInOut 2s infinite;\r\n        }\r\n\r\n        @keyframes fadeInOut {\r\n            0%, 100% { opacity: 0.4; }\r\n            50% { opacity: 0.8; }\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (min-width: 1200px) {\r\n            .rodeo-category-item {\r\n                width: 160px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper {\r\n                width: 120px;\r\n                height: 120px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper i {\r\n                font-size: 3rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .rodeo-category-carousel-container {\r\n                padding: 0 1.5rem;\r\n            }\r\n\r\n            .rodeo-category-carousel-wrapper {\r\n                padding: 0; \/* Sin padding en m\u00f3vil\/tablet *\/\r\n            }\r\n\r\n            .rodeo-category-item {\r\n                width: 120px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper {\r\n                width: 90px;\r\n                height: 90px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper i {\r\n                font-size: 2.2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .rodeo-category-carousel {\r\n                padding: 2rem 0;\r\n            }\r\n\r\n            .rodeo-category-carousel-title {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .rodeo-category-carousel-track {\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .rodeo-category-item {\r\n                width: 100px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper {\r\n                width: 80px;\r\n                height: 80px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper i {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .rodeo-category-name {\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n\r\n        \/* M\u00d3VIL - M\u00ednimo 4 categor\u00edas visibles *\/\r\n        @media (max-width: 480px) {\r\n            .rodeo-category-carousel-container {\r\n                padding: 0 1rem;\r\n            }\r\n\r\n            .rodeo-category-carousel-track {\r\n                gap: 1rem;\r\n            }\r\n\r\n            \/* Cada item ocupa ~22% del ancho para mostrar 4+ *\/\r\n            .rodeo-category-item {\r\n                width: 85px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper {\r\n                width: 70px;\r\n                height: 70px;\r\n            }\r\n\r\n            .rodeo-category-icon-wrapper i {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .rodeo-category-name {\r\n                font-size: 0.75rem;\r\n            }\r\n\r\n            .rodeo-category-count {\r\n                font-size: 0.65rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n    <section class=\"rodeo-category-carousel\">\r\n        <div class=\"rodeo-category-carousel-container\">\r\n            <div class=\"rodeo-category-carousel-header\">\r\n                <h2 class=\"rodeo-category-carousel-title\">Categor\u00edas Destacadas<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-category-carousel-wrapper\">\r\n                <!-- Flechas de navegaci\u00f3n (solo desktop\/notebook) -->\r\n                <button class=\"rodeo-carousel-nav-btn rodeo-carousel-nav-prev\" id=\"rodeo-nav-prev\" aria-label=\"Anterior\">\r\n                    <i class=\"fas fa-chevron-left\"><\/i>\r\n                <\/button>\r\n                <button class=\"rodeo-carousel-nav-btn rodeo-carousel-nav-next\" id=\"rodeo-nav-next\" aria-label=\"Siguiente\">\r\n                    <i class=\"fas fa-chevron-right\"><\/i>\r\n                <\/button>\r\n                \r\n                <div class=\"rodeo-category-carousel-track\" id=\"rodeo-category-track\">\r\n                    \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/cajas-y-packs\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Cajas y Packs<\/p>\r\n                                <p class=\"rodeo-category-count\">42 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/alfajores\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Alfajores<\/p>\r\n                                <p class=\"rodeo-category-count\">34 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/productos\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Productos<\/p>\r\n                                <p class=\"rodeo-category-count\">10 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/frutos-secos-y-snacks\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Frutos Secos y Snacks<\/p>\r\n                                <p class=\"rodeo-category-count\">7 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/alfajores-mini\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Alfajores Mini<\/p>\r\n                                <p class=\"rodeo-category-count\">5 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/dulces\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Dulces<\/p>\r\n                                <p class=\"rodeo-category-count\">4 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/alfajores-frutales\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Alfajores Frutales<\/p>\r\n                                <p class=\"rodeo-category-count\">4 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/alfajores-maicena\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Alfajores Maicena<\/p>\r\n                                <p class=\"rodeo-category-count\">4 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/alfajores-simple\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Alfajores Simple<\/p>\r\n                                <p class=\"rodeo-category-count\">3 productos<\/p>\r\n                            <\/a>\r\n\r\n                        \r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/categoria-producto\/alfajores-triple\/\" class=\"rodeo-category-item\">\r\n                                <div class=\"rodeo-category-icon-wrapper\">\r\n                                                                            <i class=\"fas fa-cookie-bite\"><\/i>\r\n                                                                    <\/div>\r\n                                <p class=\"rodeo-category-name\">Alfajores Triple<\/p>\r\n                                <p class=\"rodeo-category-count\">2 productos<\/p>\r\n                            <\/a>\r\n\r\n                                        <\/div>\r\n                \r\n                <!-- Indicador de scroll -->\r\n                <div class=\"rodeo-scroll-indicator\">\r\n                    <i class=\"fas fa-chevron-left\"><\/i>\r\n                    Desliza para ver m\u00e1s\r\n                    <i class=\"fas fa-chevron-right\"><\/i>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            const track = document.getElementById('rodeo-category-track');\r\n            const indicator = document.querySelector('.rodeo-scroll-indicator');\r\n            const prevBtn = document.getElementById('rodeo-nav-prev');\r\n            const nextBtn = document.getElementById('rodeo-nav-next');\r\n            \r\n            if (!track || !indicator) return;\r\n\r\n            \/\/ Verificar si necesita scroll\r\n            function checkScrollNeeded() {\r\n                const hasScroll = track.scrollWidth > track.clientWidth;\r\n                if (!hasScroll) {\r\n                    indicator.style.display = 'none';\r\n                    if (prevBtn) prevBtn.style.display = 'none';\r\n                    if (nextBtn) nextBtn.style.display = 'none';\r\n                } else {\r\n                    indicator.style.display = 'block';\r\n                    updateNavButtons();\r\n                }\r\n            }\r\n\r\n            \/\/ Actualizar estado de botones de navegaci\u00f3n\r\n            function updateNavButtons() {\r\n                if (!prevBtn || !nextBtn) return;\r\n                \r\n                const scrollLeft = track.scrollLeft;\r\n                const maxScroll = track.scrollWidth - track.clientWidth;\r\n                \r\n                \/\/ Deshabilitar bot\u00f3n izquierdo si est\u00e1 al inicio\r\n                if (scrollLeft <= 0) {\r\n                    prevBtn.classList.add('disabled');\r\n                } else {\r\n                    prevBtn.classList.remove('disabled');\r\n                }\r\n                \r\n                \/\/ Deshabilitar bot\u00f3n derecho si est\u00e1 al final\r\n                if (scrollLeft >= maxScroll - 1) {\r\n                    nextBtn.classList.add('disabled');\r\n                } else {\r\n                    nextBtn.classList.remove('disabled');\r\n                }\r\n            }\r\n\r\n            \/\/ Scroll suave al hacer clic en las flechas\r\n            function scrollCarousel(direction) {\r\n                const scrollAmount = track.clientWidth * 0.8; \/\/ 80% del ancho visible\r\n                const targetScroll = track.scrollLeft + (direction === 'next' ? scrollAmount : -scrollAmount);\r\n                \r\n                track.scrollTo({\r\n                    left: targetScroll,\r\n                    behavior: 'smooth'\r\n                });\r\n            }\r\n\r\n            \/\/ Event listeners para botones de navegaci\u00f3n\r\n            if (prevBtn) {\r\n                prevBtn.addEventListener('click', () => scrollCarousel('prev'));\r\n            }\r\n            \r\n            if (nextBtn) {\r\n                nextBtn.addEventListener('click', () => scrollCarousel('next'));\r\n            }\r\n\r\n            \/\/ Actualizar botones al hacer scroll\r\n            track.addEventListener('scroll', function() {\r\n                updateNavButtons();\r\n                \r\n                \/\/ Ocultar indicador despu\u00e9s de primer scroll\r\n                if (!this.hasScrolledOnce) {\r\n                    this.hasScrolledOnce = true;\r\n                    setTimeout(() => {\r\n                        indicator.style.opacity = '0';\r\n                        indicator.style.transition = 'opacity 0.5s ease';\r\n                    }, 1000);\r\n                }\r\n            });\r\n\r\n            \/\/ Drag to scroll (desktop)\r\n            let isDown = false;\r\n            let startX;\r\n            let scrollLeft;\r\n\r\n            track.addEventListener('mousedown', (e) => {\r\n                isDown = true;\r\n                track.style.cursor = 'grabbing';\r\n                startX = e.pageX - track.offsetLeft;\r\n                scrollLeft = track.scrollLeft;\r\n            });\r\n\r\n            track.addEventListener('mouseleave', () => {\r\n                isDown = false;\r\n                track.style.cursor = 'grab';\r\n            });\r\n\r\n            track.addEventListener('mouseup', () => {\r\n                isDown = false;\r\n                track.style.cursor = 'grab';\r\n            });\r\n\r\n            track.addEventListener('mousemove', (e) => {\r\n                if (!isDown) return;\r\n                e.preventDefault();\r\n                const x = e.pageX - track.offsetLeft;\r\n                const walk = (x - startX) * 2; \/\/ Velocidad de scroll\r\n                track.scrollLeft = scrollLeft - walk;\r\n            });\r\n\r\n            \/\/ Soporte para teclado (accesibilidad)\r\n            if (prevBtn) {\r\n                prevBtn.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        scrollCarousel('prev');\r\n                    }\r\n                });\r\n            }\r\n            \r\n            if (nextBtn) {\r\n                nextBtn.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        scrollCarousel('next');\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Inicializar\r\n            track.style.cursor = 'grab';\r\n            checkScrollNeeded();\r\n            updateNavButtons();\r\n            window.addEventListener('resize', () => {\r\n                checkScrollNeeded();\r\n                updateNavButtons();\r\n            });\r\n        })();\r\n    <\/script>\r\n\r\n    \n\n\n\n    <style>\n        .rodeo-featured-products {\n            padding: 4rem 2rem;\n            background: var(--rodeo-carbon); \/* Dark Mode *\/\n        }\n\n        .rodeo-featured-products-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .rodeo-featured-products-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n\n        .rodeo-featured-products-subtitle {\n            color: var(--rodeo-miel);\n            font-family: var(--rodeo-font-body);\n            font-weight: 600;\n            font-size: 0.95rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 0.75rem;\n        }\n\n        .rodeo-featured-products-title {\n            font-family: var(--rodeo-font-heading);\n            font-weight: 700;\n            font-size: 2.5rem;\n            color: var(--rodeo-crema); \/* Light text *\/\n            margin: 0;\n            \/* text-transform: uppercase; Removed for elegant font *\/\n            letter-spacing: 1px;\n        }\n\n        .rodeo-products-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 2rem;\n        }\n\n        .rodeo-product-card {\n            background: var(--rodeo-dark-grey); \/* Dark Card *\/\n            border-radius: 12px;\n            overflow: hidden;\n            transition: var(--rodeo-transition);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            position: relative;\n        }\n\n        .rodeo-product-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\n            border-color: var(--rodeo-miel);\n        }\n\n        .rodeo-product-image-wrapper {\n            position: relative;\n            width: 100%;\n            padding-top: 100%;\n            background: #fff;\n            overflow: hidden;\n        }\n\n        .rodeo-product-image {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-product-card:hover .rodeo-product-image {\n            transform: scale(1.05);\n        }\n\n        .rodeo-product-badge {\n            position: absolute;\n            top: 1rem;\n            left: 1rem;\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            padding: 0.4rem 0.8rem;\n            border-radius: 20px;\n            font-family: var(--rodeo-font-body);\n            font-weight: 700;\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            z-index: 2;\n        }\n\n        .rodeo-product-badge.sale {\n            background: #E74C3C; \/* Keeping standard red for sale, or could use Miel\/Cacao combo *\/\n             color: #fff;\n        }\n\n        .rodeo-product-cart-btn {\n            position: absolute;\n            top: 1rem;\n            right: 1rem;\n            width: 40px;\n            height: 40px;\n            background: var(--rodeo-carbon);\n            border-radius: 50%;\n            border: 1px solid var(--rodeo-miel);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: var(--rodeo-transition);\n            z-index: 2;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n        }\n\n        .rodeo-product-cart-btn:hover {\n            background: var(--rodeo-miel);\n            transform: scale(1.1);\n            box-shadow: 0 6px 20px rgba(242, 180, 74, 0.5);\n        }\n\n        .rodeo-product-cart-btn i {\n            font-size: 1.1rem;\n            color: var(--rodeo-miel);\n        }\n        \n        .rodeo-product-cart-btn:hover i {\n             color: var(--rodeo-carbon);\n        }\n\n        .rodeo-product-cart-btn.loading {\n            opacity: 0.7;\n            pointer-events: none;\n        }\n\n        .rodeo-product-cart-btn.loading i {\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            from {\n                transform: rotate(0deg);\n            }\n\n            to {\n                transform: rotate(360deg);\n            }\n        }\n\n        .rodeo-product-cart-btn.added {\n            background: #28A745;\n        }\n\n        .rodeo-product-content {\n            padding: 1.5rem;\n        }\n\n        .rodeo-product-category {\n            color: #888;\n            font-family: var(--rodeo-font-body);\n            font-weight: 600;\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 0.5rem;\n        }\n\n        .rodeo-product-title {\n            font-family: var(--rodeo-font-body);\n            font-weight: 700;\n            font-size: 1.1rem;\n            color: var(--rodeo-crema); \/* Light title *\/\n            margin: 0 0 1rem 0;\n            line-height: 1.4;\n            min-height: 2.8rem;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .rodeo-product-title a {\n            color: var(--rodeo-crema);\n            text-decoration: none;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-product-title a:hover {\n            color: var(--rodeo-miel);\n        }\n\n        .rodeo-product-price {\n            margin-bottom: 1rem;\n        }\n\n        .rodeo-product-price-regular {\n            color: #999;\n            font-family: var(--rodeo-font-body);\n            font-weight: 400;\n            font-size: 0.9rem;\n            text-decoration: line-through;\n            margin-right: 0.5rem;\n        }\n\n        .rodeo-product-price-sale {\n            color: var(--rodeo-miel);\n            font-family: var(--rodeo-font-body);\n            font-weight: 700;\n            font-size: 1.5rem;\n        }\n\n        .rodeo-product-price-normal {\n            color: var(--rodeo-miel); \/* Gold price *\/\n            font-family: var(--rodeo-font-body);\n            font-weight: 700;\n            font-size: 1.5rem;\n        }\n\n        .rodeo-product-actions {\n            display: flex;\n            gap: 0.75rem;\n        }\n\n        .rodeo-product-btn {\n            flex: 1;\n            padding: 0.75rem 1rem;\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            border: none;\n            border-radius: 6px;\n            font-family: var(--rodeo-font-body);\n            font-weight: 600;\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            cursor: pointer;\n            transition: var(--rodeo-transition);\n            text-decoration: none;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n        }\n\n        .rodeo-product-btn:hover {\n            transform: translateY(-2px);\n        }\n\n        .rodeo-product-btn i {\n            font-size: 1rem;\n        }\n\n        .rodeo-view-all {\n            text-align: center;\n            margin-top: 3rem;\n        }\n\n        .rodeo-view-all-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 1rem 2.5rem;\n            background: transparent;\n            color: var(--rodeo-miel);\n            border: 2px solid var(--rodeo-miel);\n            border-radius: 8px;\n            font-family: var(--rodeo-font-body);\n            font-weight: 700;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            text-decoration: none;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-view-all-btn:hover {\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            transform: translateY(-3px);\n            box-shadow: 0 6px 20px rgba(242, 180, 74, 0.3);\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1200px) {\n            .rodeo-products-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        @media (max-width: 992px) {\n            .rodeo-featured-products {\n                padding: 3rem 1.5rem;\n            }\n\n            .rodeo-products-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 1.5rem;\n            }\n\n            .rodeo-featured-products-title {\n                font-size: 2rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .rodeo-featured-products {\n                padding: 2.5rem 1rem;\n            }\n\n            .rodeo-products-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .rodeo-featured-products-title {\n                font-size: 1.75rem;\n            }\n        }\n    <\/style>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n    <section class=\"rodeo-featured-products\" id=\"destacados\">\n        <div class=\"rodeo-featured-products-container\">\n            <div class=\"rodeo-featured-products-header\">\n                <p class=\"rodeo-featured-products-subtitle\">Nuestros Productos<\/p>\n                <h2 class=\"rodeo-featured-products-title\">Productos Destacados<\/h2>\n            <\/div>\n\n            <div class=\"rodeo-products-grid\">\n                \n                        <div class=\"rodeo-product-card\">\n                            <div class=\"rodeo-product-image-wrapper\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/92A2002-683x1024.jpg\" alt=\"CAJA TRIPLE MIX X 6\"\n                                        class=\"rodeo-product-image\">\n                                \n                                                                    <div class=\"rodeo-product-badge\">Destacado<\/div>\n                                \n                                <button type=\"button\" class=\"rodeo-product-cart-btn\"\n                                    data-product-id=\"442\"\n                                    data-product-name=\"CAJA TRIPLE MIX X 6\" title=\"Agregar al carrito\"\n                                    onclick=\"event.stopPropagation(); event.preventDefault();\">\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"rodeo-product-content\">\n                                                                    <p class=\"rodeo-product-category\">\n                                        Cajas y Packs                                    <\/p>\n                                \n                                <h3 class=\"rodeo-product-title\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-triple-mix-x-6\/\">\n                                        CAJA TRIPLE MIX X 6                                    <\/a>\n                                <\/h3>\n\n                                <div class=\"rodeo-product-price\">\n                                                                            <span class=\"rodeo-product-price-normal\">$\n                                            10.000                                        <\/span>\n                                                                    <\/div>\n\n                                <div class=\"rodeo-product-actions\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-triple-mix-x-6\/\" class=\"rodeo-product-btn\">\n                                        <i class=\"fas fa-shopping-bag\"><\/i>\n                                        Comprar Ahora\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"rodeo-product-card\">\n                            <div class=\"rodeo-product-image-wrapper\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/92A5874-683x1024.jpg\" alt=\"CAJA ALFAJORES CAYOTE X 12\"\n                                        class=\"rodeo-product-image\">\n                                \n                                                                    <div class=\"rodeo-product-badge\">Destacado<\/div>\n                                \n                                <button type=\"button\" class=\"rodeo-product-cart-btn\"\n                                    data-product-id=\"398\"\n                                    data-product-name=\"CAJA ALFAJORES CAYOTE X 12\" title=\"Agregar al carrito\"\n                                    onclick=\"event.stopPropagation(); event.preventDefault();\">\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"rodeo-product-content\">\n                                                                    <p class=\"rodeo-product-category\">\n                                        Alfajores                                    <\/p>\n                                \n                                <h3 class=\"rodeo-product-title\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajores-cayote-x-12\/\">\n                                        CAJA ALFAJORES CAYOTE X 12                                    <\/a>\n                                <\/h3>\n\n                                <div class=\"rodeo-product-price\">\n                                                                            <span class=\"rodeo-product-price-normal\">$\n                                            22.000                                        <\/span>\n                                                                    <\/div>\n\n                                <div class=\"rodeo-product-actions\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajores-cayote-x-12\/\" class=\"rodeo-product-btn\">\n                                        <i class=\"fas fa-shopping-bag\"><\/i>\n                                        Comprar Ahora\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"rodeo-product-card\">\n                            <div class=\"rodeo-product-image-wrapper\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/El-Rodeo-Alfajor-Maicena-1.jpg\" alt=\"CAJA ALFAJORES MAICENA X 6\"\n                                        class=\"rodeo-product-image\">\n                                \n                                                                    <div class=\"rodeo-product-badge sale\">-\n                                        17%\n                                    <\/div>\n                                \n                                <button type=\"button\" class=\"rodeo-product-cart-btn\"\n                                    data-product-id=\"401\"\n                                    data-product-name=\"CAJA ALFAJORES MAICENA X 6\" title=\"Agregar al carrito\"\n                                    onclick=\"event.stopPropagation(); event.preventDefault();\">\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"rodeo-product-content\">\n                                                                    <p class=\"rodeo-product-category\">\n                                        Alfajores                                    <\/p>\n                                \n                                <h3 class=\"rodeo-product-title\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajores-maicena-x-6\/\">\n                                        CAJA ALFAJORES MAICENA X 6                                    <\/a>\n                                <\/h3>\n\n                                <div class=\"rodeo-product-price\">\n                                                                            <span class=\"rodeo-product-price-regular\">$\n                                            12.000                                        <\/span>\n                                        <span class=\"rodeo-product-price-sale\">$\n                                            10.000                                        <\/span>\n                                                                    <\/div>\n\n                                <div class=\"rodeo-product-actions\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajores-maicena-x-6\/\" class=\"rodeo-product-btn\">\n                                        <i class=\"fas fa-shopping-bag\"><\/i>\n                                        Comprar Ahora\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div class=\"rodeo-product-card\">\n                            <div class=\"rodeo-product-image-wrapper\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/92A2028-683x1024.jpg\" alt=\"CAJA ALFAJOR INSPIRACION X 6\"\n                                        class=\"rodeo-product-image\">\n                                \n                                                                    <div class=\"rodeo-product-badge\">Destacado<\/div>\n                                \n                                <button type=\"button\" class=\"rodeo-product-cart-btn\"\n                                    data-product-id=\"402\"\n                                    data-product-name=\"CAJA ALFAJOR INSPIRACION X 6\" title=\"Agregar al carrito\"\n                                    onclick=\"event.stopPropagation(); event.preventDefault();\">\n                                    <i class=\"fas fa-shopping-cart\"><\/i>\n                                <\/button>\n                            <\/div>\n\n                            <div class=\"rodeo-product-content\">\n                                                                    <p class=\"rodeo-product-category\">\n                                        Alfajores                                    <\/p>\n                                \n                                <h3 class=\"rodeo-product-title\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajor-inspiracion-x-6\/\">\n                                        CAJA ALFAJOR INSPIRACION X 6                                    <\/a>\n                                <\/h3>\n\n                                <div class=\"rodeo-product-price\">\n                                                                            <span class=\"rodeo-product-price-normal\">$\n                                            20.000                                        <\/span>\n                                                                    <\/div>\n\n                                <div class=\"rodeo-product-actions\">\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajor-inspiracion-x-6\/\" class=\"rodeo-product-btn\">\n                                        <i class=\"fas fa-shopping-bag\"><\/i>\n                                        Comprar Ahora\n                                    <\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                                <\/div>\n\n            <div class=\"rodeo-view-all\">\n                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/tienda\/\" class=\"rodeo-view-all-btn\">\n                    Ver Todos los Productos\n                    <i class=\"fas fa-arrow-right\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Funcionalidad de Agregar al Carrito\n        document.addEventListener('DOMContentLoaded', function () {\n            const cartButtons = document.querySelectorAll('.rodeo-product-cart-btn');\n\n            cartButtons.forEach(button => {\n                button.addEventListener('click', function () {\n                    const productId = this.getAttribute('data-product-id');\n                    if(!productId) return;\n\n                    const buttonIcon = this.querySelector('i');\n                    const buttonText = this;\n\n                    \/\/ Cambiar estado a loading\n                    buttonText.classList.add('loading');\n                    buttonIcon.className = 'fas fa-spinner fa-spin';\n\n                    \/\/ AJAX para agregar al carrito\n                    fetch('https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-admin\/admin-ajax.php', {\n                        method: 'POST',\n                        headers: {\n                            'Content-Type': 'application\/x-www-form-urlencoded',\n                        },\n                        body: 'action=woocommerce_add_to_cart&product_id=' + productId\n                    })\n                        .then(response => response.json())\n                        .then(data => {\n                            \/\/ Cambiar a estado agregado\n                            buttonText.classList.remove('loading');\n                            buttonText.classList.add('added');\n                            buttonIcon.className = 'fas fa-check';\n\n                            \/\/ Trigger jQuery events for WooCommerce and Floating Cart\n                            if (typeof jQuery !== 'undefined') {\n                                jQuery(document.body).trigger('added_to_cart', [null, null, jQuery(this)]);\n                                jQuery(document.body).trigger('wc_fragment_refresh');\n                                jQuery(document.body).trigger('rodeo_refresh_cart_manual');\n                            }\n\n                            \/\/ Volver al estado normal despu\u00e9s de 2 segundos\n                            setTimeout(() => {\n                                buttonText.classList.remove('added');\n                                buttonIcon.className = 'fas fa-shopping-cart';\n                            }, 2000);\n                        })\n                        .catch(error => {\n                            console.error('Error:', error);\n                            buttonText.classList.remove('loading');\n                            buttonIcon.className = 'fas fa-shopping-cart';\n                        });\n                });\n            });\n        });\n    <\/script>\n\n    \n\n\n\r\n    <style>\r\n        .rodeo-promo-grid {\r\n            padding: 3rem 2rem;\r\n            background: var(--rodeo-carbon); \/* Dark background *\/\r\n        }\r\n\r\n        .rodeo-promo-grid-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .rodeo-promo-grid-header {\r\n            text-align: center;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        .rodeo-promo-grid-title {\r\n            font-family: var(--rodeo-font-heading);\r\n            font-weight: 800;\r\n            font-size: 2.5rem;\r\n            color: var(--rodeo-crema); \/* Light Title *\/\r\n            margin: 0 0 0.5rem 0;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-promo-grid-subtitle {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 400;\r\n            font-size: 1.1rem;\r\n            color: var(--rodeo-oliva);\r\n            margin: 0;\r\n        }\r\n\r\n        .rodeo-promo-products {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .rodeo-promo-product {\r\n            background: var(--rodeo-dark-grey); \/* Dark Cards *\/\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            transition: var(--rodeo-transition);\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .rodeo-promo-product:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);\r\n            border-color: var(--rodeo-miel);\r\n        }\r\n\r\n        .rodeo-promo-product-link {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            display: block;\r\n            flex: 1;\r\n        }\r\n\r\n        .rodeo-promo-product-image {\r\n            position: relative;\r\n            width: 100%;\r\n            padding-top: 100%;\r\n            background: #F5F5F5;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-promo-product-image img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-promo-product:hover .rodeo-promo-product-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .rodeo-promo-discount-badge {\r\n            position: absolute;\r\n            top: 1rem;\r\n            left: 1rem;\r\n            width: 70px;\r\n            height: 70px;\r\n            background: var(--rodeo-miel);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 2;\r\n            box-shadow: 0 4px 15px rgba(242, 180, 74, 0.4);\r\n        }\r\n\r\n        .rodeo-promo-discount-number {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 800;\r\n            font-size: 1.8rem;\r\n            color: var(--rodeo-carbon);\r\n            line-height: 1;\r\n            margin: 0;\r\n        }\r\n\r\n        .rodeo-promo-discount-text {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 700;\r\n            font-size: 0.75rem;\r\n            color: var(--rodeo-carbon);\r\n            text-transform: uppercase;\r\n            line-height: 1;\r\n        }\r\n\r\n        .rodeo-promo-product-content {\r\n            padding: 1.25rem;\r\n        }\r\n\r\n        .rodeo-promo-product-name {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            color: var(--rodeo-crema); \/* Light Name *\/\r\n            margin: 0 0 0.75rem 0;\r\n            line-height: 1.3;\r\n            min-height: 2.6rem;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-promo-product-prices {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.25rem;\r\n        }\r\n\r\n        .rodeo-promo-product-price-old {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 400;\r\n            font-size: 0.85rem;\r\n            color: #999;\r\n            text-decoration: line-through;\r\n        }\r\n\r\n        .rodeo-promo-product-price-new {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 800;\r\n            font-size: 1.4rem;\r\n            color: var(--rodeo-miel); \/* Price accent *\/\r\n        }\r\n\r\n        .rodeo-promo-product-actions {\r\n            padding: 0 1.25rem 1.25rem 1.25rem;\r\n        }\r\n\r\n        .rodeo-promo-buy-btn {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            width: 100%;\r\n            padding: 0.75rem 1rem;\r\n            background: var(--rodeo-cacao);\r\n            color: var(--rodeo-crema);\r\n            border: none;\r\n            border-radius: 6px;\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            text-decoration: none;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-promo-buy-btn:hover {\r\n            background: var(--rodeo-miel);\r\n            color: var(--rodeo-carbon);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .rodeo-promo-buy-btn i {\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .rodeo-promo-cart-btn {\r\n            position: absolute;\r\n            top: 1rem;\r\n            right: 1rem;\r\n            width: 40px;\r\n            height: 40px;\r\n            background: var(--rodeo-cacao);\r\n            border-radius: 50%;\r\n            border: none;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: var(--rodeo-transition);\r\n            z-index: 3;\r\n            box-shadow: 0 4px 15px rgba(90, 58, 26, 0.4);\r\n        }\r\n\r\n        .rodeo-promo-cart-btn:hover {\r\n            background: var(--rodeo-miel);\r\n            transform: scale(1.15);\r\n            box-shadow: 0 6px 20px rgba(242, 180, 74, 0.6);\r\n        }\r\n\r\n        .rodeo-promo-cart-btn i {\r\n            font-size: 1.1rem;\r\n            color: var(--rodeo-crema);\r\n        }\r\n\r\n        .rodeo-promo-cart-btn:hover i {\r\n            color: var(--rodeo-carbon);\r\n        }\r\n\r\n        .rodeo-promo-cart-btn.loading {\r\n            opacity: 0.7;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .rodeo-promo-cart-btn.loading i {\r\n            animation: spin 1s linear infinite;\r\n        }\r\n\r\n        @keyframes spin {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .rodeo-promo-cart-btn.added {\r\n            background: #28A745;\r\n        }\r\n\r\n        \/* Responsive - Desktop Large *\/\r\n        @media (max-width: 1400px) {\r\n            .rodeo-promo-products {\r\n                grid-template-columns: repeat(5, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Responsive - Desktop *\/\r\n        @media (max-width: 1200px) {\r\n            .rodeo-promo-products {\r\n                grid-template-columns: repeat(4, 1fr);\r\n            }\r\n        }\r\n\r\n        \/* Responsive - Tablet *\/\r\n        @media (max-width: 992px) {\r\n            .rodeo-promo-grid {\r\n                padding: 2.5rem 1.5rem;\r\n            }\r\n\r\n            .rodeo-promo-products {\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: 1.25rem;\r\n            }\r\n\r\n            .rodeo-promo-grid-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .rodeo-promo-grid-subtitle {\r\n                font-size: 1rem;\r\n            }\r\n        }\r\n\r\n        \/* Responsive - Tablet Small *\/\r\n        @media (max-width: 768px) {\r\n            .rodeo-promo-grid {\r\n                padding: 2rem 1.25rem;\r\n            }\r\n\r\n            .rodeo-promo-products {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1rem;\r\n            }\r\n\r\n            .rodeo-promo-grid-header {\r\n                margin-bottom: 2rem;\r\n            }\r\n\r\n            .rodeo-promo-grid-title {\r\n                font-size: 1.75rem;\r\n            }\r\n\r\n            .rodeo-promo-grid-subtitle {\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n            .rodeo-promo-discount-badge {\r\n                width: 60px;\r\n                height: 60px;\r\n            }\r\n\r\n            .rodeo-promo-discount-number {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .rodeo-promo-discount-text {\r\n                font-size: 0.7rem;\r\n            }\r\n\r\n            .rodeo-promo-product-name {\r\n                font-size: 0.9rem;\r\n                min-height: 2.4rem;\r\n            }\r\n\r\n            .rodeo-promo-product-price-new {\r\n                font-size: 1.3rem;\r\n            }\r\n        }\r\n\r\n        \/* Responsive - Mobile Large (1 columna) *\/\r\n        @media (max-width: 576px) {\r\n            .rodeo-promo-grid {\r\n                padding: 2rem 1rem;\r\n            }\r\n\r\n            .rodeo-promo-products {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.25rem;\r\n                max-width: 400px;\r\n                margin: 0 auto;\r\n            }\r\n            \/* ... (keeping all other responsive styles from vargas) ... *\/\r\n             .rodeo-promo-grid-header {\r\n                margin-bottom: 1.75rem;\r\n            }\r\n\r\n            .rodeo-promo-grid-title {\r\n                font-size: 1.5rem;\r\n                letter-spacing: 0.5px;\r\n            }\r\n             .rodeo-promo-discount-badge {\r\n                width: 70px;\r\n                height: 70px;\r\n                top: 0.75rem;\r\n                left: 0.75rem;\r\n            }\r\n\r\n            .rodeo-promo-discount-number {\r\n                font-size: 1.75rem;\r\n            }\r\n             .rodeo-promo-cart-btn {\r\n                width: 45px;\r\n                height: 45px;\r\n                top: 0.75rem;\r\n                right: 0.75rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"rodeo-promo-grid\" id=\"promo-grid\">\r\n        <div class=\"rodeo-promo-grid-container\">\r\n            <div class=\"rodeo-promo-grid-header\">\r\n                <h2 class=\"rodeo-promo-grid-title\">\r\n                    Hasta 21% de Descuento                <\/h2>\r\n                <p class=\"rodeo-promo-grid-subtitle\">\r\n                    En productos seleccionados                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-promo-products\">\r\n                \r\n                        <div class=\"rodeo-promo-product\">\r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-surtida-x-12\/\" class=\"rodeo-promo-product-link\">\r\n                                <div class=\"rodeo-promo-product-image\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/El-Rodeo-Conito-Extra.jpg\" alt=\"CAJA CONITOS SURTIDOS X 12\">\r\n                                    \r\n                                                                            <div class=\"rodeo-promo-discount-badge\">\r\n                                            <p class=\"rodeo-promo-discount-number\">\r\n                                                6%\r\n                                            <\/p>\r\n                                            <span class=\"rodeo-promo-discount-text\">OFF<\/span>\r\n                                        <\/div>\r\n                                    \r\n                                    <button type=\"button\" class=\"rodeo-promo-cart-btn\"\r\n                                        data-product-id=\"437\"\r\n                                        data-product-name=\"CAJA CONITOS SURTIDOS X 12\" title=\"Agregar al carrito\"\r\n                                        onclick=\"event.stopPropagation(); event.preventDefault();\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/button>\r\n                                <\/div>\r\n\r\n                                <div class=\"rodeo-promo-product-content\">\r\n                                    <h3 class=\"rodeo-promo-product-name\">\r\n                                        CAJA CONITOS SURTIDOS X 12                                    <\/h3>\r\n                                    <div class=\"rodeo-promo-product-prices\">\r\n                                                                                    <span class=\"rodeo-promo-product-price-old\">$\r\n                                                16.000                                            <\/span>\r\n                                                                                <span class=\"rodeo-promo-product-price-new\">$\r\n                                            14.999                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n\r\n                            <div class=\"rodeo-promo-product-actions\">\r\n                                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-surtida-x-12\/\" class=\"rodeo-promo-buy-btn\">\r\n                                    <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    Comprar Ahora\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"rodeo-promo-product\">\r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-simple-negro-x-12\/\" class=\"rodeo-promo-product-link\">\r\n                                <div class=\"rodeo-promo-product-image\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/92A1989-1-683x1024.jpg\" alt=\"CAJA SIMPLE NEGRO X 12\">\r\n                                    \r\n                                                                            <div class=\"rodeo-promo-discount-badge\">\r\n                                            <p class=\"rodeo-promo-discount-number\">\r\n                                                13%\r\n                                            <\/p>\r\n                                            <span class=\"rodeo-promo-discount-text\">OFF<\/span>\r\n                                        <\/div>\r\n                                    \r\n                                    <button type=\"button\" class=\"rodeo-promo-cart-btn\"\r\n                                        data-product-id=\"434\"\r\n                                        data-product-name=\"CAJA SIMPLE NEGRO X 12\" title=\"Agregar al carrito\"\r\n                                        onclick=\"event.stopPropagation(); event.preventDefault();\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/button>\r\n                                <\/div>\r\n\r\n                                <div class=\"rodeo-promo-product-content\">\r\n                                    <h3 class=\"rodeo-promo-product-name\">\r\n                                        CAJA SIMPLE NEGRO X 12                                    <\/h3>\r\n                                    <div class=\"rodeo-promo-product-prices\">\r\n                                                                                    <span class=\"rodeo-promo-product-price-old\">$\r\n                                                15.000                                            <\/span>\r\n                                                                                <span class=\"rodeo-promo-product-price-new\">$\r\n                                            13.000                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n\r\n                            <div class=\"rodeo-promo-product-actions\">\r\n                                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-simple-negro-x-12\/\" class=\"rodeo-promo-buy-btn\">\r\n                                    <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    Comprar Ahora\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"rodeo-promo-product\">\r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajores-maicena-x-6\/\" class=\"rodeo-promo-product-link\">\r\n                                <div class=\"rodeo-promo-product-image\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/El-Rodeo-Alfajor-Maicena-1.jpg\" alt=\"CAJA ALFAJORES MAICENA X 6\">\r\n                                    \r\n                                                                            <div class=\"rodeo-promo-discount-badge\">\r\n                                            <p class=\"rodeo-promo-discount-number\">\r\n                                                17%\r\n                                            <\/p>\r\n                                            <span class=\"rodeo-promo-discount-text\">OFF<\/span>\r\n                                        <\/div>\r\n                                    \r\n                                    <button type=\"button\" class=\"rodeo-promo-cart-btn\"\r\n                                        data-product-id=\"401\"\r\n                                        data-product-name=\"CAJA ALFAJORES MAICENA X 6\" title=\"Agregar al carrito\"\r\n                                        onclick=\"event.stopPropagation(); event.preventDefault();\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/button>\r\n                                <\/div>\r\n\r\n                                <div class=\"rodeo-promo-product-content\">\r\n                                    <h3 class=\"rodeo-promo-product-name\">\r\n                                        CAJA ALFAJORES MAICENA X 6                                    <\/h3>\r\n                                    <div class=\"rodeo-promo-product-prices\">\r\n                                                                                    <span class=\"rodeo-promo-product-price-old\">$\r\n                                                12.000                                            <\/span>\r\n                                                                                <span class=\"rodeo-promo-product-price-new\">$\r\n                                            10.000                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n\r\n                            <div class=\"rodeo-promo-product-actions\">\r\n                                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/caja-alfajores-maicena-x-6\/\" class=\"rodeo-promo-buy-btn\">\r\n                                    <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    Comprar Ahora\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"rodeo-promo-product\">\r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/blister-gulero-x-15\/\" class=\"rodeo-promo-product-link\">\r\n                                <div class=\"rodeo-promo-product-image\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/92A2192-683x1024.jpg\" alt=\"BLISTER GULERO X 15\">\r\n                                    \r\n                                                                            <div class=\"rodeo-promo-discount-badge\">\r\n                                            <p class=\"rodeo-promo-discount-number\">\r\n                                                9%\r\n                                            <\/p>\r\n                                            <span class=\"rodeo-promo-discount-text\">OFF<\/span>\r\n                                        <\/div>\r\n                                    \r\n                                    <button type=\"button\" class=\"rodeo-promo-cart-btn\"\r\n                                        data-product-id=\"393\"\r\n                                        data-product-name=\"BLISTER GULERO X 15\" title=\"Agregar al carrito\"\r\n                                        onclick=\"event.stopPropagation(); event.preventDefault();\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/button>\r\n                                <\/div>\r\n\r\n                                <div class=\"rodeo-promo-product-content\">\r\n                                    <h3 class=\"rodeo-promo-product-name\">\r\n                                        BLISTER GULERO X 15                                    <\/h3>\r\n                                    <div class=\"rodeo-promo-product-prices\">\r\n                                                                                    <span class=\"rodeo-promo-product-price-old\">$\r\n                                                23.000                                            <\/span>\r\n                                                                                <span class=\"rodeo-promo-product-price-new\">$\r\n                                            21.000                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n\r\n                            <div class=\"rodeo-promo-product-actions\">\r\n                                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/blister-gulero-x-15\/\" class=\"rodeo-promo-buy-btn\">\r\n                                    <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    Comprar Ahora\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"rodeo-promo-product\">\r\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/alfajor-de-autor-cayote-queso-y-nuez\/\" class=\"rodeo-promo-product-link\">\r\n                                <div class=\"rodeo-promo-product-image\">\r\n                                                                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/92A5874-683x1024.jpg\" alt=\"ALFAJOR DE AUTOR CAYOTE, QUESO Y NUEZ\">\r\n                                    \r\n                                                                            <div class=\"rodeo-promo-discount-badge\">\r\n                                            <p class=\"rodeo-promo-discount-number\">\r\n                                                21%\r\n                                            <\/p>\r\n                                            <span class=\"rodeo-promo-discount-text\">OFF<\/span>\r\n                                        <\/div>\r\n                                    \r\n                                    <button type=\"button\" class=\"rodeo-promo-cart-btn\"\r\n                                        data-product-id=\"371\"\r\n                                        data-product-name=\"ALFAJOR DE AUTOR CAYOTE, QUESO Y NUEZ\" title=\"Agregar al carrito\"\r\n                                        onclick=\"event.stopPropagation(); event.preventDefault();\">\r\n                                        <i class=\"fas fa-shopping-cart\"><\/i>\r\n                                    <\/button>\r\n                                <\/div>\r\n\r\n                                <div class=\"rodeo-promo-product-content\">\r\n                                    <h3 class=\"rodeo-promo-product-name\">\r\n                                        ALFAJOR DE AUTOR CAYOTE, QUESO Y NUEZ                                    <\/h3>\r\n                                    <div class=\"rodeo-promo-product-prices\">\r\n                                                                                    <span class=\"rodeo-promo-product-price-old\">$\r\n                                                2.800                                            <\/span>\r\n                                                                                <span class=\"rodeo-promo-product-price-new\">$\r\n                                            2.199                                        <\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/a>\r\n\r\n                            <div class=\"rodeo-promo-product-actions\">\r\n                                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/producto\/alfajor-de-autor-cayote-queso-y-nuez\/\" class=\"rodeo-promo-buy-btn\">\r\n                                    <i class=\"fas fa-shopping-bag\"><\/i>\r\n                                    Comprar Ahora\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                                <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n    <script>\r\n        \/\/ Funcionalidad de Agregar al Carrito - Promo Grid\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const cartButtons = document.querySelectorAll('.rodeo-promo-cart-btn');\r\n\r\n            cartButtons.forEach(button => {\r\n                button.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n\r\n                    const productId = this.getAttribute('data-product-id');\r\n                    if(!productId) return; \r\n\r\n                    const buttonIcon = this.querySelector('i');\r\n\r\n                    \/\/ Cambiar estado a loading\r\n                    this.classList.add('loading');\r\n                    buttonIcon.className = 'fas fa-spinner fa-spin';\r\n\r\n                    \/\/ AJAX para agregar al carrito\r\n                    fetch('https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-admin\/admin-ajax.php', {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'Content-Type': 'application\/x-www-form-urlencoded',\r\n                        },\r\n                        body: 'action=woocommerce_add_to_cart&product_id=' + productId\r\n                    })\r\n                        .then(response => response.json())\r\n                        .then(data => {\r\n                            \/\/ Cambiar a estado agregado\r\n                            this.classList.remove('loading');\r\n                            this.classList.add('added');\r\n                            buttonIcon.className = 'fas fa-check';\r\n\r\n                            \/\/ Trigger jQuery events for WooCommerce and Floating Cart\r\n                            if (typeof jQuery !== 'undefined') {\r\n                                jQuery(document.body).trigger('added_to_cart', [null, null, jQuery(this)]);\r\n                                jQuery(document.body).trigger('wc_fragment_refresh');\r\n                                jQuery(document.body).trigger('rodeo_refresh_cart_manual');\r\n                            }\r\n\r\n                            \/\/ Volver al estado normal despu\u00e9s de 2 segundos\r\n                            setTimeout(() => {\r\n                                this.classList.remove('added');\r\n                                buttonIcon.className = 'fas fa-shopping-cart';\r\n                            }, 2000);\r\n                        })\r\n                        .catch(error => {\r\n                            console.error('Error:', error);\r\n                            this.classList.remove('loading');\r\n                            buttonIcon.className = 'fas fa-shopping-cart';\r\n                        });\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    \n\n\n    <style>\n        .rodeo-services-section {\n            padding: 4rem 1rem;\n            background-color: var(--rodeo-crema); \/* Cream background *\/\n            font-family: var(--rodeo-font-body);\n        }\n\n        .rodeo-services-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .rodeo-section-title {\n            text-align: center;\n            color: var(--rodeo-miel); \/* Accent Miel *\/\n            font-size: 1rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 0.5rem;\n        }\n\n        .rodeo-section-subtitle {\n            text-align: center;\n            color: var(--rodeo-cacao); \/* Main Cacao *\/\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin-bottom: 3rem;\n            font-family: var(--rodeo-font-heading); \/* Heading Font *\/\n        }\n\n        .rodeo-services-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 2rem;\n        }\n\n        .rodeo-service-card {\n            background: white;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(90, 58, 26, 0.05);\n            transition: var(--rodeo-transition);\n            display: flex;\n            flex-direction: column;\n            border: 1px solid rgba(90, 58, 26, 0.05);\n        }\n\n        .rodeo-service-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 30px rgba(90, 58, 26, 0.15);\n            border-color: var(--rodeo-miel);\n        }\n\n        .rodeo-service-image {\n            width: 100%;\n            height: 200px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .rodeo-service-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .rodeo-service-card:hover .rodeo-service-image img {\n            transform: scale(1.1);\n        }\n\n        .rodeo-service-content {\n            padding: 1.5rem;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .rodeo-service-title {\n            color: var(--rodeo-cacao);\n            font-size: 1.25rem;\n            font-weight: 700;\n            margin-top: 0;\n            margin-bottom: 0.75rem;\n            font-family: var(--rodeo-font-heading);\n        }\n\n        .rodeo-service-description {\n            color: #666; \/* Keep neutral grey for readability *\/\n            font-size: 0.95rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            flex-grow: 1;\n            font-family: var(--rodeo-font-body);\n        }\n\n        .rodeo-service-link {\n            display: inline-flex;\n            align-items: center;\n            color: var(--rodeo-miel);\n            font-weight: 600;\n            text-decoration: none;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-service-link i {\n            margin-left: 5px;\n            transition: transform 0.3s ease;\n        }\n\n        .rodeo-service-link:hover {\n            color: var(--rodeo-cacao);\n        }\n\n        .rodeo-service-link:hover i {\n            transform: translateX(5px);\n        }\n\n        @media (max-width: 992px) {\n            .rodeo-services-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 576px) {\n            .rodeo-services-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .rodeo-section-subtitle {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n\n    <div class=\"rodeo-services-section\" id=\"servicios\">\n        <div class=\"rodeo-services-container\">\n            <h3 class=\"rodeo-section-title\">Nuestros Servicios<\/h3>\n            <h2 class=\"rodeo-section-subtitle\">Experiencia El Rodeo<\/h2>\n\n            <div class=\"rodeo-services-grid\">\n                                    <div class=\"rodeo-service-card\">\n                        <div class=\"rodeo-service-image\">\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/fabrica1.png\"\n                                alt=\"Distribuci\u00f3n Mayorista\">\n                        <\/div>\n                        <div class=\"rodeo-service-content\">\n                            <h3 class=\"rodeo-service-title\">Distribuci\u00f3n Mayorista<\/h3>\n                            <p class=\"rodeo-service-description\">\n                                \u00bfTienes un comercio? Sum\u00e1 los productos de El Rodeo a tu oferta. Condiciones especiales para revendedores.                            <\/p>\n                            <a href=\"#distribuidores\"\n                                class=\"rodeo-service-link\" >\n                                Ser Distribuidor <i class=\"fas fa-handshake\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rodeo-service-card\">\n                        <div class=\"rodeo-service-image\">\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/ploteo%20local.jpg\"\n                                alt=\"Env\u00edos Nacionales\">\n                        <\/div>\n                        <div class=\"rodeo-service-content\">\n                            <h3 class=\"rodeo-service-title\">Env\u00edos Nacionales<\/h3>\n                            <p class=\"rodeo-service-description\">\n                                Llevamos el sabor de Catamarca a cualquier punto de Argentina. Embalaje especial para garantizar la frescura.                            <\/p>\n                            <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\/\"\n                                class=\"rodeo-service-link\" >\n                                Ir a la Tienda <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"rodeo-service-card\">\n                        <div class=\"rodeo-service-image\">\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/conito%20partido%20a%20la%20mitad.jpg\"\n                                alt=\"Regalos Empresariales\">\n                        <\/div>\n                        <div class=\"rodeo-service-content\">\n                            <h3 class=\"rodeo-service-title\">Regalos Empresariales<\/h3>\n                            <p class=\"rodeo-service-description\">\n                                Sets exclusivos personalizados para tu empresa. El obsequio perfecto para clientes y colaboradores con sabor a tradici\u00f3n.                            <\/p>\n                            <a href=\"https:\/\/wa.me\/5491112345678?text=Hola%2C%20me%20interesa%20m%C3%A1s%20informaci%C3%B3n%20sobre%20Regalos%20Empresariales\"\n                                class=\"rodeo-service-link\" target=\"_blank\">\n                                Solicitar Presupuesto <i class=\"fab fa-whatsapp\"><\/i>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    \n\n\n\r\n    <style>\r\n        .rodeo-portfolio {\r\n            padding: 6rem 2rem;\r\n            background: var(--rodeo-crema); \/* Cream BG *\/\r\n        }\r\n\r\n        .rodeo-portfolio-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .rodeo-portfolio-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .rodeo-portfolio-subtitle {\r\n            color: var(--rodeo-miel);\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 600;\r\n            font-size: 1rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .rodeo-portfolio-title {\r\n            font-family: var(--rodeo-font-heading);\r\n            font-weight: 700;\r\n            font-size: 3rem;\r\n            color: var(--rodeo-cacao);\r\n            margin: 0 0 1rem 0;\r\n            \/* text-transform: uppercase; Removed for elegant serif *\/\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-portfolio-description {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 400;\r\n            font-size: 1.2rem;\r\n            color: #555;\r\n            max-width: 700px;\r\n            margin: 0 auto 2rem;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .rodeo-portfolio-filters {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n            margin-bottom: 3rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .rodeo-filter-btn {\r\n            padding: 0.75rem 1.5rem;\r\n            background: transparent;\r\n            color: var(--rodeo-cacao);\r\n            border: 2px solid var(--rodeo-cacao);\r\n            border-radius: 25px;\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            cursor: pointer;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-filter-btn:hover,\r\n        .rodeo-filter-btn.active {\r\n            background: var(--rodeo-cacao);\r\n            color: var(--rodeo-miel); \/* Contrast text *\/\r\n            border-color: var(--rodeo-cacao);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .rodeo-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n            gap: 2rem;\r\n        }\r\n\r\n        .rodeo-portfolio-item {\r\n            position: relative;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            height: 350px;\r\n            cursor: pointer;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-portfolio-item:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 40px rgba(90, 58, 26, 0.2);\r\n        }\r\n\r\n        .rodeo-portfolio-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-portfolio-item:hover .rodeo-portfolio-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .rodeo-portfolio-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: linear-gradient(135deg, rgba(90, 58, 26, 0.9), rgba(92, 95, 70, 0.9)); \/* Cacao to Oliva *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            opacity: 0;\r\n            transition: var(--rodeo-transition);\r\n            padding: 2rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .rodeo-portfolio-item:hover .rodeo-portfolio-overlay {\r\n            opacity: 1;\r\n        }\r\n\r\n        .rodeo-portfolio-category {\r\n            color: var(--rodeo-miel);\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 0.5rem;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .rodeo-portfolio-name {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 700;\r\n            font-size: 1.8rem;\r\n            color: var(--rodeo-crema);\r\n            margin: 0 0 1rem 0;\r\n            \/* text-transform: uppercase; *\/\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-portfolio-text {\r\n            font-family: var(--rodeo-font-body);\r\n            font-weight: 400;\r\n            font-size: 1rem;\r\n            color: var(--rodeo-crema);\r\n            line-height: 1.6;\r\n            margin: 0 0 1.5rem 0;\r\n        }\r\n\r\n        .rodeo-portfolio-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--rodeo-miel);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: var(--rodeo-transition);\r\n        }\r\n\r\n        .rodeo-portfolio-icon i {\r\n            font-size: 1.5rem;\r\n            color: var(--rodeo-cacao);\r\n            opacity: 1;\r\n        }\r\n\r\n        .rodeo-portfolio-item:hover .rodeo-portfolio-icon {\r\n            transform: scale(1.1) rotate(90deg);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 992px) {\r\n            .rodeo-portfolio {\r\n                padding: 4rem 1.5rem;\r\n            }\r\n\r\n            .rodeo-portfolio-title {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .rodeo-portfolio-grid {\r\n                grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .rodeo-portfolio {\r\n                padding: 3rem 1rem;\r\n            }\r\n\r\n            .rodeo-portfolio-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .rodeo-portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .rodeo-portfolio-item {\r\n                height: 300px;\r\n            }\r\n\r\n            .rodeo-portfolio-filters {\r\n                gap: 0.5rem;\r\n            }\r\n\r\n            .rodeo-filter-btn {\r\n                padding: 0.6rem 1.2rem;\r\n                font-size: 0.85rem;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n    <section class=\"rodeo-portfolio\" id=\"galeria\">\r\n        <div class=\"rodeo-portfolio-container\">\r\n            <div class=\"rodeo-portfolio-header\">\r\n                <p class=\"rodeo-portfolio-subtitle\">Nuestro Mundo<\/p>\r\n                <h2 class=\"rodeo-portfolio-title\">Galer\u00eda El Rodeo<\/h2>\r\n                <p class=\"rodeo-portfolio-description\">\r\n                    Momentos \u00fanicos, productos de excelencia y la tradici\u00f3n de siempre.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-portfolio-filters\">\r\n                <button class=\"rodeo-filter-btn active\" data-filter=\"all\">Todos<\/button>\r\n                <button class=\"rodeo-filter-btn\" data-filter=\"productos\">Productos<\/button>\r\n                <button class=\"rodeo-filter-btn\" data-filter=\"tienda\">Nuestros Locales<\/button>\r\n                <button class=\"rodeo-filter-btn\" data-filter=\"eventos\">Eventos<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-portfolio-grid\">\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"eventos\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/trofeo%20mejor%20alfajor%20de%20maicena%202025.jpg\"\r\n                                alt=\"Mejor Alfajor Maicena 2025\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Premio 2025<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Mejor Alfajor Maicena 2025<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Orgullo catamarque\u00f1o: Premio al mejor alfajor de maicena del a\u00f1o.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"productos\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/alfajo%20maicena%20partido%20en%204.jpg\"\r\n                                alt=\"Alfajor de Maicena\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Productos<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Alfajor de Maicena<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Suavidad incomparable con abundante dulce de leche y coco.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"tienda\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/local%20centro.jpg\"\r\n                                alt=\"Nuestro Local Centro\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Nuestros Locales<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Nuestro Local Centro<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Visitanos y viv\u00ed la experiencia El Rodeo en pleno coraz\u00f3n de la ciudad.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"productos\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/alfajores%20empaquetados.png\"\r\n                                alt=\"Packs para Compartir\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Productos<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Packs para Compartir<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                La mejor selecci\u00f3n de nuestros sabores lista para llevar.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"eventos\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/alfajores%20antes%20de%20ser%20empaquetados.png\"\r\n                                alt=\"Producci\u00f3n al Detalle\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Elaboraci\u00f3n<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Producci\u00f3n al Detalle<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Cada alfajor es cuidado desde su horneado hasta tu mano.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"tienda\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/personal%20trabajando.png\"\r\n                                alt=\"Manos Artesanas\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">F\u00e1brica<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Manos Artesanas<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Nuestro equipo de maestros pasteleros en acci\u00f3n.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"productos\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/conito%20partido%20a%20la%20mitad.jpg\"\r\n                                alt=\"Conitos Rellenos\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Productos<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Conitos Rellenos<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Explosi\u00f3n de dulce de leche recubierta de chocolate.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"tienda\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/local%20con%20gente.jpeg\"\r\n                                alt=\"Momentos Compartidos\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Visitas<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Momentos Compartidos<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Nuestros clientes disfrutando de lo mejor de Catamarca.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"rodeo-portfolio-item\" data-category=\"tienda\">\r\n                        <div class=\"rodeo-portfolio-image\">\r\n                            <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/local%20toma%20desde%20afuera.jpg\"\r\n                                alt=\"Visitanos\">\r\n                        <\/div>\r\n                        <div class=\"rodeo-portfolio-overlay\">\r\n                            <p class=\"rodeo-portfolio-category\">Nuestros Locales<\/p>\r\n                            <h3 class=\"rodeo-portfolio-name\">Visitanos<\/h3>\r\n                            <p class=\"rodeo-portfolio-text\">\r\n                                Te esperamos para compartir el sabor de nuestra tradici\u00f3n.                            <\/p>\r\n                            <div class=\"rodeo-portfolio-icon\">\r\n                                <i class=\"fas fa-plus\"><\/i>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function () {\r\n            const filterBtns = document.querySelectorAll('.rodeo-filter-btn');\r\n            const portfolioItems = document.querySelectorAll('.rodeo-portfolio-item');\r\n\r\n            filterBtns.forEach(btn => {\r\n                btn.addEventListener('click', function () {\r\n                    \/\/ Remove active class from all buttons\r\n                    filterBtns.forEach(b => b.classList.remove('active'));\r\n                    \/\/ Add active class to clicked button\r\n                    this.classList.add('active');\r\n\r\n                    const filter = this.getAttribute('data-filter');\r\n\r\n                    portfolioItems.forEach(item => {\r\n                        if (filter === 'all' || item.getAttribute('data-category') === filter) {\r\n                            item.style.display = 'block';\r\n                            setTimeout(() => {\r\n                                item.style.opacity = '1';\r\n                                item.style.transform = 'scale(1)';\r\n                            }, 10);\r\n                        } else {\r\n                            item.style.opacity = '0';\r\n                            item.style.transform = 'scale(0.8)';\r\n                            setTimeout(() => {\r\n                                item.style.display = 'none';\r\n                            }, 300);\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    \n\n\n\n    <style>\n        .rodeo-about {\n            padding: 6rem 2rem;\n            padding: 6rem 2rem;\n            \/* Gradient from Carbon to Cacao for variation *\/\n            background: linear-gradient(180deg, var(--rodeo-carbon) 0%, var(--rodeo-cacao) 100%);\n            position: relative;\n            overflow-x: hidden;\n            width: 100%;\n        }\n\n        .rodeo-about-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            width: 100%;\n        }\n\n        .rodeo-about-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            margin-bottom: 4rem;\n        }\n\n        .rodeo-about-text {\n            padding-right: 2rem;\n        }\n\n        .rodeo-about-subtitle {\n            color: var(--rodeo-miel);\n            font-family: var(--rodeo-font-body);\n            font-weight: 600;\n            font-size: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 1rem;\n        }\n\n        .rodeo-about-title {\n            font-family: var(--rodeo-font-heading);\n            font-weight: 700;\n            font-size: 3rem;\n            color: var(--rodeo-crema); \/* Light Title *\/\n            margin: 0 0 1.5rem 0;\n            \/* text-transform: uppercase; Removed for elegant serif *\/\n            letter-spacing: 1px;\n            line-height: 1.2;\n            word-wrap: break-word;\n        }\n\n        .rodeo-about-description {\n            font-family: var(--rodeo-font-body);\n            font-weight: 400;\n            font-size: 1.1rem;\n            color: rgba(255, 255, 255, 0.8); \/* Off-white text *\/\n            line-height: 1.8;\n            margin: 0 0 1.5rem 0;\n        }\n\n        .rodeo-about-highlight {\n            background: rgba(255, 255, 255, 0.05); \/* Translucent Box *\/\n            padding: 2rem;\n            border-left: 4px solid var(--rodeo-miel);\n            border-radius: 8px;\n            margin: 2rem 0;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n        }\n\n        .rodeo-about-highlight p {\n            font-family: var(--rodeo-font-body);\n            font-weight: 500;\n            font-size: 1.2rem;\n            color: var(--rodeo-miel); \/* Gold highlight *\/\n            margin: 0;\n            font-style: italic;\n        }\n\n        .rodeo-about-image {\n            width: 100%;\n            height: 500px;\n            border-radius: 12px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 10px 40px rgba(90, 58, 26, 0.15);\n        }\n\n        .rodeo-about-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .rodeo-about-stats {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n            margin-top: 4rem;\n        }\n\n        .rodeo-stat-card {\n            background: rgba(0, 0, 0, 0.2); \/* Dark Glass *\/\n            padding: 2.5rem;\n            border-radius: 12px;\n            text-align: center;\n            border: 3px solid transparent;\n            transition: var(--rodeo-transition);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n        }\n\n        .rodeo-stat-card:hover {\n            border-color: var(--rodeo-miel);\n            transform: translateY(-5px);\n            box-shadow: 0 8px 30px rgba(242, 180, 74, 0.2);\n        }\n\n        .rodeo-stat-icon {\n            width: 70px;\n            height: 70px;\n            margin: 0 auto 1.5rem;\n            background: linear-gradient(135deg, var(--rodeo-miel), var(--rodeo-cacao));\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .rodeo-stat-icon i {\n            font-size: 2rem;\n            color: var(--rodeo-crema);\n        }\n\n        .rodeo-stat-number {\n            font-family: var(--rodeo-font-heading);\n            font-weight: 700;\n            font-size: 3rem;\n            color: var(--rodeo-miel);\n            margin: 0 0 0.5rem 0;\n            line-height: 1;\n        }\n\n        .rodeo-stat-label {\n            font-family: var(--rodeo-font-body);\n            font-weight: 600;\n            font-size: 1.1rem;\n            color: var(--rodeo-crema);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin: 0;\n            word-wrap: break-word;\n        }\n\n        .rodeo-about-values {\n            margin-top: 4rem;\n            text-align: center;\n        }\n\n        .rodeo-about-values-title {\n            font-family: var(--rodeo-font-heading);\n            font-weight: 700;\n            font-size: 2.5rem;\n            color: var(--rodeo-crema);\n            margin: 0 0 3rem 0;\n            \/* text-transform: uppercase; Removed for elegance *\/\n            letter-spacing: 1px;\n        }\n\n        .rodeo-values-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n        }\n\n        .rodeo-value-item {\n            padding: 1.5rem;\n        }\n\n        .rodeo-value-item i {\n            font-size: 2.5rem;\n            color: var(--rodeo-miel);\n            margin-bottom: 1rem;\n        }\n\n        .rodeo-value-item h4 {\n            font-family: var(--rodeo-font-body);\n            font-weight: 700;\n            font-size: 1.2rem;\n            color: var(--rodeo-crema);\n            margin: 0;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            word-wrap: break-word;\n        }\n\n        \/* Responsive - Tablet *\/\n        @media (max-width: 992px) {\n            .rodeo-about {\n                padding: 4rem 1.5rem;\n            }\n\n            .rodeo-about-content {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n\n            .rodeo-about-text {\n                padding-right: 0;\n            }\n\n            .rodeo-about-title {\n                font-size: 2.5rem;\n            }\n\n            .rodeo-about-image {\n                height: 400px;\n            }\n\n            .rodeo-about-stats {\n                gap: 1.5rem;\n            }\n        }\n\n        \/* Responsive - Mobile *\/\n        @media (max-width: 768px) {\n            .rodeo-about {\n                padding: 3rem 1.25rem;\n            }\n\n            .rodeo-about-title {\n                font-size: 2rem;\n            }\n\n            .rodeo-about-image {\n                height: 350px;\n            }\n\n            .rodeo-about-stats {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 576px) {\n             .rodeo-about-stats {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* Awards Carousel *\/\n        .rodeo-awards-carousel {\n            width: 100%;\n            overflow: hidden;\n            padding: 3rem 0; \/* More spacing *\/\n            background: linear-gradient(to bottom, rgba(0,0,0,0.1), transparent, rgba(0,0,0,0.1));\n            border-top: 1px solid rgba(242, 180, 74, 0.1);\n            border-bottom: 1px solid rgba(242, 180, 74, 0.1);\n            margin-bottom: 4rem;\n            position: relative;\n        }\n\n        .rodeo-awards-title {\n            text-align: center;\n            color: var(--rodeo-miel);\n            font-family: var(--rodeo-font-heading);\n            font-size: 1.8rem;\n            margin-bottom: 2rem;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            position: relative;\n            z-index: 3;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n        }\n\n        .rodeo-awards-carousel::before,\n        .rodeo-awards-carousel::after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            width: 200px; \/* Wider fade *\/\n            height: 100%;\n            z-index: 2;\n        }\n\n        .rodeo-awards-carousel::before {\n            left: 0;\n            background: linear-gradient(to right, var(--rodeo-cacao), transparent);\n        }\n\n        .rodeo-awards-carousel::after {\n            right: 0;\n            background: linear-gradient(to left, var(--rodeo-cacao), transparent);\n        }\n\n\n        .rodeo-awards-track {\n            display: flex;\n            gap: 4rem;\n            width: max-content;\n            animation: rodeoScroll 40s linear infinite;\n        }\n\n        .rodeo-award-item img {\n            height: 280px; \/* Maximized visibility *\/\n            width: auto;\n            object-fit: contain;\n            filter: none;\n            transition: transform 0.3s;\n        }\n\n        .rodeo-award-item img:hover {\n            transform: scale(1.1);\n            \/* Clean hover, no shadow *\/\n        }\n\n        @keyframes rodeoScroll {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n\n        @media (max-width: 768px) {\n            .rodeo-award-item img {\n                height: 180px;\n            }\n            .rodeo-awards-track {\n                gap: 2rem;\n            }\n            .rodeo-awards-title {\n                font-size: 1.2rem;\n                letter-spacing: 1px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .rodeo-awards-title {\n                font-size: 1rem;\n                letter-spacing: 0.5px;\n            }\n        }\n\n    <\/style>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n    <section class=\"rodeo-about\" id=\"nosotros\">\n        <div class=\"rodeo-about-container\">\n            <div class=\"rodeo-about-content\">\n                <div class=\"rodeo-about-text\">\n                    <p class=\"rodeo-about-subtitle\">Nuestra Historia<\/p>\n                    <h2 class=\"rodeo-about-title\">Alfajores El Rodeo<\/h2>\n                    <p class=\"rodeo-about-description\">\n                        Nacimos en Catamarca con el sue\u00f1o de llevar el sabor de nuestra tierra a cada rinc\u00f3n del pa\u00eds.\n                        Desde nuestros inicios, hemos mantenido intacta la receta familiar que hace \u00fanicos a nuestros alfajores.\n                    <\/p>\n                    <p class=\"rodeo-about-description\">\n                        Cada producto es elaborado con ingredientes seleccionados de la m\u00e1s alta calidad y un proceso artesanal\n                        que respeta los tiempos y tradiciones. No solo hacemos alfajores, creamos momentos de dulzura y\n                        compartimos la cultura catamarque\u00f1a.\n                    <\/p>\n                    <div class=\"rodeo-about-highlight\">\n                        <p>\n                            \"El sabor del origen se encuentra en cada detalle, en la suavidad de la masa y en el coraz\u00f3n de dulce de leche.\"\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rodeo-about-image\">\n                    <img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/local%20centro.jpg\"\n                        alt=\"Local El Rodeo\">\n                <\/div>\n            <\/div>\n\n            <!-- Awards Carousel -->\n            <div class=\"rodeo-awards-carousel\">\n                <h3 class=\"rodeo-awards-title\">Nuestros Reconocimientos<\/h3>\n                <div class=\"rodeo-awards-track\">\n                    <div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/Mejor%20alfajor%20de%20autor%202024.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/Mejor%20alfajor%20exotico%202024.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%201%202025.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%202%202023.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%202%202025.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%202023.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%203%202023.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/Mejor%20alfajor%20de%20autor%202024.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/Mejor%20alfajor%20exotico%202024.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%201%202025.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%202%202023.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%202%202025.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%202023.png\" alt=\"Premio Alfajores El Rodeo\"><\/div><div class=\"rodeo-award-item\"><img decoding=\"async\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/plugins\/snippetsrodeo\/img\/medalla%203%202023.png\" alt=\"Premio Alfajores El Rodeo\"><\/div>                <\/div>\n            <\/div>\n\n            <div class=\"rodeo-about-stats\">\n                <div class=\"rodeo-stat-card\">\n                    <div class=\"rodeo-stat-icon\">\n                        <i class=\"fas fa-calendar-check\"><\/i>\n                    <\/div>\n                    <p class=\"rodeo-stat-number\">3+<\/p>\n                    <p class=\"rodeo-stat-label\">A\u00f1os de Tradici\u00f3n<\/p>\n                <\/div>\n\n                <div class=\"rodeo-stat-card\">\n                    <div class=\"rodeo-stat-icon\">\n                        <i class=\"fas fa-cookie-bite\"><\/i>\n                    <\/div>\n                    <p class=\"rodeo-stat-number\">1M+<\/p>\n                    <p class=\"rodeo-stat-label\">Alfajores Vendidos<\/p>\n                <\/div>\n\n                <div class=\"rodeo-stat-card\">\n                    <div class=\"rodeo-stat-icon\">\n                        <i class=\"fas fa-store\"><\/i>\n                    <\/div>\n                    <p class=\"rodeo-stat-number\">10+<\/p>\n                    <p class=\"rodeo-stat-label\">Puntos de Venta<\/p>\n                <\/div>\n\n                <div class=\"rodeo-stat-card\">\n                    <div class=\"rodeo-stat-icon\">\n                        <i class=\"fas fa-medal\"><\/i>\n                    <\/div>\n                    <p class=\"rodeo-stat-number\">100%<\/p>\n                    <p class=\"rodeo-stat-label\">Calidad Artesanal<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"rodeo-about-values\">\n                <h3 class=\"rodeo-about-values-title\">Nuestros Pilares<\/h3>\n                <div class=\"rodeo-values-grid\">\n                    <div class=\"rodeo-value-item\">\n                        <i class=\"fas fa-star\"><\/i>\n                        <h4>Calidad<\/h4>\n                    <\/div>\n                    <div class=\"rodeo-value-item\">\n                        <i class=\"fas fa-history\"><\/i>\n                        <h4>Tradici\u00f3n<\/h4>\n                    <\/div>\n                    <div class=\"rodeo-value-item\">\n                        <i class=\"fas fa-heart\"><\/i>\n                        <h4>Pasi\u00f3n<\/h4>\n                    <\/div>\n                    <div class=\"rodeo-value-item\">\n                        <i class=\"fas fa-leaf\"><\/i>\n                        <h4>Origen<\/h4>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n\n\n\r\n    <style>\r\n        .rodeo-novedades {\r\n            padding: 5rem 2rem;\r\n            background: var(--rodeo-carbon, #121212);\r\n        }\r\n\r\n        .rodeo-novedades-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .rodeo-novedades-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .rodeo-novedades-badge {\r\n            display: inline-block;\r\n            background: rgba(242, 180, 74, 0.15);\r\n            color: #F2B44A;\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .rodeo-novedades-title {\r\n            font-size: 2.5rem;\r\n            color: #FAEED3;\r\n            margin: 0 0 0.5rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-novedades-subtitle {\r\n            font-size: 1.1rem;\r\n            color: #888;\r\n            margin: 0;\r\n        }\r\n\r\n        .rodeo-novedades-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n        }\r\n\r\n        .rodeo-novedad-card {\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .rodeo-novedad-card:hover {\r\n            transform: translateY(-8px);\r\n            border-color: rgba(242, 180, 74, 0.3);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .rodeo-novedad-img {\r\n            position: relative;\r\n            height: 220px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-novedad-img img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .rodeo-novedad-card:hover .rodeo-novedad-img img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .rodeo-novedad-img-placeholder {\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, #3E2B1F, #1a1a1a);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .rodeo-novedad-img-placeholder i {\r\n            font-size: 3rem;\r\n            color: rgba(242, 180, 74, 0.3);\r\n        }\r\n\r\n        .rodeo-novedad-categoria {\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 15px;\r\n            background: #F2B44A;\r\n            color: #1a1a1a;\r\n            padding: 5px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.75rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-novedad-destacada {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: #ef4444;\r\n            color: white;\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 0.8rem;\r\n        }\r\n\r\n        .rodeo-novedad-content {\r\n            padding: 1.5rem;\r\n        }\r\n\r\n        .rodeo-novedad-fecha {\r\n            font-size: 0.8rem;\r\n            color: #666;\r\n            margin-bottom: 0.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n        }\r\n\r\n        .rodeo-novedad-titulo {\r\n            font-size: 1.2rem;\r\n            color: #FAEED3;\r\n            margin: 0 0 0.75rem;\r\n            line-height: 1.4;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 2;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-novedad-titulo a {\r\n            color: inherit;\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .rodeo-novedad-titulo a:hover {\r\n            color: #F2B44A;\r\n        }\r\n\r\n        .rodeo-novedad-excerpt {\r\n            font-size: 0.9rem;\r\n            color: #888;\r\n            line-height: 1.6;\r\n            margin: 0 0 1rem;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-novedad-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: #F2B44A;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .rodeo-novedad-link:hover {\r\n            gap: 12px;\r\n        }\r\n\r\n        .rodeo-novedad-link i {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .rodeo-novedad-link:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* Bot\u00f3n ver m\u00e1s *\/\r\n        .rodeo-novedades-footer {\r\n            text-align: center;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .rodeo-novedades-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 1rem 2.5rem;\r\n            background: transparent;\r\n            color: #F2B44A;\r\n            border: 2px solid #F2B44A;\r\n            border-radius: 50px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .rodeo-novedades-btn:hover {\r\n            background: #F2B44A;\r\n            color: #1a1a1a;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 10px 30px rgba(242, 180, 74, 0.3);\r\n        }\r\n\r\n        \/* Sin novedades *\/\r\n        .rodeo-novedades-empty {\r\n            text-align: center;\r\n            padding: 4rem 2rem;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 16px;\r\n            border: 1px dashed rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .rodeo-novedades-empty i {\r\n            font-size: 4rem;\r\n            color: rgba(242, 180, 74, 0.3);\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .rodeo-novedades-empty p {\r\n            color: #666;\r\n            margin: 0;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 1024px) {\r\n            .rodeo-novedades-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .rodeo-novedades {\r\n                padding: 3rem 1.5rem;\r\n            }\r\n\r\n            .rodeo-novedades-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 1.5rem;\r\n            }\r\n\r\n            .rodeo-novedades-title {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .rodeo-novedad-img {\r\n                height: 200px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"rodeo-novedades\" id=\"novedades\">\r\n        <div class=\"rodeo-novedades-container\">\r\n            <div class=\"rodeo-novedades-header\">\r\n                <span class=\"rodeo-novedades-badge\">\r\n                    <i class=\"fas fa-newspaper\"><\/i> Blog\r\n                <\/span>\r\n                <h2 class=\"rodeo-novedades-title\">\u00daltimas Novedades<\/h2>\r\n                <p class=\"rodeo-novedades-subtitle\">Enterate de todo lo nuevo en El Rodeo<\/p>\r\n            <\/div>\r\n\r\n                            <div class=\"rodeo-novedades-grid\">\r\n                                                                    <article class=\"rodeo-novedad-card\">\r\n                            <div class=\"rodeo-novedad-img\">\r\n                                                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"249\" src=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2-768x249.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2-768x249.jpg 768w, https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2-300x97.jpg 300w, https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2-1024x332.jpg 1024w, https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2-1536x498.jpg 1536w, https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2-600x195.jpg 600w, https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/02\/banner-2.jpg 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                                                <span class=\"rodeo-novedad-categoria\">Sin categor\u00eda<\/span>\r\n                                                            <\/div>\r\n                            <div class=\"rodeo-novedad-content\">\r\n                                <div class=\"rodeo-novedad-fecha\">\r\n                                    <i class=\"far fa-calendar-alt\"><\/i>\r\n                                    10 Abr, 2026                                <\/div>\r\n                                <h3 class=\"rodeo-novedad-titulo\">\r\n                                    <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/2026\/04\/10\/nuevas-variedades-de-alfajores-en-el-rodeo\/\">Nuevas Variedades de alfajores en el Rodeo<\/a>\r\n                                <\/h3>\r\n                                <p class=\"rodeo-novedad-excerpt\">\r\n                                    Nuevas Variedades de alfajores en el Rodeo Nuevas Variedades de alfajores en el Rodeo Nuevas Variedades de alfajores en el...                                <\/p>\r\n                                <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/2026\/04\/10\/nuevas-variedades-de-alfajores-en-el-rodeo\/\" class=\"rodeo-novedad-link\">\r\n                                    Leer m\u00e1s <i class=\"fas fa-arrow-right\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/article>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"rodeo-novedades-footer\">\r\n                        <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/2026\/04\/10\/nuevas-variedades-de-alfajores-en-el-rodeo\/\" class=\"rodeo-novedades-btn\">\r\n                            Ver Todas las Novedades\r\n                            <i class=\"fas fa-arrow-right\"><\/i>\r\n                        <\/a>\r\n                    <\/div>\r\n                \r\n            \r\n                    <\/div>\r\n    <\/section>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n    \n\n\n\r\n    <style>\r\n        .rodeo-dist {\r\n            padding: 4rem 2rem;\r\n            background: linear-gradient(135deg, #3E2B1F 0%, #121212 100%);\r\n        }\r\n\r\n        .rodeo-dist-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .rodeo-dist-header {\r\n            text-align: center;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .rodeo-dist-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: #F2B44A;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1.5rem;\r\n        }\r\n\r\n        .rodeo-dist-icon i {\r\n            font-size: 2.5rem;\r\n            color: #3E2B1F;\r\n        }\r\n\r\n        .rodeo-dist-title {\r\n            font-size: 2.5rem;\r\n            color: #FAEED3;\r\n            margin: 0 0 1rem;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .rodeo-dist-subtitle {\r\n            font-size: 1.1rem;\r\n            color: #999;\r\n            margin: 0;\r\n        }\r\n\r\n        .rodeo-dist-form-box {\r\n            background: rgba(255,255,255,0.05);\r\n            border-radius: 20px;\r\n            padding: 2.5rem;\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .rodeo-dist-form {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        .rodeo-dist-field {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 0.5rem;\r\n        }\r\n\r\n        .rodeo-dist-field.full {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n\r\n        .rodeo-dist-label {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: #F2B44A;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .rodeo-dist-label .req {\r\n            color: #ef4444;\r\n        }\r\n\r\n        \/* INPUTS SIMPLES Y FUNCIONALES *\/\r\n        .rodeo-dist-input,\r\n        .rodeo-dist-select,\r\n        .rodeo-dist-textarea {\r\n            width: 100%;\r\n            padding: 12px 14px;\r\n            font-size: 14px !important;\r\n            font-family: inherit;\r\n            color: #FAEED3 !important;\r\n            background-color: #1a1a1a !important;\r\n            border: 2px solid #444 !important;\r\n            border-radius: 10px;\r\n            outline: none;\r\n            transition: border-color 0.3s, box-shadow 0.3s;\r\n            box-sizing: border-box;\r\n            line-height: 1.4;\r\n            height: auto;\r\n            min-height: 48px;\r\n        }\r\n\r\n        .rodeo-dist-input::placeholder,\r\n        .rodeo-dist-textarea::placeholder {\r\n            color: #666;\r\n        }\r\n\r\n        .rodeo-dist-input:focus,\r\n        .rodeo-dist-select:focus,\r\n        .rodeo-dist-textarea:focus {\r\n            border-color: #F2B44A !important;\r\n            box-shadow: 0 0 0 3px rgba(242, 180, 74, 0.2);\r\n        }\r\n\r\n        \/* SELECT - SIMPLE Y LEGIBLE *\/\r\n        .rodeo-dist-select {\r\n            appearance: none !important;\r\n            -webkit-appearance: none !important;\r\n            -moz-appearance: none !important;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='%23F2B44A' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'\/%3E%3C\/svg%3E\") !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: right 12px center !important;\r\n            background-size: 12px !important;\r\n            padding-right: 40px !important;\r\n            cursor: pointer;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .rodeo-dist-select option {\r\n            background-color: #1a1a1a !important;\r\n            color: #FAEED3 !important;\r\n            padding: 10px;\r\n        }\r\n\r\n        \/* TEXTAREA *\/\r\n        .rodeo-dist-textarea {\r\n            min-height: 120px;\r\n            resize: vertical;\r\n        }\r\n\r\n        \/* CHECKBOX *\/\r\n        .rodeo-dist-check-wrap {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            padding: 1rem;\r\n            background: rgba(242, 180, 74, 0.05);\r\n            border-radius: 10px;\r\n            border: 1px solid rgba(242, 180, 74, 0.1);\r\n        }\r\n\r\n        .rodeo-dist-check {\r\n            width: 20px;\r\n            height: 20px;\r\n            accent-color: #F2B44A;\r\n            cursor: pointer;\r\n            flex-shrink: 0;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        .rodeo-dist-check-text {\r\n            font-size: 0.9rem;\r\n            color: #ccc;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .rodeo-dist-check-text a {\r\n            color: #F2B44A;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .rodeo-dist-check-text a:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        \/* BOTON *\/\r\n        .rodeo-dist-submit {\r\n            grid-column: 1 \/ -1;\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-top: 1rem;\r\n        }\r\n\r\n        .rodeo-dist-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 1rem 3rem;\r\n            background: #F2B44A;\r\n            color: #1a1a1a;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        .rodeo-dist-btn:hover {\r\n            background: #FAEED3;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .rodeo-dist-btn:disabled {\r\n            opacity: 0.6;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        \/* MENSAJE *\/\r\n        .rodeo-dist-msg {\r\n            grid-column: 1 \/ -1;\r\n            padding: 1rem;\r\n            border-radius: 10px;\r\n            text-align: center;\r\n            display: none;\r\n        }\r\n\r\n        .rodeo-dist-msg.success {\r\n            display: block;\r\n            background: rgba(34, 197, 94, 0.2);\r\n            border: 1px solid #22c55e;\r\n            color: #22c55e;\r\n        }\r\n\r\n        .rodeo-dist-msg.error {\r\n            display: block;\r\n            background: rgba(239, 68, 68, 0.2);\r\n            border: 1px solid #ef4444;\r\n            color: #ef4444;\r\n        }\r\n\r\n        \/* BENEFICIOS *\/\r\n        .rodeo-dist-benefits {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 1.5rem;\r\n            margin-top: 3rem;\r\n        }\r\n\r\n        .rodeo-dist-benefit {\r\n            text-align: center;\r\n            padding: 1.5rem;\r\n            background: rgba(255,255,255,0.03);\r\n            border-radius: 15px;\r\n        }\r\n\r\n        .rodeo-dist-benefit-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(242, 180, 74, 0.15);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 1rem;\r\n        }\r\n\r\n        .rodeo-dist-benefit-icon i {\r\n            font-size: 1.5rem;\r\n            color: #F2B44A;\r\n        }\r\n\r\n        .rodeo-dist-benefit h4 {\r\n            color: #FAEED3;\r\n            margin: 0 0 0.5rem;\r\n            font-size: 1rem;\r\n        }\r\n\r\n        .rodeo-dist-benefit p {\r\n            color: #888;\r\n            margin: 0;\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 768px) {\r\n            .rodeo-dist { padding: 2.5rem 1.5rem; }\r\n            .rodeo-dist-form { grid-template-columns: 1fr; }\r\n            .rodeo-dist-form-box { padding: 1.5rem; }\r\n            .rodeo-dist-title { font-size: 1.8rem; }\r\n            .rodeo-dist-benefits { grid-template-columns: 1fr; }\r\n            .rodeo-dist-btn { width: 100%; justify-content: center; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"rodeo-dist\" id=\"distribuidores\">\r\n        <div class=\"rodeo-dist-container\">\r\n            <div class=\"rodeo-dist-header\">\r\n                <div class=\"rodeo-dist-icon\">\r\n                    <i class=\"fas fa-handshake\"><\/i>\r\n                <\/div>\r\n                <h2 class=\"rodeo-dist-title\">Quiero ser Distribuidor<\/h2>\r\n                <p class=\"rodeo-dist-subtitle\">Complet\u00e1 el formulario y acced\u00e9 a precios mayoristas exclusivos<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-dist-form-box\">\r\n                <form class=\"rodeo-dist-form\" id=\"rodeoDistForm\">\r\n                    <input type=\"hidden\" id=\"rodeo_nonce\" name=\"rodeo_nonce\" value=\"04ce2fd18f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/rodeo\/wp-json\/wp\/v2\/pages\/15\" \/>                    \r\n                    <div class=\"rodeo-dist-msg\" id=\"rodeoDistMsg\"><\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Nombre Completo <span class=\"req\">*<\/span><\/label>\r\n                        <input type=\"text\" class=\"rodeo-dist-input\" name=\"nombre\" placeholder=\"Ej: Juan P\u00e9rez\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Nombre del Negocio<\/label>\r\n                        <input type=\"text\" class=\"rodeo-dist-input\" name=\"empresa\" placeholder=\"Ej: Almac\u00e9n Don Juan\">\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Email <span class=\"req\">*<\/span><\/label>\r\n                        <input type=\"email\" class=\"rodeo-dist-input\" name=\"email\" placeholder=\"Ej: juan@email.com\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Tel\u00e9fono\/WhatsApp <span class=\"req\">*<\/span><\/label>\r\n                        <input type=\"tel\" class=\"rodeo-dist-input\" name=\"telefono\" placeholder=\"Ej: 11 2345-6789\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Provincia <span class=\"req\">*<\/span><\/label>\r\n                        <select class=\"rodeo-dist-select\" name=\"provincia\" required>\r\n                            <option value=\"\">Seleccionar provincia...<\/option>\r\n                            <option value=\"Buenos Aires\">Buenos Aires<\/option>\r\n                            <option value=\"CABA\">CABA<\/option>\r\n                            <option value=\"Catamarca\">Catamarca<\/option>\r\n                            <option value=\"Chaco\">Chaco<\/option>\r\n                            <option value=\"Chubut\">Chubut<\/option>\r\n                            <option value=\"C\u00f3rdoba\">C\u00f3rdoba<\/option>\r\n                            <option value=\"Corrientes\">Corrientes<\/option>\r\n                            <option value=\"Entre R\u00edos\">Entre R\u00edos<\/option>\r\n                            <option value=\"Formosa\">Formosa<\/option>\r\n                            <option value=\"Jujuy\">Jujuy<\/option>\r\n                            <option value=\"La Pampa\">La Pampa<\/option>\r\n                            <option value=\"La Rioja\">La Rioja<\/option>\r\n                            <option value=\"Mendoza\">Mendoza<\/option>\r\n                            <option value=\"Misiones\">Misiones<\/option>\r\n                            <option value=\"Neuqu\u00e9n\">Neuqu\u00e9n<\/option>\r\n                            <option value=\"R\u00edo Negro\">R\u00edo Negro<\/option>\r\n                            <option value=\"Salta\">Salta<\/option>\r\n                            <option value=\"San Juan\">San Juan<\/option>\r\n                            <option value=\"San Luis\">San Luis<\/option>\r\n                            <option value=\"Santa Cruz\">Santa Cruz<\/option>\r\n                            <option value=\"Santa Fe\">Santa Fe<\/option>\r\n                            <option value=\"Santiago del Estero\">Santiago del Estero<\/option>\r\n                            <option value=\"Tierra del Fuego\">Tierra del Fuego<\/option>\r\n                            <option value=\"Tucum\u00e1n\">Tucum\u00e1n<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Localidad <span class=\"req\">*<\/span><\/label>\r\n                        <input type=\"text\" class=\"rodeo-dist-input\" name=\"localidad\" placeholder=\"Ej: San Isidro\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Tipo de Negocio <span class=\"req\">*<\/span><\/label>\r\n                        <select class=\"rodeo-dist-select\" name=\"tipo_negocio\" required>\r\n                            <option value=\"\">Seleccionar tipo...<\/option>\r\n                            <option value=\"Almac\u00e9n\/Despensa\">Almac\u00e9n \/ Despensa<\/option>\r\n                            <option value=\"Kiosco\">Kiosco<\/option>\r\n                            <option value=\"Supermercado\">Supermercado<\/option>\r\n                            <option value=\"Diet\u00e9tica\">Diet\u00e9tica<\/option>\r\n                            <option value=\"Cafeter\u00eda\/Confiter\u00eda\">Cafeter\u00eda \/ Confiter\u00eda<\/option>\r\n                            <option value=\"Restaurante\">Restaurante<\/option>\r\n                            <option value=\"Hotel\/Hospedaje\">Hotel \/ Hospedaje<\/option>\r\n                            <option value=\"Estaci\u00f3n de Servicio\">Estaci\u00f3n de Servicio<\/option>\r\n                            <option value=\"Mayorista\/Distribuidor\">Mayorista \/ Distribuidor<\/option>\r\n                            <option value=\"Regaler\u00eda\">Regaler\u00eda<\/option>\r\n                            <option value=\"Otro\">Otro<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field\">\r\n                        <label class=\"rodeo-dist-label\">Cantidad Estimada por Pedido<\/label>\r\n                        <select class=\"rodeo-dist-select\" name=\"cantidad\">\r\n                            <option value=\"\">Seleccionar rango...<\/option>\r\n                            <option value=\"1-50 unidades\">1 - 50 unidades<\/option>\r\n                            <option value=\"50-100 unidades\">50 - 100 unidades<\/option>\r\n                            <option value=\"100-500 unidades\">100 - 500 unidades<\/option>\r\n                            <option value=\"500+ unidades\">500+ unidades<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field full\">\r\n                        <label class=\"rodeo-dist-label\">Mensaje Adicional<\/label>\r\n                        <textarea class=\"rodeo-dist-textarea\" name=\"mensaje\" placeholder=\"Contanos m\u00e1s sobre tu negocio...\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-field full\">\r\n                        <div class=\"rodeo-dist-check-wrap\">\r\n                            <input type=\"checkbox\" class=\"rodeo-dist-check\" name=\"acepta\" id=\"rodeoDistCheck\" required>\r\n                            <label class=\"rodeo-dist-check-text\" for=\"rodeoDistCheck\">\r\n                                Acepto recibir informaci\u00f3n comercial y precios mayoristas de El Rodeo. \r\n                                Mis datos ser\u00e1n tratados seg\u00fan la <a href=\"\/politica-de-privacidad\" target=\"_blank\">Pol\u00edtica de Privacidad<\/a>.\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"rodeo-dist-submit\">\r\n                        <button type=\"submit\" class=\"rodeo-dist-btn\" id=\"rodeoDistBtn\">\r\n                            <i class=\"fas fa-paper-plane\"><\/i>\r\n                            Enviar Solicitud\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <div class=\"rodeo-dist-benefits\">\r\n                <div class=\"rodeo-dist-benefit\">\r\n                    <div class=\"rodeo-dist-benefit-icon\"><i class=\"fas fa-tags\"><\/i><\/div>\r\n                    <h4>Precios Mayoristas<\/h4>\r\n                    <p>Descuentos exclusivos por volumen<\/p>\r\n                <\/div>\r\n                <div class=\"rodeo-dist-benefit\">\r\n                    <div class=\"rodeo-dist-benefit-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\r\n                    <h4>Env\u00edo a Todo el Pa\u00eds<\/h4>\r\n                    <p>Llegamos a todas las provincias<\/p>\r\n                <\/div>\r\n                <div class=\"rodeo-dist-benefit\">\r\n                    <div class=\"rodeo-dist-benefit-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n                    <h4>Atenci\u00f3n Personalizada<\/h4>\r\n                    <p>Te acompa\u00f1amos en cada pedido<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        var form = document.getElementById('rodeoDistForm');\r\n        var btn = document.getElementById('rodeoDistBtn');\r\n        var msg = document.getElementById('rodeoDistMsg');\r\n\r\n        if (form) {\r\n            form.addEventListener('submit', function(e) {\r\n                e.preventDefault();\r\n\r\n                btn.disabled = true;\r\n                btn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Enviando...';\r\n\r\n                var formData = new FormData(form);\r\n                formData.append('action', 'rodeo_dist_submit');\r\n\r\n                fetch('https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-admin\/admin-ajax.php', {\r\n                    method: 'POST',\r\n                    body: formData\r\n                })\r\n                .then(function(r) { return r.json(); })\r\n                .then(function(data) {\r\n                    btn.disabled = false;\r\n                    if (data.success) {\r\n                        msg.className = 'rodeo-dist-msg success';\r\n                        msg.textContent = '\u00a1Solicitud enviada! Nos pondremos en contacto pronto.';\r\n                        form.reset();\r\n                        btn.innerHTML = '<i class=\"fas fa-check\"><\/i> Enviado';\r\n                        setTimeout(function() {\r\n                            btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Enviar Solicitud';\r\n                        }, 3000);\r\n                    } else {\r\n                        msg.className = 'rodeo-dist-msg error';\r\n                        msg.textContent = data.data || 'Error al enviar. Intent\u00e1 de nuevo.';\r\n                        btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Enviar Solicitud';\r\n                    }\r\n                })\r\n                .catch(function() {\r\n                    btn.disabled = false;\r\n                    msg.className = 'rodeo-dist-msg error';\r\n                    msg.textContent = 'Error de conexi\u00f3n. Intent\u00e1 de nuevo.';\r\n                    btn.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> Enviar Solicitud';\r\n                });\r\n            });\r\n        }\r\n    });\r\n    <\/script>\r\n\r\n    \n\n\n    <style>\n        .rodeo-contact-section {\n            padding: 5rem 1rem;\n            background-color: var(--rodeo-crema); \/* Cream BG *\/\n            font-family: var(--rodeo-font-body);\n            position: relative;\n        }\n\n        .rodeo-contact-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 4rem;\n            align-items: start;\n        }\n\n        \/* INFO COLUMN *\/\n        .rodeo-contact-info-col h3 {\n            color: var(--rodeo-miel);\n            font-size: 1rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 0.5rem;\n        }\n\n        .rodeo-contact-info-col h2 {\n            color: var(--rodeo-cacao);\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            font-family: var(--rodeo-font-heading);\n            line-height: 1.2;\n        }\n\n        .rodeo-contact-text {\n            color: #555;\n            margin-bottom: 2.5rem;\n            line-height: 1.6;\n            font-size: 1rem;\n        }\n\n        .rodeo-contact-detail {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 2rem;\n        }\n\n        .rodeo-contact-icon {\n            width: 50px;\n            height: 50px;\n            background: #fff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--rodeo-miel);\n            font-size: 1.25rem;\n            margin-right: 1.25rem;\n            flex-shrink: 0;\n            transition: var(--rodeo-transition);\n            box-shadow: 0 4px 10px rgba(90, 58, 26, 0.1);\n        }\n\n        .rodeo-contact-detail:hover .rodeo-contact-icon {\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n        }\n\n        .rodeo-contact-detail h4 {\n            margin: 0 0 0.25rem 0;\n            color: var(--rodeo-cacao);\n            font-size: 1.1rem;\n            font-weight: 700;\n        }\n\n        .rodeo-contact-detail p {\n            margin: 0;\n            color: #555;\n        }\n\n        .rodeo-social-links {\n            display: flex;\n            gap: 1rem;\n            margin-top: 2rem;\n        }\n\n        .rodeo-social-btn {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            border: 2px solid var(--rodeo-cacao);\n            color: var(--rodeo-cacao);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            transition: var(--rodeo-transition);\n            background: transparent;\n        }\n\n        .rodeo-social-btn:hover {\n            border-color: var(--rodeo-miel);\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            transform: translateY(-3px);\n        }\n\n        \/* FORM COLUMN *\/\n        .rodeo-form-wrapper {\n            background: white;\n            padding: 2.5rem;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(90, 58, 26, 0.1);\n            border: 1px solid rgba(90, 58, 26, 0.1);\n        }\n\n        .rodeo-form-group {\n            margin-bottom: 1.5rem;\n        }\n\n        .rodeo-form-label {\n            display: block;\n            margin-bottom: 0.5rem;\n            color: var(--rodeo-cacao);\n            font-weight: 600;\n            font-size: 0.9rem;\n        }\n\n        .rodeo-form-input,\n        .rodeo-form-textarea {\n            width: 100%;\n            padding: 12px 15px;\n            border: 2px solid #eee;\n            border-radius: 6px;\n            font-family: inherit;\n            font-size: 14px;\n            color: var(--rodeo-cacao);\n            transition: var(--rodeo-transition);\n            box-sizing: border-box;\n        }\n\n        .rodeo-form-input:focus,\n        .rodeo-form-textarea:focus {\n            outline: none;\n            border-color: var(--rodeo-miel);\n            background: #fff;\n        }\n\n        \/* SELECT CONTACTO *\/\n        select.rodeo-form-input {\n            appearance: none;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            background-color: #fff;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='%235A3A1A' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 12px center;\n            background-size: 12px;\n            padding-right: 40px;\n            cursor: pointer;\n            min-height: 48px;\n            line-height: 1.4;\n        }\n\n        select.rodeo-form-input option {\n            background-color: #fff;\n            color: var(--rodeo-cacao);\n            padding: 10px;\n        }\n\n        .rodeo-form-btn {\n            width: 100%;\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            border: none;\n            padding: 1rem;\n            border-radius: 6px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            cursor: pointer;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-form-btn:hover {\n            background: var(--rodeo-cacao);\n            color: var(--rodeo-miel);\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(90, 58, 26, 0.3);\n        }\n\n        @media (max-width: 900px) {\n            .rodeo-contact-container {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n\n            .rodeo-contact-info-col {\n                text-align: center;\n            }\n\n            .rodeo-contact-detail {\n                justify-content: center;\n                text-align: left;\n            }\n\n            .rodeo-social-links {\n                justify-content: center;\n            }\n        }\n    <\/style>\n\n    <div class=\"rodeo-contact-section\" id=\"contacto\">\n        <div class=\"rodeo-contact-container\">\n\n            <!-- Info Column -->\n            <div class=\"rodeo-contact-info-col\">\n                <h3>Contacto<\/h3>\n                <h2>Estamos para Atenderte<\/h2>\n                <p class=\"rodeo-contact-text\">\n                    \u00bfQuieres hacer un pedido especial, tienes dudas sobre env\u00edos o quieres ser distribuidor?\n                    Escr\u00edbenos, nos encanta saber de ti.\n                <\/p>\n\n                <div class=\"rodeo-contact-detail\">\n                    <div class=\"rodeo-contact-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\n                    <div>\n                        <h4>F\u00e1brica Central<\/h4>\n                        <p>San Fernando del Valle de Catamarca, Argentina<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rodeo-contact-detail\">\n                    <div class=\"rodeo-contact-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\n                    <div>\n                        <h4>Tel\u00e9fono \/ WhatsApp<\/h4>\n                        <p>+54 9 383 412-3456<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rodeo-contact-detail\">\n                    <div class=\"rodeo-contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n                    <div>\n                        <h4>Email<\/h4>\n                        <p>ventas@alfajoreselrodeo.com.ar<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rodeo-social-links\">\n                    <a href=\"https:\/\/www.facebook.com\/p\/El-Rodeo-Alfajores-100092636413682\/\" class=\"rodeo-social-btn\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"https:\/\/www.instagram.com\/elrodeoalfajores\/\" class=\"rodeo-social-btn\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                    <a href=\"#\" class=\"rodeo-social-btn\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Form Column -->\n            <div class=\"rodeo-form-wrapper\">\n                <form id=\"rodeo-contact-form\" method=\"post\">\n                    <!-- Configuraci\u00f3n AJAX -->\n                    <!-- Reutilizamos la misma acci\u00f3n que Vargas si es gen\u00e9rica, o creamos una nueva.\n                         Usaremos 'rodeo_submit_contact_form' para ser consistentes con el prefijo.\n                         Necesitaremos registrar este hook en snippets-rodeo.php m\u00e1s tarde.\n                         Por ahora, mantengo el nombre del hook para que coincida con el JS.\n                     -->\n                    <input type=\"hidden\" name=\"action\" value=\"rodeo_submit_contact_form\">\n                    <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"d334112dc6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/rodeo\/wp-json\/wp\/v2\/pages\/15\" \/>\n                    <div class=\"rodeo-form-group\">\n                        <label class=\"rodeo-form-label\">Nombre Completo<\/label>\n                        <input type=\"text\" name=\"rodeo_name\" class=\"rodeo-form-input\" placeholder=\"Tu nombre\" required>\n                    <\/div>\n\n                    <div class=\"rodeo-form-group\">\n                        <label class=\"rodeo-form-label\">Email<\/label>\n                        <input type=\"email\" name=\"rodeo_email\" class=\"rodeo-form-input\" placeholder=\"tue@email.com\" required>\n                    <\/div>\n\n                    <div class=\"rodeo-form-group\">\n                        <label class=\"rodeo-form-label\">Asunto<\/label>\n                        <select name=\"rodeo_subject\" class=\"rodeo-form-input\">\n                            <option value=\"pedido\">Realizar Pedido<\/option>\n                            <option value=\"regalos\">Regalos Empresariales<\/option>\n                            <option value=\"envios\">Consulta de Env\u00edos<\/option>\n                            <option value=\"consulta\">Consulta General<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <div class=\"rodeo-form-group\">\n                        <label class=\"rodeo-form-label\">Mensaje<\/label>\n                        <textarea name=\"rodeo_message\" class=\"rodeo-form-textarea\" rows=\"5\"\n                            placeholder=\"\u00bfEn qu\u00e9 podemos ayudarte?\" required><\/textarea>\n                    <\/div>\n\n                    <button type=\"submit\" class=\"rodeo-form-btn\">Enviar Mensaje<\/button>\n                    <p style=\"text-align:center; font-size:0.8rem; margin-top:10px; color:#999;\">\n                        Al enviar, se abrir\u00e1 WhatsApp Web continuar la conversaci\u00f3n.\n                    <\/p>\n                <\/form>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        jQuery(document).ready(function ($) {\n            $('#rodeo-contact-form').on('submit', function (e) {\n                e.preventDefault();\n\n                var form = $(this);\n                var btn = form.find('.rodeo-form-btn');\n                var originalText = btn.text();\n\n                btn.prop('disabled', true).text('Procesando...');\n\n                $.ajax({\n                    url: 'https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-admin\/admin-ajax.php',\n                    type: 'POST',\n                    data: form.serialize(),\n                    success: function (response) {\n                        if (response.success) {\n                            var win = window.open(response.data.redirect_url, '_blank');\n\n                            if (win) {\n                                win.focus();\n                            } else {\n                                alert('Por favor, permite abrir ventanas emergentes para ir a WhatsApp.');\n                                window.location.href = response.data.redirect_url;\n                            }\n\n                            form[0].reset();\n                            btn.text('\u00a1Enviado!');\n                            setTimeout(function () {\n                                btn.prop('disabled', false).text(originalText);\n                            }, 3000);\n\n                        } else {\n                            alert(response.data.message || 'Error al enviar.');\n                            btn.prop('disabled', false).text(originalText);\n                        }\n                    },\n                    error: function () {\n                        \/\/ Fallback simple si el backend no est\u00e1 configurado a\u00fan para rodeo_submit_contact_form\n                        \/\/ Simulamos \u00e9xito para demostrar UI\n                        console.log('Backend response failed, using fallback redirect.');\n                         var name = form.find('input[name=\"rodeo_name\"]').val();\n                         var subject = form.find('select[name=\"rodeo_subject\"]').val();\n                         var msg = \"Hola, soy \" + name + \". Asunto: \" + subject;\n                         var url = \"https:\/\/wa.me\/5493834123456?text=\" + encodeURIComponent(msg);\n                         window.open(url, '_blank');\n                         \n                         form[0].reset();\n                         btn.text('\u00a1Enviado! (Fallback)');\n                         setTimeout(function () {\n                            btn.prop('disabled', false).text(originalText);\n                         }, 3000);\n                    }\n                });\n            });\n        });\n    <\/script>\n    \n\n\n\n    <style>\n        .rodeo-footer {\n            background: var(--rodeo-cacao); \/* Dark Background *\/\n            color: var(--rodeo-crema); \/* Light Text *\/\n            padding: 4rem 2rem 2rem;\n            position: relative;\n        }\n\n        .rodeo-footer::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            \/* Gradient Miel to Oliva\/Cacao Light *\/\n            background: linear-gradient(90deg, var(--rodeo-miel), #D69A2E);\n        }\n\n        .rodeo-footer-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .rodeo-footer-content {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr 1fr;\n            gap: 3rem;\n            margin-bottom: 3rem;\n        }\n\n        .rodeo-footer-section h3 {\n            font-family: var(--rodeo-font-heading);\n            font-weight: 700;\n            font-size: 1.3rem;\n            color: var(--rodeo-miel);\n            margin: 0 0 1.5rem 0;\n            \/* text-transform: uppercase; Removed for elegant serif *\/\n            letter-spacing: 1px;\n        }\n\n        .rodeo-footer-logo {\n            margin-bottom: 1.5rem;\n        }\n\n        .rodeo-footer-logo img {\n            height: 80px; \/* Slightly larger logo *\/\n            width: auto;\n        }\n\n        \/* IMPROVED: Specific class for description text *\/\n        .rodeo-footer .rodeo-footer-description {\n            font-family: var(--rodeo-font-body) !important;\n            font-weight: 400 !important;\n            font-size: 1rem !important;\n            line-height: 1.7 !important;\n            margin: 0 0 1.5rem 0 !important;\n            opacity: 0.9 !important;\n            color: var(--rodeo-crema) !important;\n        }\n\n        .rodeo-footer-social {\n            display: flex;\n            gap: 1rem;\n        }\n\n        .rodeo-social-link {\n            width: 45px;\n            height: 45px;\n            background: rgba(242, 180, 74, 0.1);\n            border: 2px solid var(--rodeo-miel);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--rodeo-miel);\n            text-decoration: none;\n            transition: var(--rodeo-transition);\n        }\n\n        .rodeo-social-link:hover {\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            transform: translateY(-3px);\n        }\n\n        .rodeo-social-link i {\n            font-size: 1.2rem;\n        }\n\n        .rodeo-footer-links {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .rodeo-footer-links li {\n            margin-bottom: 0.75rem;\n        }\n\n        .rodeo-footer-links a {\n            font-family: var(--rodeo-font-body);\n            font-weight: 400;\n            font-size: 1rem;\n            color: var(--rodeo-crema);\n            text-decoration: none;\n            transition: var(--rodeo-transition);\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            opacity: 0.9;\n        }\n\n        .rodeo-footer-links a:hover {\n            color: var(--rodeo-miel);\n            transform: translateX(5px);\n        }\n\n        .rodeo-footer-links a i {\n            font-size: 0.8rem;\n            color: var(--rodeo-miel);\n        }\n\n        .rodeo-footer-contact-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        .rodeo-footer-contact-item i {\n            color: var(--rodeo-miel);\n            font-size: 1.2rem;\n            margin-top: 0.2rem;\n        }\n\n        \/* IMPROVED: Specific class for contact text *\/\n        .rodeo-footer .rodeo-footer-contact-text {\n            font-family: var(--rodeo-font-body) !important;\n            font-weight: 400 !important;\n            font-size: 0.95rem !important;\n            margin: 0 !important;\n            line-height: 1.6 !important;\n            opacity: 0.9 !important;\n            color: var(--rodeo-crema) !important;\n        }\n\n        .rodeo-footer-bottom {\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 1rem;\n        }\n\n        \/* IMPROVED: Specific class for copyright text *\/\n        .rodeo-footer .rodeo-footer-copyright {\n            font-family: var(--rodeo-font-body) !important;\n            font-weight: 400 !important;\n            font-size: 0.9rem !important;\n            margin: 0 !important;\n            opacity: 0.8 !important;\n            color: var(--rodeo-crema) !important;\n        }\n\n        .rodeo-footer-copyright a {\n            color: var(--rodeo-miel);\n            text-decoration: none;\n            font-weight: 600;\n        }\n\n        .rodeo-footer-copyright a:hover {\n            text-decoration: underline;\n        }\n\n        .rodeo-footer-payment {\n            display: flex;\n            gap: 1rem;\n            align-items: center;\n        }\n\n        \/* IMPROVED: Specific class for payment text *\/\n        .rodeo-footer .rodeo-footer-payment-text {\n            font-family: var(--rodeo-font-body) !important;\n            font-weight: 500 !important;\n            font-size: 0.9rem !important;\n            opacity: 0.8 !important;\n            margin: 0 !important;\n            color: var(--rodeo-crema) !important;\n        }\n\n        .rodeo-footer-payment i {\n            font-size: 1.8rem;\n            color: var(--rodeo-miel);\n            opacity: 0.8;\n        }\n\n        .rodeo-back-to-top {\n            position: fixed;\n            bottom: 2rem;\n            right: 2rem;\n            width: 50px;\n            height: 50px;\n            background: var(--rodeo-miel);\n            color: var(--rodeo-carbon);\n            border: none;\n            border-radius: 50%;\n            cursor: pointer;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            transition: var(--rodeo-transition);\n            box-shadow: 0 4px 15px rgba(242, 180, 74, 0.4);\n            z-index: 999;\n        }\n\n        .rodeo-back-to-top:hover {\n            background: var(--rodeo-crema);\n            color: var(--rodeo-cacao);\n            transform: translateY(-3px);\n            box-shadow: 0 6px 20px rgba(242, 180, 74, 0.5);\n        }\n\n        .rodeo-back-to-top i {\n            font-size: 1.5rem;\n        }\n\n        .rodeo-back-to-top.show {\n            display: flex;\n        }\n\n        @media (max-width: 992px) {\n            .rodeo-footer {\n                padding: 3rem 1.5rem 2rem;\n            }\n\n            .rodeo-footer-content {\n                grid-template-columns: 1fr 1fr;\n                gap: 2.5rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .rodeo-footer {\n                padding: 2.5rem 1rem 1.5rem;\n            }\n\n            .rodeo-footer-content {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n\n            .rodeo-footer-bottom {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            .rodeo-footer-payment {\n                justify-content: center;\n            }\n\n            .rodeo-back-to-top {\n                bottom: 1rem;\n                right: 1rem;\n                width: 45px;\n                height: 45px;\n            }\n            .rodeo-footer-logo img {\n                height: 60px;\n            }\n        }\n    <\/style>\n\n    <footer class=\"rodeo-footer\">\n        <div class=\"rodeo-footer-container\">\n            <div class=\"rodeo-footer-content\">\n                <div class=\"rodeo-footer-section\">\n                    <div class=\"rodeo-footer-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/logo-el-rodeo-alfajores-blanco.png\"\n                            alt=\"Alfajores El Rodeo\">\n                    <\/div>\n                    <div class=\"rodeo-footer-description\">\n                        Tradici\u00f3n y sabor catamarque\u00f1o desde 1992.\n                        Elaboramos productos artesanales de primera calidad.\n                    <\/div>\n                    <div class=\"rodeo-footer-social\">\n                        <a href=\"https:\/\/www.facebook.com\/p\/El-Rodeo-Alfajores-100092636413682\/\" class=\"rodeo-social-link\" aria-label=\"Facebook\">\n                            <i class=\"fab fa-facebook-f\"><\/i>\n                        <\/a>\n                        <a href=\"https:\/\/www.instagram.com\/elrodeoalfajores\/\" class=\"rodeo-social-link\" aria-label=\"Instagram\">\n                            <i class=\"fab fa-instagram\"><\/i>\n                        <\/a>\n                        <a href=\"#\" class=\"rodeo-social-link\" aria-label=\"WhatsApp\">\n                            <i class=\"fab fa-whatsapp\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <div class=\"rodeo-footer-section\">\n                    <h3>Explorar<\/h3>\n                    <ul class=\"rodeo-footer-links\">\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/#inicio\"><i class=\"fas fa-chevron-right\"><\/i> Inicio<\/a>\n                        <\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\"><i class=\"fas fa-chevron-right\"><\/i>\n                                Nuestros Productos<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/#nosotros\"><i class=\"fas fa-chevron-right\"><\/i>\n                                Historia<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/#sucursales\"><i class=\"fas fa-chevron-right\"><\/i>\n                                Sucursales<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/#contacto\"><i class=\"fas fa-chevron-right\"><\/i>\n                                Contacto<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"rodeo-footer-section\">\n                    <h3>Productos<\/h3>\n                    <ul class=\"rodeo-footer-links\">\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\"><i class=\"fas fa-chevron-right\"><\/i> Alfajores de Dulce de Leche<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\"><i class=\"fas fa-chevron-right\"><\/i> Alfajores de Fruta<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\"><i class=\"fas fa-chevron-right\"><\/i> Conitos Rellenos<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\"><i class=\"fas fa-chevron-right\"><\/i> Cajas Mixtas<\/a><\/li>\n                        <li><a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/productos\"><i class=\"fas fa-chevron-right\"><\/i> Regalos Empresariales<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"rodeo-footer-section\">\n                    <h3>Contacto<\/h3>\n                    <div class=\"rodeo-footer-contact-item\">\n                        <i class=\"fas fa-phone\"><\/i>\n                        <div class=\"rodeo-footer-contact-text\">+54 9 383 412-3456<\/div>\n                    <\/div>\n                    <div class=\"rodeo-footer-contact-item\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                        <div class=\"rodeo-footer-contact-text\">info@alfajoreselrodeo.com.ar<\/div>\n                    <\/div>\n                    <div class=\"rodeo-footer-contact-item\">\n                        <i class=\"fas fa-location-dot\"><\/i>\n                        <div class=\"rodeo-footer-contact-text\">Catamarca, Argentina<\/div>\n                    <\/div>\n                    <div class=\"rodeo-footer-contact-item\">\n                        <i class=\"fas fa-clock\"><\/i>\n                        <div class=\"rodeo-footer-contact-text\">Lun-Vie: 8:00-20:00<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"rodeo-footer-bottom\">\n                <div class=\"rodeo-footer-copyright\">\n                    &copy;\n                    2026 <a href=\"https:\/\/alfajoreselrodeo.com.ar\/rodeo\">Alfajores El Rodeo<\/a>.\n                    Todos los derechos reservados.\n                <\/div>\n                <div class=\"rodeo-footer-payment\">\n                    <span class=\"rodeo-footer-payment-text\">Pagos Seguros:<\/span>\n                    <i class=\"fab fa-cc-visa\"><\/i>\n                    <i class=\"fab fa-cc-mastercard\"><\/i>\n                    <i class=\"fab fa-cc-amex\"><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <button class=\"rodeo-back-to-top\" id=\"rodeoBackToTop\" aria-label=\"Volver arriba\">\n        <i class=\"fas fa-arrow-up\"><\/i>\n    <\/button>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function () {\n            const backToTop = document.getElementById('rodeoBackToTop');\n\n            window.addEventListener('scroll', function () {\n                if (window.scrollY > 300) {\n                    backToTop.classList.add('show');\n                } else {\n                    backToTop.classList.remove('show');\n                }\n            });\n\n            backToTop.addEventListener('click', function () {\n                window.scrollTo({\n                    top: 0,\n                    behavior: 'smooth'\n                });\n            });\n        });\n    <\/script>\n\n    \n\n\n\n    <!-- Estructura HTML del Popup -->\n    <div id=\"rodeo-offers-popup\" class=\"rodeo-popup-overlay\" style=\"display:none;\">\n        <div class=\"rodeo-popup-container\">\n            <button id=\"rodeo-popup-close\" class=\"rodeo-popup-close-btn\">&times;<\/button>\n            \n            <div class=\"rodeo-popup-content\">\n                <!-- Columna Imagen -->\n                <div class=\"rodeo-popup-image\" style=\"background-image: url('https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-content\/uploads\/2026\/01\/92A5874.jpg');\">\n                    <div class=\"rodeo-popup-badge\">21% OFF<\/div>\n                <\/div>\n\n                <!-- Columna Info -->\n                <div class=\"rodeo-popup-info\">\n                    <p class=\"rodeo-popup-subtitle\">Solo por tiempo limitado<\/p>\n                    <h3 class=\"rodeo-popup-title\">\u00a1Oferta Exclusiva!<\/h3>\n                    \n                    <div class=\"rodeo-coupon-box\">\n                        <span class=\"rodeo-coupon-label\">Usa el c\u00f3digo:<\/span>\n                        <div class=\"rodeo-coupon-code\" id=\"rodeo-code-display\" title=\"Click para copiar\">\n                            RODEO2026                            <i class=\"fas fa-copy\"><\/i>\n                        <\/div>\n                        <div class=\"rodeo-copy-msg\">\u00a1Copiado!<\/div>\n                    <\/div>\n\n                    <a href=\"\/tienda\" class=\"rodeo-popup-cta\">\n                        Ver Ofertas\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <style>\n        \/* Overlay Oscuro *\/\n        .rodeo-popup-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.85);\n            backdrop-filter: blur(8px);\n            z-index: 100000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .rodeo-popup-overlay.active {\n            opacity: 1;\n        }\n\n        \/* Contenedor del Modal *\/\n        .rodeo-popup-container {\n            background: var(--rodeo-carbon, #121212);\n            width: 100%;\n            max-width: 800px;\n            border-radius: 16px;\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n            position: relative;\n            overflow: hidden;\n            transform: translateY(30px);\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 1px solid rgba(242, 180, 74, 0.2); \/* Borde sutil dorado *\/\n        }\n\n        .rodeo-popup-overlay.active .rodeo-popup-container {\n            transform: translateY(0);\n        }\n\n        \/* Bot\u00f3n Cerrar *\/\n        .rodeo-popup-close-btn {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background: rgba(0, 0, 0, 0.5);\n            color: #fff;\n            border: none;\n            width: 32px;\n            height: 32px;\n            border-radius: 50%;\n            font-size: 24px;\n            line-height: 1;\n            cursor: pointer;\n            z-index: 10;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background 0.2s;\n        }\n\n        .rodeo-popup-close-btn:hover {\n            background: var(--rodeo-miel, #d4a017);\n            color: var(--rodeo-carbon, #121212);\n        }\n\n        \/* Contenido Flex *\/\n        .rodeo-popup-content {\n            display: flex;\n            min-height: 450px;\n        }\n\n        \/* Imagen *\/\n        .rodeo-popup-image {\n            flex: 4; \/* 40% ancho *\/\n            background-size: cover;\n            background-position: center;\n            position: relative;\n        }\n\n        .rodeo-popup-badge {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            background: var(--rodeo-miel, #d4a017);\n            color: var(--rodeo-carbon, #121212);\n            padding: 8px 16px;\n            font-weight: 800;\n            font-family: var(--rodeo-font-body, sans-serif);\n            text-transform: uppercase;\n            border-radius: 4px;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n            font-size: 14px;\n        }\n\n        \/* Info *\/\n        .rodeo-popup-info {\n            flex: 6; \/* 60% ancho *\/\n            padding: 40px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: left;\n            position: relative;\n        }\n\n        \/* Textos *\/\n        .rodeo-popup-subtitle {\n            color: var(--rodeo-miel, #d4a017);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-size: 14px;\n            font-weight: 600;\n            margin: 0 0 10px 0;\n            font-family: var(--rodeo-font-body, sans-serif);\n        }\n\n        .rodeo-popup-title {\n            color: var(--rodeo-crema, #f5f5f5);\n            font-family: var(--rodeo-font-heading, serif);\n            font-size: 32px; \/* M\u00e1s sutil que h1 *\/\n            line-height: 1.2;\n            margin: 0 0 25px 0;\n            font-weight: 700;\n        }\n\n        \/* Caja de Cup\u00f3n *\/\n        .rodeo-coupon-box {\n            background: rgba(255, 255, 255, 0.05); \/* Fondo muy sutil *\/\n            padding: 20px;\n            border-radius: 8px;\n            border: 1px dashed rgba(255, 255, 255, 0.15);\n            margin-bottom: 25px;\n            position: relative; \/* Para el mensaje de copiado *\/\n        }\n\n        .rodeo-coupon-label {\n            display: block;\n            color: #aaa;\n            font-size: 13px;\n            margin-bottom: 8px;\n            font-family: var(--rodeo-font-body, sans-serif);\n        }\n\n        .rodeo-coupon-code {\n            font-family: monospace;\n            font-size: 24px;\n            color: var(--rodeo-crema, #fff);\n            font-weight: 700;\n            letter-spacing: 2px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background: rgba(0,0,0,0.2);\n            padding: 10px 15px;\n            border-radius: 4px;\n            transition: all 0.2s;\n        }\n\n        .rodeo-coupon-code:hover {\n            color: var(--rodeo-miel, #d4a017);\n            background: rgba(0,0,0,0.4);\n        }\n\n        .rodeo-coupon-code i {\n            font-size: 18px;\n            opacity: 0.7;\n        }\n\n        .rodeo-copy-msg {\n            position: absolute;\n            top: -30px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #28a745;\n            color: #fff;\n            padding: 4px 10px;\n            border-radius: 4px;\n            font-size: 12px;\n            opacity: 0;\n            transition: opacity 0.3s;\n            pointer-events: none;\n        }\n\n        .rodeo-copy-msg.show {\n            opacity: 1;\n            top: -35px; \/* Peque\u00f1o salto *\/\n        }\n\n        \/* CTA *\/\n        .rodeo-popup-cta {\n            display: inline-block;\n            background: var(--rodeo-miel, #d4a017);\n            color: var(--rodeo-carbon, #121212);\n            padding: 15px 30px;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 700;\n            text-transform: uppercase;\n            font-size: 14px;\n            letter-spacing: 1px;\n            text-align: center;\n            transition: transform 0.3s, background 0.3s;\n            font-family: var(--rodeo-font-body, sans-serif);\n        }\n\n        .rodeo-popup-cta:hover {\n            background: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .rodeo-popup-content {\n                flex-direction: column;\n                min-height: auto;\n            }\n\n            .rodeo-popup-image {\n                height: 200px; \/* Imagen arriba *\/\n                flex: none;\n            }\n            \n            .rodeo-popup-info {\n                padding: 30px 20px;\n            }\n\n            .rodeo-popup-title {\n                font-size: 24px;\n            }\n            \n            .rodeo-coupon-code {\n                font-size: 20px;\n            }\n        }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const popup = document.getElementById(\"rodeo-offers-popup\");\n            if(!popup) return;\n\n            const closeBtn = document.getElementById(\"rodeo-popup-close\");\n            const codeDisplay = document.getElementById(\"rodeo-code-display\");\n            const copyMsg = document.querySelector(\".rodeo-copy-msg\");\n            \n            const popupDelay = 2000;\n            const storageKey = \"rodeo_offers_popup_closed\"; \/\/ Clave de sesi\u00f3n\n\n            \/\/ Funciones\n            function openPopup() {\n                \/\/ Verificar si ya fue cerrado en esta sesi\u00f3n\n                if (!sessionStorage.getItem(storageKey)) {\n                    popup.style.display = \"flex\";\n                    \/\/ Peque\u00f1o delay para permitir que el display:flex se renderice antes de la opacidad (transici\u00f3n)\n                    setTimeout(() => popup.classList.add(\"active\"), 10);\n                }\n            }\n\n            function closePopup() {\n                popup.classList.remove(\"active\");\n                setTimeout(() => {\n                    popup.style.display = \"none\";\n                }, 400); \/\/ Esperar a la transici\u00f3n CSS\n                \n                \/\/ Marcar como visto en esta sesi\u00f3n\n                sessionStorage.setItem(storageKey, \"true\");\n            }\n\n            \/\/ Event Listeners\n            \/\/ 1. Auto abrir\n            setTimeout(openPopup, popupDelay);\n\n            \/\/ 2. Cerrar con bot\u00f3n\n            closeBtn.addEventListener(\"click\", closePopup);\n\n            \/\/ 3. Cerrar clickeando afuera (Overlay)\n            popup.addEventListener(\"click\", function(e) {\n                if (e.target === popup) {\n                    closePopup();\n                }\n            });\n\n            \/\/ 4. Copiar Cup\u00f3n\n            if(codeDisplay) {\n                codeDisplay.addEventListener(\"click\", function() {\n                    const code = this.innerText.trim();\n                    navigator.clipboard.writeText(code).then(() => {\n                        \/\/ Feedback visual\n                        copyMsg.classList.add(\"show\");\n                        setTimeout(() => copyMsg.classList.remove(\"show\"), 2000);\n                        \n                        \/\/ Efecto bot\u00f3n\n                        this.style.background = \"rgba(40, 167, 69, 0.2)\";\n                        setTimeout(() => {\n                             this.style.background = \"rgba(0,0,0,0.2)\";\n                        }, 300);\n                    });\n                });\n            }\n        });\n    <\/script>\n    \n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":37,"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/pages\/15\/revisions\/546"}],"wp:attachment":[{"href":"https:\/\/alfajoreselrodeo.com.ar\/rodeo\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}