{"id":10,"date":"2025-07-08T15:02:56","date_gmt":"2025-07-08T15:02:56","guid":{"rendered":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/?page_id=10"},"modified":"2025-10-16T00:46:01","modified_gmt":"2025-10-16T00:46:01","slug":"inicio","status":"publish","type":"page","link":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/","title":{"rendered":"Inicio"},"content":{"rendered":"    <style>\n        :root {\n            --ledian-black: #000000;\n            --ledian-white: #ffffff;\n            --ledian-red: #DE2D42;\n            --ledian-red-hover: #c02436;\n            --font-title: 'Bebas Neue', sans-serif;\n            --font-subtitle: 'Helvetica Neue', sans-serif;\n            --font-body: 'Europa Grotesk SH DemBol', 'Helvetica Neue', sans-serif;\n        }\n\n        .ledian-navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.95);\n            backdrop-filter: blur(10px);\n            z-index: 9999;\n            transition: all 0.3s ease;\n            opacity: 0;\n            transform: translateY(-100%);\n        }\n\n        .ledian-navbar.scrolled {\n            background: rgba(0, 0, 0, 0.98);\n            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.8);\n        }\n\n        .ledian-navbar-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 15px 20px;\n            transition: padding 0.3s ease;\n        }\n\n        .ledian-navbar.scrolled .ledian-navbar-container {\n            padding: 10px 20px;\n        }\n\n        .ledian-navbar-logo {\n            display: flex;\n            align-items: center;\n            text-decoration: none;\n            opacity: 0;\n            transform: scale(0.8);\n        }\n\n        .ledian-navbar-logo img {\n            height: 50px;\n            width: auto;\n            transition: height 0.3s ease;\n            filter: drop-shadow(0 0 10px rgba(222, 45, 66, 0));\n        }\n\n        .ledian-navbar-logo:hover img {\n            filter: drop-shadow(0 0 10px rgba(222, 45, 66, 0.6));\n        }\n\n        .ledian-navbar.scrolled .ledian-navbar-logo img {\n            height: 40px;\n        }\n\n        .ledian-navbar-menu {\n            display: flex;\n            align-items: center;\n            list-style: none;\n            margin: 0;\n            padding: 0;\n            gap: 30px;\n        }\n\n        .ledian-navbar-item {\n            position: relative;\n            opacity: 0;\n            transform: translateY(-20px);\n        }\n\n        .ledian-navbar-link {\n            font-family: var(--font-title);\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--ledian-white);\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            padding: 12px 0;\n            position: relative;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            display: inline-block;\n        }\n\n        .ledian-navbar-link::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--ledian-red);\n            transition: width 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n        }\n\n        .ledian-navbar-link:hover,\n        .ledian-navbar-link.current-menu-item {\n            color: var(--ledian-red);\n        }\n\n        .ledian-navbar-link:hover::after,\n        .ledian-navbar-link.current-menu-item::after {\n            width: 100%;\n        }\n\n        \/* Mobile Menu Toggle *\/\n        .ledian-menu-toggle {\n            display: none;\n            background: transparent;\n            border: 2px solid var(--ledian-red);\n            color: var(--ledian-white);\n            padding: 8px;\n            border-radius: 5px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            opacity: 0;\n        }\n\n        .ledian-menu-toggle:hover {\n            background: var(--ledian-red);\n            box-shadow: 0 0 20px rgba(222, 45, 66, 0.5);\n        }\n\n        .ledian-menu-toggle span {\n            display: block;\n            width: 25px;\n            height: 3px;\n            background: currentColor;\n            margin: 4px 0;\n            transition: all 0.3s ease;\n            border-radius: 2px;\n        }\n\n        .ledian-menu-toggle.active span:nth-child(1) {\n            transform: rotate(45deg) translate(6px, 6px);\n        }\n\n        .ledian-menu-toggle.active span:nth-child(2) {\n            opacity: 0;\n        }\n\n        .ledian-menu-toggle.active span:nth-child(3) {\n            transform: rotate(-45deg) translate(6px, -6px);\n        }\n\n        \/* Mobile Menu *\/\n        .ledian-mobile-menu {\n            position: fixed;\n            top: 80px;\n            left: 0;\n            width: 100%;\n            height: calc(100vh - 80px);\n            background: linear-gradient(135deg, var(--ledian-black) 0%, #1a0000 100%);\n            transform: translateX(-100%);\n            opacity: 0;\n            overflow-y: auto;\n            padding: 20px;\n        }\n\n        .ledian-mobile-menu.active {\n            transform: translateX(0);\n            opacity: 1;\n        }\n\n        .ledian-mobile-menu-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .ledian-mobile-menu-item {\n            margin-bottom: 20px;\n            border-bottom: 1px solid rgba(222, 45, 66, 0.3);\n            padding-bottom: 20px;\n            opacity: 0;\n            transform: translateX(-50px);\n        }\n\n        .ledian-mobile-menu-link {\n            font-family: var(--font-title);\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--ledian-white);\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            display: block;\n            padding: 15px 0;\n            transition: all 0.3s ease;\n            cursor: pointer;\n        }\n\n        .ledian-mobile-menu-link:hover,\n        .ledian-mobile-menu-link.current-menu-item {\n            color: var(--ledian-red);\n            text-shadow: 0 0 10px rgba(222, 45, 66, 0.8);\n        }\n\n        \/* Dropdown Styles *\/\n        .ledian-dropdown {\n            position: relative;\n        }\n\n        .ledian-dropdown-menu {\n            position: absolute;\n            top: 100%;\n            left: 0;\n            background: linear-gradient(135deg, var(--ledian-black) 0%, #1a0000 100%);\n            border: 2px solid var(--ledian-red);\n            border-radius: 8px;\n            min-width: 220px;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(-10px) scale(0.95);\n            box-shadow: 0 15px 35px rgba(222, 45, 66, 0.3);\n            padding: 8px 0;\n            z-index: 10000;\n            overflow: hidden;\n        }\n\n        .ledian-dropdown:hover .ledian-dropdown-menu,\n        .ledian-dropdown.active .ledian-dropdown-menu {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        .ledian-dropdown-item {\n            display: block;\n            padding: 14px 20px;\n            color: var(--ledian-white);\n            text-decoration: none;\n            font-family: var(--font-title);\n            font-size: 0.9rem;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            border-bottom: 1px solid rgba(222, 45, 66, 0.15);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ledian-dropdown-item::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            height: 100%;\n            width: 0;\n            background: rgba(222, 45, 66, 0.15);\n            transition: width 0.3s ease;\n        }\n\n        .ledian-dropdown-item:last-child {\n            border-bottom: none;\n        }\n\n        .ledian-dropdown-item:hover::before {\n            width: 100%;\n        }\n\n        .ledian-dropdown-item:hover {\n            color: var(--ledian-red);\n            padding-left: 30px;\n        }\n\n        \/* Mobile Dropdown Styles *\/\n        .ledian-mobile-dropdown {\n            position: relative;\n        }\n\n        .ledian-mobile-dropdown-toggle {\n            position: relative;\n            padding-right: 30px;\n        }\n\n        .ledian-mobile-dropdown-toggle::after {\n            content: '\u25bc';\n            position: absolute;\n            right: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 0.8rem;\n            transition: transform 0.3s ease;\n        }\n\n        .ledian-mobile-dropdown.active .ledian-mobile-dropdown-toggle::after {\n            transform: translateY(-50%) rotate(180deg);\n        }\n\n        .ledian-mobile-dropdown-menu {\n            max-height: 0;\n            overflow: hidden;\n            background: rgba(222, 45, 66, 0.1);\n            margin-top: 10px;\n            border-radius: 5px;\n        }\n\n        .ledian-mobile-dropdown-item {\n            display: block;\n            padding: 12px 20px;\n            color: var(--ledian-white);\n            text-decoration: none;\n            font-family: var(--font-title);\n            font-size: 1rem;\n            font-weight: 700;\n            transition: all 0.3s ease;\n            border-bottom: 1px solid rgba(222, 45, 66, 0.2);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0;\n        }\n\n        .ledian-mobile-dropdown-item:last-child {\n            border-bottom: none;\n        }\n\n        .ledian-mobile-dropdown-item:hover {\n            background: rgba(222, 45, 66, 0.2);\n            color: var(--ledian-red);\n            padding-left: 30px;\n        }\n\n        \/* Particles effect *\/\n        .ledian-navbar::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(circle at 20% 50%, rgba(222, 45, 66, 0.1) 0%, transparent 50%);\n            opacity: 0;\n            animation: pulse 3s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { opacity: 0; }\n            50% { opacity: 0.3; }\n        }\n\n        \/* Responsive *\/\n        @media screen and (max-width: 768px) {\n            .ledian-navbar-menu {\n                display: none;\n            }\n            \n            .ledian-menu-toggle {\n                display: block;\n            }\n            \n            .ledian-navbar-logo img {\n                height: 40px;\n            }\n            \n            .ledian-navbar.scrolled .ledian-navbar-logo img {\n                height: 35px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-navbar-container {\n                padding: 15px 15px;\n            }\n            \n            .ledian-navbar-logo img {\n                height: 35px;\n            }\n        }\n    <\/style>\n\n    <nav class=\"ledian-navbar\" id=\"ledianNavbar\">\n        <div class=\"ledian-navbar-container\">\n            <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\" class=\"ledian-navbar-logo\">\n                <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/logo-motos-ledian.png\" \n                     alt=\"Ledian Motos\">\n            <\/a>\n\n            <ul class=\"ledian-navbar-menu\">\n                <li class=\"ledian-navbar-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\" class=\"ledian-navbar-link\">Inicio<\/a>\n                <\/li>\n                <li class=\"ledian-navbar-item ledian-dropdown\">\n                    <a href=\"#\" class=\"ledian-navbar-link ledian-dropdown-toggle\" onclick=\"event.preventDefault();\">Motos<\/a>\n                    <div class=\"ledian-dropdown-menu\">\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/yamaha\/\" class=\"ledian-dropdown-item\">Yamaha<\/a>\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/husqvarna\/\" class=\"ledian-dropdown-item\">Husqvarna<\/a>\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/royal-enfield\/\" class=\"ledian-dropdown-item\">Royal Enfield<\/a>\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/cf-moto\/\" class=\"ledian-dropdown-item\">CF Motos<\/a>\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/usadas\/\" class=\"ledian-dropdown-item\">Usadas<\/a>\n                    <\/div>\n                <\/li>\n                <li class=\"ledian-navbar-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/alquiler\" class=\"ledian-navbar-link\">Alquiler<\/a>\n                <\/li>\t\n                <li class=\"ledian-navbar-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/#nosotros\" class=\"ledian-navbar-link\">Quienes Somos?<\/a>\n                <\/li>\n                <li class=\"ledian-navbar-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/#contacto\" class=\"ledian-navbar-link\">Contacto<\/a>\n                <\/li>\n            <\/ul>\n\n            <button class=\"ledian-menu-toggle\" onclick=\"ledianToggleMobileMenu()\">\n                <span><\/span>\n                <span><\/span>\n                <span><\/span>\n            <\/button>\n        <\/div>\n\n        <div class=\"ledian-mobile-menu\" id=\"ledianMobileMenu\">\n            <ul class=\"ledian-mobile-menu-list\">\n                <li class=\"ledian-mobile-menu-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\" class=\"ledian-mobile-menu-link\">Inicio<\/a>\n                <\/li>\n                <li class=\"ledian-mobile-menu-item ledian-mobile-dropdown\">\n                    <a href=\"#\" class=\"ledian-mobile-menu-link ledian-mobile-dropdown-toggle\" onclick=\"ledianToggleMobileDropdown(event)\">Motos<\/a>\n                    <div class=\"ledian-mobile-dropdown-menu\">\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/yamaha\/\" class=\"ledian-mobile-dropdown-item\">Yamaha<\/a>\t\t\t\t\t\t\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/husqvarna\/\" class=\"ledian-mobile-dropdown-item\">Husqvarna<\/a>\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/royal-enfield\/\" class=\"ledian-mobile-dropdown-item\">Royal Enfield<\/a>\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/cf-moto\/\" class=\"ledian-mobile-dropdown-item\">CF MOTO<\/a>\t\t\t\t\t\t\n                        <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/usadas\/\" class=\"ledian-mobile-dropdown-item\">Usadas<\/a>\n                    <\/div>\n                <\/li>\n                <li class=\"ledian-mobile-menu-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/alquiler\" class=\"ledian-mobile-menu-link\">Alquiler<\/a>\n                <\/li>\n                <li class=\"ledian-mobile-menu-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/#nosotros\" class=\"ledian-mobile-menu-link\">Quienes Somos?<\/a>\n                <\/li>\n                <li class=\"ledian-mobile-menu-item\">\n                    <a href=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/#contacto\" class=\"ledian-mobile-menu-link\">Contacto<\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/nav>\n\n    <!-- GSAP Library -->\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n\n    <script>\n        \/\/ Initialize GSAP animations\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Initial navbar entrance animation\n            gsap.to('.ledian-navbar', {\n                opacity: 1,\n                y: 0,\n                duration: 0.8,\n                ease: 'power3.out'\n            });\n\n            \/\/ Logo animation\n            gsap.to('.ledian-navbar-logo', {\n                opacity: 1,\n                scale: 1,\n                duration: 0.6,\n                delay: 0.3,\n                ease: 'back.out(1.7)'\n            });\n\n            \/\/ Menu items stagger animation\n            gsap.to('.ledian-navbar-item', {\n                opacity: 1,\n                y: 0,\n                duration: 0.5,\n                stagger: 0.1,\n                delay: 0.5,\n                ease: 'power2.out'\n            });\n\n            \/\/ Mobile toggle animation\n            gsap.to('.ledian-menu-toggle', {\n                opacity: 1,\n                duration: 0.5,\n                delay: 0.6,\n                ease: 'power2.out'\n            });\n\n            \/\/ Hover animations for menu links\n            document.querySelectorAll('.ledian-navbar-link').forEach(link => {\n                link.addEventListener('mouseenter', function() {\n                    gsap.to(this, {\n                        y: -3,\n                        duration: 0.3,\n                        ease: 'power2.out'\n                    });\n                    gsap.to(this, {\n                        textShadow: '0 0 15px rgba(222, 45, 66, 0.8)',\n                        duration: 0.3\n                    });\n                });\n\n                link.addEventListener('mouseleave', function() {\n                    gsap.to(this, {\n                        y: 0,\n                        duration: 0.3,\n                        ease: 'power2.out'\n                    });\n                    gsap.to(this, {\n                        textShadow: '0 0 0px rgba(222, 45, 66, 0)',\n                        duration: 0.3\n                    });\n                });\n            });\n\n            \/\/ Dropdown menu animations\n            document.querySelectorAll('.ledian-dropdown').forEach(dropdown => {\n                const menu = dropdown.querySelector('.ledian-dropdown-menu');\n                const items = menu.querySelectorAll('.ledian-dropdown-item');\n                let hoverTimeout;\n\n                dropdown.addEventListener('mouseenter', function() {\n                    clearTimeout(hoverTimeout);\n                    this.classList.add('active');\n                    \n                    gsap.to(menu, {\n                        opacity: 1,\n                        y: 0,\n                        scale: 1,\n                        duration: 0.4,\n                        ease: 'power2.out'\n                    });\n\n                    gsap.fromTo(items, \n                        { \n                            opacity: 0, \n                            x: -20 \n                        },\n                        {\n                            opacity: 1,\n                            x: 0,\n                            duration: 0.3,\n                            stagger: 0.05,\n                            ease: 'power2.out'\n                        }\n                    );\n                });\n\n                dropdown.addEventListener('mouseleave', function() {\n                    const self = this;\n                    hoverTimeout = setTimeout(function() {\n                        gsap.to(menu, {\n                            opacity: 0,\n                            y: -10,\n                            scale: 0.95,\n                            duration: 0.3,\n                            ease: 'power2.in',\n                            onComplete: () => {\n                                self.classList.remove('active');\n                            }\n                        });\n                    }, 100);\n                });\n            });\n        });\n\n        \/\/ Scroll effect with GSAP\n        let lastScroll = 0;\n        window.addEventListener('scroll', function() {\n            const navbar = document.getElementById('ledianNavbar');\n            const currentScroll = window.scrollY;\n\n            if (currentScroll > 50) {\n                navbar.classList.add('scrolled');\n            } else {\n                navbar.classList.remove('scrolled');\n            }\n\n            \/\/ Hide\/show navbar on scroll\n            if (currentScroll > lastScroll && currentScroll > 100) {\n                gsap.to(navbar, {\n                    y: -100,\n                    duration: 0.3,\n                    ease: 'power2.inOut'\n                });\n            } else {\n                gsap.to(navbar, {\n                    y: 0,\n                    duration: 0.3,\n                    ease: 'power2.inOut'\n                });\n            }\n\n            lastScroll = currentScroll;\n        });\n\n        \/\/ Mobile menu toggle with GSAP\n        function ledianToggleMobileMenu() {\n            const mobileMenu = document.getElementById('ledianMobileMenu');\n            const mobileToggle = document.querySelector('.ledian-menu-toggle');\n            const menuItems = document.querySelectorAll('.ledian-mobile-menu-item');\n            \n            if (mobileMenu.classList.contains('active')) {\n                \/\/ Close animation\n                gsap.to(menuItems, {\n                    opacity: 0,\n                    x: -50,\n                    duration: 0.3,\n                    stagger: 0.05,\n                    ease: 'power2.in'\n                });\n\n                gsap.to(mobileMenu, {\n                    x: '-100%',\n                    opacity: 0,\n                    duration: 0.4,\n                    delay: 0.3,\n                    ease: 'power2.inOut',\n                    onComplete: () => {\n                        mobileMenu.classList.remove('active');\n                    }\n                });\n            } else {\n                \/\/ Open animation\n                mobileMenu.classList.add('active');\n                \n                gsap.fromTo(mobileMenu,\n                    { x: '-100%', opacity: 0 },\n                    { \n                        x: 0, \n                        opacity: 1, \n                        duration: 0.4, \n                        ease: 'power2.out' \n                    }\n                );\n\n                gsap.fromTo(menuItems,\n                    { opacity: 0, x: -50 },\n                    {\n                        opacity: 1,\n                        x: 0,\n                        duration: 0.4,\n                        stagger: 0.08,\n                        delay: 0.2,\n                        ease: 'power2.out'\n                    }\n                );\n            }\n            \n            mobileToggle.classList.toggle('active');\n        }\n\n        \/\/ Mobile dropdown toggle with GSAP\n        function ledianToggleMobileDropdown(event) {\n            event.preventDefault();\n            const dropdownItem = event.target.closest('.ledian-mobile-dropdown');\n            const dropdownMenu = dropdownItem.querySelector('.ledian-mobile-dropdown-menu');\n            const dropdownItems = dropdownMenu.querySelectorAll('.ledian-mobile-dropdown-item');\n            \n            if (dropdownItem.classList.contains('active')) {\n                \/\/ Close animation\n                gsap.to(dropdownItems, {\n                    opacity: 0,\n                    duration: 0.2,\n                    stagger: 0.03,\n                    ease: 'power2.in'\n                });\n\n                gsap.to(dropdownMenu, {\n                    maxHeight: 0,\n                    duration: 0.4,\n                    delay: 0.15,\n                    ease: 'power2.inOut',\n                    onComplete: () => {\n                        dropdownItem.classList.remove('active');\n                    }\n                });\n            } else {\n                \/\/ Open animation\n                dropdownItem.classList.add('active');\n                \n                gsap.to(dropdownMenu, {\n                    maxHeight: 300,\n                    duration: 0.4,\n                    ease: 'power2.out'\n                });\n\n                gsap.fromTo(dropdownItems,\n                    { opacity: 0 },\n                    {\n                        opacity: 1,\n                        duration: 0.3,\n                        stagger: 0.05,\n                        delay: 0.2,\n                        ease: 'power2.out'\n                    }\n                );\n            }\n        }\n\n        \/\/ Close mobile menu\n        function ledianCloseMobileMenu() {\n            const mobileMenu = document.getElementById('ledianMobileMenu');\n            const mobileToggle = document.querySelector('.ledian-menu-toggle');\n            const menuItems = document.querySelectorAll('.ledian-mobile-menu-item');\n            \n            if (mobileMenu.classList.contains('active')) {\n                gsap.to(menuItems, {\n                    opacity: 0,\n                    x: -50,\n                    duration: 0.2,\n                    stagger: 0.03,\n                    ease: 'power2.in'\n                });\n\n                gsap.to(mobileMenu, {\n                    x: '-100%',\n                    opacity: 0,\n                    duration: 0.3,\n                    delay: 0.2,\n                    ease: 'power2.inOut',\n                    onComplete: () => {\n                        mobileMenu.classList.remove('active');\n                    }\n                });\n\n                mobileToggle.classList.remove('active');\n            }\n            \n            document.querySelectorAll('.ledian-mobile-dropdown').forEach(dropdown => {\n                dropdown.classList.remove('active');\n            });\n        }\n\n        \/\/ Close mobile menu when clicking outside\n        document.addEventListener('click', function(event) {\n            const mobileMenu = document.getElementById('ledianMobileMenu');\n            const navbar = document.querySelector('.ledian-navbar');\n            \n            if (!navbar.contains(event.target) && mobileMenu.classList.contains('active')) {\n                ledianCloseMobileMenu();\n            }\n        });\n\n        \/\/ Close mobile menu when clicking on links\n        document.querySelectorAll('.ledian-mobile-dropdown-item, .ledian-mobile-menu-link:not(.ledian-mobile-dropdown-toggle)').forEach(link => {\n            link.addEventListener('click', function() {\n                ledianCloseMobileMenu();\n            });\n        });\n    <\/script>\n\n    \n\n\n    <style>\n        \/* Reset y configuraci\u00f3n base *\/\n        .ledian-premium-hero {\n            position: relative;\n            height: 100vh;\n            min-height: 700px;\n            background: var(--ledian-black);\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* Efectos de part\u00edculas animadas de fondo *\/\n        .ledian-particles {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .ledian-particle {\n            position: absolute;\n            background: rgba(222, 45, 66, 0.6);\n            border-radius: 50%;\n            animation: ledianFloatParticle 15s infinite linear;\n        }\n\n        @keyframes ledianFloatParticle {\n            0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }\n        }\n\n        \/* Slider premium con efectos avanzados *\/\n        .ledian-hero-slider {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 2;\n        }\n\n        .ledian-hero-slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            opacity: 0;\n            transform: scale(1.1);\n            transition: all 3s cubic-bezier(0.4, 0, 0.2, 1);\n            filter: brightness(0.7) contrast(1.2) saturate(1.1);\n        }\n\n        .ledian-hero-slide.active {\n            opacity: 1;\n            transform: scale(1);\n        }\n\n        \/* Overlay con gradiente premium *\/\n        .ledian-hero-slide::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: var(--ledian-gradient-overlay);\n            z-index: 1;\n        }\n\n        \/* Efectos de luz din\u00e1mica *\/\n        .ledian-light-effect {\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(222, 45, 66, 0.15) 0%, transparent 70%);\n            animation: ledianRotateLight 20s infinite linear;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        @keyframes ledianRotateLight {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Contenido principal premium *\/\n        .ledian-hero-content {\n            position: relative;\n            z-index: 10;\n            text-align: center;\n            color: var(--ledian-white);\n            max-width: 900px;\n            padding: 0 20px;\n        }\n\n        \/* Badge premium arriba del t\u00edtulo *\/\n        .ledian-hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(222, 45, 66, 0.15);\n            border: 1px solid rgba(222, 45, 66, 0.3);\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-family: var(--font-body);\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 30px;\n            backdrop-filter: blur(10px);\n            opacity: 0;\n            transform: translateY(30px);\n            animation: ledianFadeInUp 1s ease-out 0.2s forwards;\n        }\n\n        .ledian-hero-title {\n            font-family: var(--font-title);\n            font-size: clamp(3.5rem, 8vw, 6.5rem);\n            font-weight: 700;\n            letter-spacing: 3px;\n            margin-bottom: 25px;\n            text-shadow: 0 0 30px rgba(222, 45, 66, 0.5), 3px 3px 6px rgba(0,0,0,0.8);\n            opacity: 0;\n            transform: translateY(50px);\n            animation: ledianFadeInUp 1.2s ease-out 0.5s forwards;\n            text-transform: uppercase;\n            position: relative;\n\t\t\tline-height: 1;\n        }\n\n        \/* Efecto de brillo en el t\u00edtulo *\/\n        .ledian-hero-title::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            animation: ledianShine 3s infinite;\n        }\n\n        @keyframes ledianShine {\n            0% { left: -100%; }\n            50% { left: -100%; }\n            100% { left: 100%; }\n        }\n\n        .ledian-hero-subtitle {\n            font-family: var(--font-subtitle);\n            font-size: clamp(1.4rem, 3.5vw, 2rem);\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 50px;\n            opacity: 0;\n            transform: translateY(50px);\n            animation: ledianFadeInUp 1s ease-out 0.7s forwards;\n            text-shadow: 1px 1px 3px rgba(0,0,0,0.7);\n            line-height: 1.4;\n        }\n\n        \/* Stats premium *\/\n        .ledian-hero-stats {\n            display: flex;\n            justify-content: center;\n            gap: 50px;\n            margin: 40px 0;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: ledianFadeInUp 1s ease-out 0.9s forwards;\n        }\n\n        .ledian-stat-item {\n            text-align: center;\n        }\n\n        .ledian-stat-number {\n            font-family: var(--font-title);\n            font-size: 2.5rem;\n            color: var(--ledian-red);\n            display: block;\n            text-shadow: 0 0 20px rgba(222, 45, 66, 0.6);\n        }\n\n        .ledian-stat-label {\n            font-family: var(--font-body);\n            font-size: 0.9rem;\n            color: rgba(255, 255, 255, 0.8);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-top: 5px;\n        }\n\n        \/* Botones premium con efectos avanzados *\/\n        .ledian-hero-buttons {\n            display: flex;\n            gap: 25px;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-top: 60px;\n            opacity: 0;\n            transform: translateY(50px);\n            animation: ledianFadeInUp 1s ease-out 1.1s forwards;\n        }\n\n        .ledian-cta-btn {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            padding: 18px 45px;\n            font-family: var(--font-body);\n            font-size: clamp(1rem, 2.5vw, 1.3rem);\n            font-weight: 600;\n            text-decoration: none;\n            border-radius: 12px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            cursor: pointer;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            overflow: hidden;\n            border: 2px solid;\n            backdrop-filter: blur(10px);\n        }\n\n        .ledian-cta-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n            transition: left 0.6s ease;\n        }\n\n        .ledian-cta-btn:hover::before {\n            left: 100%;\n        }\n\n        .ledian-cta-btn.primary {\n            background: var(--ledian-gradient-primary);\n            color: var(--ledian-white);\n            border-color: var(--ledian-red);\n            box-shadow: 0 15px 35px rgba(222, 45, 66, 0.4), 0 0 20px rgba(222, 45, 66, 0.3);\n        }\n\n        .ledian-cta-btn.primary:hover {\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 25px 50px rgba(222, 45, 66, 0.5), 0 0 30px rgba(222, 45, 66, 0.4);\n            border-color: var(--ledian-white);\n        }\n\n        .ledian-cta-btn.secondary {\n            background: rgba(255, 255, 255, 0.1);\n            color: var(--ledian-white);\n            border-color: rgba(255, 255, 255, 0.3);\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n        }\n\n        .ledian-cta-btn.secondary:hover {\n            background: rgba(255, 255, 255, 0.2);\n            transform: translateY(-5px) scale(1.05);\n            box-shadow: 0 25px 50px rgba(255, 255, 255, 0.1);\n            border-color: var(--ledian-red);\n        }\n\n        \/* Navegaci\u00f3n premium *\/\n        .ledian-hero-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: 15;\n        }\n\n        .ledian-hero-nav.prev { left: 40px; }\n        .ledian-hero-nav.next { right: 40px; }\n\n        .ledian-nav-btn {\n            background: rgba(222, 45, 66, 0.2);\n            border: 2px solid rgba(222, 45, 66, 0.4);\n            color: var(--ledian-white);\n            width: 65px;\n            height: 65px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            backdrop-filter: blur(15px);\n            font-size: 1.2rem;\n        }\n\n        .ledian-nav-btn:hover {\n            background: rgba(222, 45, 66, 0.8);\n            border-color: var(--ledian-red);\n            transform: scale(1.2);\n            box-shadow: 0 0 30px rgba(222, 45, 66, 0.6);\n        }\n\n        \/* Indicadores premium *\/\n        .ledian-hero-dots {\n            position: absolute;\n            bottom: 50px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 20px;\n            z-index: 15;\n        }\n\n        .ledian-dot {\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.3);\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            border: 2px solid transparent;\n            position: relative;\n        }\n\n        .ledian-dot::before {\n            content: '';\n            position: absolute;\n            top: -4px;\n            left: -4px;\n            right: -4px;\n            bottom: -4px;\n            border-radius: 50%;\n            border: 2px solid transparent;\n            transition: all 0.4s ease;\n        }\n\n        .ledian-dot.active {\n            background: var(--ledian-red);\n            transform: scale(1.5);\n            box-shadow: 0 0 20px rgba(222, 45, 66, 0.8);\n        }\n\n        .ledian-dot.active::before {\n            border-color: rgba(222, 45, 66, 0.4);\n            animation: ledianPulse 2s infinite;\n        }\n\n        @keyframes ledianPulse {\n            0%, 100% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.5); opacity: 0; }\n        }\n\n        \/* Scroll indicator *\/\n        .ledian-scroll-indicator {\n            position: absolute;\n            bottom: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 15;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 10px;\n            color: rgba(255, 255, 255, 0.7);\n            font-family: var(--font-body);\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            animation: ledianBounce 2s infinite;\n        }\n\n        @keyframes ledianBounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }\n            40% { transform: translateX(-50%) translateY(-10px); }\n            60% { transform: translateX(-50%) translateY(-5px); }\n        }\n\n        \/* Animaciones mejoradas *\/\n        @keyframes ledianFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(80px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Responsive premium *\/\n        @media screen and (max-width: 768px) {\n            .ledian-premium-hero {\n                min-height: 600px;\n            }\n            \n            .ledian-hero-title {\n                font-size: clamp(2.8rem, 9vw, 4.5rem);\n                letter-spacing: 2px;\n            }\n            \n            .ledian-hero-subtitle {\n                font-size: clamp(1.2rem, 4.5vw, 1.6rem);\n            }\n            \n            .ledian-hero-stats {\n                gap: 30px;\n            }\n            \n            .ledian-stat-number {\n                font-size: 2rem;\n            }\n            \n            .ledian-hero-buttons {\n                flex-direction: column;\n                align-items: center;\n                gap: 20px;\n            }\n            \n            .ledian-cta-btn {\n                width: 100%;\n                max-width: 350px;\n                justify-content: center;\n            }\n            \n            .ledian-nav-btn {\n                width: 55px;\n                height: 55px;\n            }\n            \n            .ledian-hero-nav.prev { left: 25px; }\n            .ledian-hero-nav.next { right: 25px; }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-hero-stats {\n                flex-direction: column;\n                gap: 20px;\n            }\n            \n            .ledian-cta-btn {\n                max-width: 300px;\n                padding: 16px 35px;\n            }\n            \n            .ledian-hero-nav.prev,\n            .ledian-hero-nav.next {\n                display: none;\n            }\n            \n            .ledian-scroll-indicator {\n                display: none;\n            }\n        }\n    <\/style>\n\n    <section class=\"ledian-premium-hero\">\n        <!-- Part\u00edculas animadas -->\n        <div class=\"ledian-particles\"><\/div>\n\n        <!-- Slider de im\u00e1genes -->\n        <div class=\"ledian-hero-slider\">\n            <div class=\"ledian-hero-slide active\" style=\"background-image: url('https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/08\/iyamaha-hero-ledian-1.jpg')\">\n                <div class=\"ledian-light-effect\"><\/div>\n            <\/div>\n            <div class=\"ledian-hero-slide\" style=\"background-image: url('https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/08\/hero-royal-2.jpg')\">\n                <div class=\"ledian-light-effect\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Contenido principal -->\n        <div class=\"ledian-hero-content\">\n            <!-- Badge premium -->\n            <div class=\"ledian-hero-badge\">\n                <i class=\"fas fa-star\"><\/i>\n                <span>Concesionario Oficial<\/span>\n            <\/div>\n\n            <h1 class=\"ledian-hero-title\">Tu Moto Te Est\u00e1 Esperando<\/h1>\n            <p class=\"ledian-hero-subtitle\">Descubre nuestra amplia gama de motos nuevas y usadas con la mejor financiaci\u00f3n del mercado<\/p>\n            \n\n\n            <div class=\"ledian-hero-buttons\">\n                <a href=\"\/ledianmotos\/motos\" class=\"ledian-cta-btn primary\">\n                    <i class=\"fas fa-motorcycle\"><\/i>\n                    <span>Ver Motos<\/span>\n                <\/a>\n                <a href=\"\/ledianmotos\/postulantes\/\" class=\"ledian-cta-btn secondary\">\n                    <i class=\"fas fa-user-tie\"><\/i>\n                    <span>\u00danete al Equipo<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Navegaci\u00f3n premium -->\n        <div class=\"ledian-hero-nav prev\">\n            <button class=\"ledian-nav-btn\" onclick=\"ledianChangeSlide(-1)\" aria-label=\"Imagen anterior\">\n                <i class=\"fas fa-chevron-left\"><\/i>\n            <\/button>\n        <\/div>\n\n        <div class=\"ledian-hero-nav next\">\n            <button class=\"ledian-nav-btn\" onclick=\"ledianChangeSlide(1)\" aria-label=\"Imagen siguiente\">\n                <i class=\"fas fa-chevron-right\"><\/i>\n            <\/button>\n        <\/div>\n\n        <!-- Indicadores premium -->\n        <div class=\"ledian-hero-dots\">\n            <div class=\"ledian-dot active\" onclick=\"ledianGoToSlide(0)\" aria-label=\"Ir a imagen 1\"><\/div>\n            <div class=\"ledian-dot\" onclick=\"ledianGoToSlide(1)\" aria-label=\"Ir a imagen 2\"><\/div>\n        <\/div>\n\n\n    <\/section>\n\n    <script>\n        \/\/ Variables del slider mejorado\n        let ledianCurrentSlide = 0;\n        const ledianSlides = document.querySelectorAll('.ledian-hero-slide');\n        const ledianDots = document.querySelectorAll('.ledian-dot');\n        const ledianTotalSlides = ledianSlides.length;\n\n        \/\/ Crear part\u00edculas animadas\n        function ledianCreateParticles() {\n            const particlesContainer = document.querySelector('.ledian-particles');\n            const particleCount = 15;\n\n            for (let i = 0; i < particleCount; i++) {\n                const particle = document.createElement('div');\n                particle.className = 'ledian-particle';\n                \n                \/\/ Propiedades aleatorias\n                const size = Math.random() * 4 + 2;\n                const left = Math.random() * 100;\n                const animationDuration = Math.random() * 10 + 10;\n                const animationDelay = Math.random() * 15;\n                \n                particle.style.width = size + 'px';\n                particle.style.height = size + 'px';\n                particle.style.left = left + '%';\n                particle.style.animationDuration = animationDuration + 's';\n                particle.style.animationDelay = animationDelay + 's';\n                \n                particlesContainer.appendChild(particle);\n            }\n        }\n\n        \/\/ Funci\u00f3n mejorada para mostrar slide\n        function ledianShowSlide(index) {\n            ledianSlides.forEach((slide, i) => {\n                slide.classList.remove('active');\n                if (i === index) {\n                    setTimeout(() => {\n                        slide.classList.add('active');\n                    }, 100);\n                }\n            });\n            \n            ledianDots.forEach(dot => dot.classList.remove('active'));\n            ledianDots[index].classList.add('active');\n        }\n\n        \/\/ Funci\u00f3n para cambiar slide con efectos mejorados\n        function ledianChangeSlide(direction) {\n            ledianCurrentSlide += direction;\n            \n            if (ledianCurrentSlide >= ledianTotalSlides) {\n                ledianCurrentSlide = 0;\n            } else if (ledianCurrentSlide < 0) {\n                ledianCurrentSlide = ledianTotalSlides - 1;\n            }\n            \n            ledianShowSlide(ledianCurrentSlide);\n        }\n\n        \/\/ Funci\u00f3n para ir a slide espec\u00edfico\n        function ledianGoToSlide(index) {\n            ledianCurrentSlide = index;\n            ledianShowSlide(ledianCurrentSlide);\n        }\n\n        \/\/ Auto-play mejorado\n        let ledianAutoPlay = setInterval(() => {\n            ledianChangeSlide(1);\n        }, 8000);\n\n        \/\/ Pausar autoplay on hover\n        document.querySelector('.ledian-premium-hero').addEventListener('mouseenter', () => {\n            clearInterval(ledianAutoPlay);\n        });\n\n        document.querySelector('.ledian-premium-hero').addEventListener('mouseleave', () => {\n            ledianAutoPlay = setInterval(() => {\n                ledianChangeSlide(1);\n            }, 8000);\n        });\n\n        \/\/ Inicializaci\u00f3n\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Crear part\u00edculas\n            ledianCreateParticles();\n            \n            \/\/ Precargar im\u00e1genes\n            const slideImages = [\n                'https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/08\/iyamaha-hero-ledian-1.jpg',\n                'https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/08\/hero-royal-2.jpg'\n            ];\n            \n            slideImages.forEach(src => {\n                const img = new Image();\n                img.src = src;\n            });\n\n            \/\/ Smooth scroll para scroll indicator\n            document.querySelector('.ledian-scroll-indicator').addEventListener('click', () => {\n                window.scrollBy({\n                    top: window.innerHeight,\n                    behavior: 'smooth'\n                });\n            });\n        });\n\n        \/\/ Soporte para navegaci\u00f3n con teclado\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'ArrowLeft') {\n                ledianChangeSlide(-1);\n            } else if (e.key === 'ArrowRight') {\n                ledianChangeSlide(1);\n            }\n        });\n    <\/script>\n\n    \n\n\n    \n    <style>\n        :root {\n            --ledian-primary: #DE2D42;\n            --ledian-primary-dark: #c4253a;\n            --ledian-secondary: #1a1a1a;\n            --ledian-accent: #f8f9fa;\n            --ledian-text: #2d3436;\n            --ledian-text-light: #636e72;\n            --ledian-white: #ffffff;\n            --ledian-shadow: rgba(0, 0, 0, 0.1);\n            --ledian-shadow-hover: rgba(222, 45, 66, 0.15);\n            --ledian-border: #e9ecef;\n            --ledian-success: #00b894;\n            --ledian-warning: #fdcb6e;\n            \/* Tipograf\u00edas encoladas *\/\n            --font-title: 'Bebas Neue', sans-serif; \/* font-weight: 700 *\/\n            --font-subtitle: 'Helvetica Neue', sans-serif;\n            --font-body: 'Europa Grotesk SH DemBol', 'Helvetica Neue', sans-serif;\n        }\n\n        * {\n            box-sizing: border-box;\n        }\n\n        .ledian-catalogo {\n            padding: 40px 20px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            min-height: 100vh;\n            font-family: var(--font-body);\n        }\n\n        .ledian-catalogo-container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .ledian-catalogo-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .ledian-catalogo-title {\n            font-size: clamp(2.5rem, 6vw, 4rem);\n            font-weight: 800;\n            color: var(--ledian-secondary);\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n            background: linear-gradient(135deg, var(--ledian-secondary) 0%, var(--ledian-primary) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-family: var(--font-title);\n        }\n\n        .ledian-catalogo-subtitle {\n            font-size: clamp(1.1rem, 2.5vw, 1.3rem);\n            color: var(--ledian-text-light);\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.6;\n            font-family: var(--font-subtitle);\n        }\n\n        \/* Filtros *\/\n        .ledian-filtros {\n            background: var(--ledian-white);\n            border-radius: 20px;\n            padding: 30px;\n            margin-bottom: 40px;\n            box-shadow: 0 10px 30px var(--ledian-shadow);\n            border: 1px solid var(--ledian-border);\n        }\n\n        .ledian-filtros-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            color: var(--ledian-secondary);\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .ledian-filtros-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 20px;\n            align-items: end;\n        }\n\n        .ledian-filtro-grupo {\n            position: relative;\n        }\n        \n        .ledian-filtro-grupo:has(#filtro-nombre) .ledian-filtro-input {\n            padding-left: 45px;\n        }\n        \n        .ledian-filtro-grupo:has(#filtro-nombre)::before {\n            content: '\\f002';\n            font-family: 'Font Awesome 6 Free';\n            font-weight: 900;\n            position: absolute;\n            left: 16px;\n            bottom: 13px;\n            color: var(--ledian-text-light);\n            pointer-events: none;\n        }\n\n        .ledian-filtro-label {\n            display: block;\n            font-weight: 600;\n            color: var(--ledian-text);\n            margin-bottom: 8px;\n            font-size: 0.95rem;\n        }\n\n        .ledian-filtro-select,\n        .ledian-filtro-input {\n            width: 100%;\n            padding: 12px 16px;\n            border: 2px solid var(--ledian-border);\n            border-radius: 12px;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            background: var(--ledian-white);\n            color: var(--ledian-text);\n        }\n\n        .ledian-filtro-select:focus,\n        .ledian-filtro-input:focus {\n            outline: none;\n            border-color: var(--ledian-primary);\n            box-shadow: 0 0 0 3px rgba(222, 45, 66, 0.1);\n        }\n\n        .ledian-filtro-precio {\n            display: flex;\n            gap: 10px;\n            align-items: center;\n        }\n\n        .ledian-filtro-precio input {\n            flex: 1;\n        }\n\n        .ledian-filtro-precio-separator {\n            font-weight: 600;\n            color: var(--ledian-text-light);\n        }\n\n        .ledian-filtro-categorias {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-top: 5px;\n        }\n\n        .ledian-categoria-checkbox {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 12px;\n            border: 2px solid var(--ledian-border);\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            background: var(--ledian-white);\n            font-size: 0.9rem;\n        }\n\n        .ledian-categoria-checkbox:hover {\n            border-color: var(--ledian-primary);\n            background: rgba(222, 45, 66, 0.05);\n        }\n\n        .ledian-categoria-checkbox input[type=\"checkbox\"] {\n            width: 16px;\n            height: 16px;\n            margin: 0;\n            accent-color: var(--ledian-primary);\n        }\n\n        .ledian-categoria-checkbox input[type=\"checkbox\"]:checked + .ledian-categoria-label {\n            color: var(--ledian-primary);\n            font-weight: 600;\n        }\n\n        .ledian-categoria-checkbox:has(input[type=\"checkbox\"]:checked) {\n            border-color: var(--ledian-primary);\n            background: rgba(222, 45, 66, 0.1);\n        }\n\n        .ledian-filtros-acciones {\n            display: flex;\n            gap: 15px;\n            margin-top: 20px;\n        }\n\n        .ledian-btn {\n            padding: 12px 24px;\n            border: none;\n            border-radius: 12px;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-family: inherit;\n        }\n\n        .ledian-btn-primary {\n            background: var(--ledian-primary);\n            color: var(--ledian-white);\n        }\n\n        .ledian-btn-primary:hover {\n            background: var(--ledian-primary-dark);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(222, 45, 66, 0.3);\n        }\n\n        .ledian-btn-secondary {\n            background: var(--ledian-white);\n            color: var(--ledian-text);\n            border: 2px solid var(--ledian-border);\n        }\n\n        .ledian-btn-secondary:hover {\n            background: var(--ledian-accent);\n            border-color: var(--ledian-text-light);\n        }\n\n        \/* Grid de productos *\/\n        .ledian-productos-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n\n        .ledian-producto-card {\n            background: var(--ledian-white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 8px 25px var(--ledian-shadow);\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            position: relative;\n            cursor: pointer;\n            border: 1px solid var(--ledian-border);\n        }\n\n        .ledian-producto-card:hover {\n            transform: translateY(-10px) scale(1.02);\n            box-shadow: 0 20px 40px var(--ledian-shadow-hover);\n        }\n\n        .ledian-producto-imagen {\n            height: 280px;\n            position: relative;\n            overflow: hidden;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        }\n\n        .ledian-producto-imagen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .ledian-producto-card:hover .ledian-producto-imagen img {\n            transform: scale(1.1);\n        }\n\n        .ledian-producto-badge {\n            position: absolute;\n            top: 20px;\n            left: 20px;\n            background: var(--ledian-primary);\n            color: var(--ledian-white);\n            font-weight: 700;\n            font-size: 0.8rem;\n            padding: 8px 16px;\n            border-radius: 20px;\n            z-index: 2;\n            backdrop-filter: blur(10px);\n            box-shadow: 0 4px 15px rgba(222, 45, 66, 0.3);\n        }\n\n        .ledian-producto-stock {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: var(--ledian-success);\n            color: var(--ledian-white);\n            font-weight: 600;\n            font-size: 0.8rem;\n            padding: 6px 12px;\n            border-radius: 15px;\n            z-index: 2;\n        }\n\n        .ledian-producto-info {\n            padding: 25px;\n        }\n\n        .ledian-producto-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: var(--ledian-secondary);\n            margin-bottom: 12px;\n            line-height: 1.3;\n            font-family: var(--font-title);\n            \/* Asegurar relleno s\u00f3lido (evitar texto transparente por background-clip heredado) *\/\n            -webkit-text-fill-color: currentColor;\n            background: none;\n            -webkit-background-clip: initial;\n            background-clip: initial;\n        }\n\n        .ledian-producto-precio {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--ledian-primary);\n            margin-bottom: 15px;\n        }\n\n        .ledian-producto-desc {\n            font-size: 1rem;\n            color: var(--ledian-text-light);\n            line-height: 1.6;\n            margin-bottom: 20px;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            font-family: var(--font-body);\n        }\n\n        .ledian-producto-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n\n        .ledian-producto-meta-item {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 0.9rem;\n            color: var(--ledian-text-light);\n        }\n\n        .ledian-producto-meta-item i {\n            color: var(--ledian-primary);\n        }\n\n        .ledian-modal-btn {\n            display: block;\n            width: 100%;\n            background: linear-gradient(135deg, var(--ledian-secondary) 0%, var(--ledian-primary) 100%);\n            color: var(--ledian-white);\n            text-align: center;\n            padding: 15px;\n            border-radius: 15px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            font-size: 1.1rem;\n        }\n\n        .ledian-modal-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(222, 45, 66, 0.4);\n        }\n\n        \/* Modal *\/\n        .ledian-modal {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.8);\n            z-index: 9999;\n            overflow-y: auto;\n            padding: 20px;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            backdrop-filter: blur(5px);\n        }\n\n        .ledian-modal.active {\n            display: block;\n            opacity: 1;\n        }\n\n        .ledian-modal-content {\n            max-width: 1100px;\n            margin: 40px auto;\n            background: var(--ledian-white);\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);\n            position: relative;\n            transform: translateY(50px);\n            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n\n        .ledian-modal.active .ledian-modal-content {\n            transform: translateY(0);\n        }\n\n        .ledian-modal-close {\n            position: absolute;\n            top: 25px;\n            right: 25px;\n            width: 45px;\n            height: 45px;\n            background: var(--ledian-primary);\n            color: var(--ledian-white);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 18px;\n            cursor: pointer;\n            z-index: 10;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(222, 45, 66, 0.3);\n        }\n\n        .ledian-modal-close:hover {\n            transform: rotate(90deg) scale(1.1);\n            background: var(--ledian-secondary);\n        }\n\n        .ledian-modal-body {\n            display: flex;\n            flex-wrap: wrap;\n            min-height: 600px;\n        }\n\n        .ledian-modal-imagen {\n            flex: 0 0 55%;\n            max-width: 55%;\n            height: 600px;\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ledian-modal-imagen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Carrusel de im\u00e1genes *\/\n        .ledian-carousel {\n            position: relative !important;\n            width: 100% !important;\n            height: 100% !important;\n            overflow: hidden !important;\n            background: #f8f9fa;\n        }\n        \n        \/* Resetear estilos que pueden interferir *\/\n        .ledian-carousel *,\n        .ledian-carousel-container *,\n        .ledian-carousel-slide * {\n            box-sizing: border-box !important;\n        }\n\n        .ledian-carousel-container {\n            display: flex !important;\n            transition: transform 0.5s ease-in-out !important;\n            height: 100% !important;\n            width: 100% !important;\n            will-change: transform;\n            flex-wrap: nowrap !important;\n            flex-direction: row !important;\n            align-items: stretch !important;\n        }\n\n        .ledian-carousel-slide {\n            flex: 0 0 100% !important;\n            width: 100% !important;\n            height: 100% !important;\n            position: relative !important;\n            overflow: hidden !important;\n            box-sizing: border-box !important;\n            flex-shrink: 0 !important;\n        }\n\n        .ledian-carousel-slide img {\n            width: 100% !important;\n            height: 100% !important;\n            object-fit: cover !important;\n            display: block !important;\n            position: absolute !important;\n            top: 0 !important;\n            left: 0 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            border: none !important;\n            box-shadow: none !important;\n        }\n\n        .ledian-carousel-nav {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(0, 0, 0, 0.7);\n            color: white;\n            border: none;\n            width: 45px;\n            height: 45px;\n            border-radius: 50%;\n            font-size: 18px;\n            cursor: pointer;\n            z-index: 10;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .ledian-carousel-nav:hover {\n            background: var(--ledian-primary);\n            transform: translateY(-50%) scale(1.1);\n        }\n\n        .ledian-carousel-prev {\n            left: 15px;\n        }\n\n        .ledian-carousel-next {\n            right: 15px;\n        }\n\n        .ledian-carousel-indicators {\n            position: absolute;\n            bottom: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n\n        .ledian-carousel-indicator {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.6);\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .ledian-carousel-indicator.active {\n            background: var(--ledian-primary);\n            transform: scale(1.2);\n        }\n\n        .ledian-carousel-counter {\n            position: absolute;\n            top: 20px;\n            right: 20px;\n            background: rgba(0, 0, 0, 0.7);\n            color: white;\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            z-index: 10;\n        }\n\n        .ledian-modal-info {\n            flex: 0 0 45%;\n            max-width: 45%;\n            padding: 40px;\n            overflow-y: auto;\n            max-height: 600px;\n        }\n\n        .ledian-modal-title {\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: var(--ledian-secondary);\n            margin-bottom: 20px;\n            line-height: 1.2;\n            font-family: var(--font-title);\n        }\n\n        .ledian-modal-precio {\n            font-size: 2.5rem;\n            font-weight: 900;\n            color: var(--ledian-primary);\n            margin-bottom: 30px;\n        }\n\n        .ledian-modal-desc {\n            font-size: 1.1rem;\n            color: var(--ledian-text);\n            line-height: 1.7;\n            margin-bottom: 35px;\n            font-family: var(--font-body);\n        }\n\n        .ledian-modal-meta {\n            margin-bottom: 35px;\n        }\n\n        .ledian-modal-meta-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 18px;\n            padding: 15px;\n            background: var(--ledian-accent);\n            border-radius: 12px;\n            border-left: 4px solid var(--ledian-primary);\n        }\n\n        .ledian-modal-meta-icon {\n            flex: 0 0 40px;\n            color: var(--ledian-primary);\n            font-size: 20px;\n        }\n\n        .ledian-modal-meta-text {\n            flex: 1;\n            font-size: 1rem;\n            color: var(--ledian-text);\n        }\n\n        .ledian-modal-meta-text strong {\n            color: var(--ledian-secondary);\n        }\n\n        .ledian-whatsapp-btn {\n            display: block;\n            width: 100%;\n            background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);\n            color: var(--ledian-white);\n            text-align: center;\n            padding: 18px;\n            border-radius: 15px;\n            font-weight: 700;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            font-size: 1.2rem;\n            margin-top: 25px;\n        }\n\n        .ledian-whatsapp-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);\n        }\n\n        .ledian-whatsapp-btn i {\n            margin-right: 10px;\n            font-size: 1.3rem;\n        }\n\n        \/* Loading y estados *\/\n        .ledian-loading {\n            text-align: center;\n            padding: 60px 20px;\n            color: var(--ledian-text-light);\n        }\n\n        .ledian-loading i {\n            font-size: 3rem;\n            color: var(--ledian-primary);\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        .ledian-no-productos {\n            text-align: center;\n            padding: 80px 20px;\n            color: var(--ledian-text-light);\n        }\n\n        .ledian-no-productos i {\n            font-size: 4rem;\n            color: var(--ledian-primary);\n            margin-bottom: 20px;\n        }\n\n        .ledian-no-productos h3 {\n            font-size: 1.5rem;\n            color: var(--ledian-secondary);\n            margin-bottom: 10px;\n        }\n\n        \/* Responsive *\/\n        @media screen and (max-width: 1024px) {\n            .ledian-modal-imagen,\n            .ledian-modal-info {\n                flex: 0 0 100%;\n                max-width: 100%;\n            }\n            \n            .ledian-modal-imagen {\n                height: 400px;\n            }\n            \n            .ledian-filtros-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .ledian-carousel-nav {\n                width: 40px;\n                height: 40px;\n                font-size: 16px;\n            }\n            \n            .ledian-carousel-prev {\n                left: 10px;\n            }\n            \n            .ledian-carousel-next {\n                right: 10px;\n            }\n            \n            .ledian-carousel-counter {\n                top: 15px;\n                right: 15px;\n                padding: 6px 12px;\n                font-size: 0.8rem;\n            }\n        }\n\n        @media screen and (max-width: 768px) {\n            .ledian-catalogo {\n                padding: 30px 15px;\n            }\n            \n            .ledian-filtros {\n                padding: 20px;\n            }\n            \n            .ledian-productos-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .ledian-modal-info {\n                padding: 25px;\n            }\n            \n            .ledian-filtros-acciones {\n                flex-direction: column;\n            }\n            \n            .ledian-filtro-categorias {\n                gap: 8px;\n            }\n            \n            .ledian-categoria-checkbox {\n                font-size: 0.85rem;\n                padding: 6px 10px;\n            }\n            \n            .ledian-filtro-grupo:has(#filtro-nombre)::before {\n                bottom: 12px;\n            }\n            \n            .ledian-carousel-indicators {\n                bottom: 15px;\n                gap: 6px;\n            }\n            \n            .ledian-carousel-indicator {\n                width: 10px;\n                height: 10px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-producto-imagen {\n                height: 220px;\n            }\n            \n            .ledian-modal-title {\n                font-size: 1.8rem;\n            }\n            \n            .ledian-modal-precio {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n\n    <section class=\"ledian-catalogo\" id=\"motos\">\n        <div class=\"ledian-catalogo-container\">\n                        \n            <div class=\"ledian-catalogo-header\">\n                                                        <h1 class=\"ledian-catalogo-title\">Motos Destacadas<\/h1>\n                    <p class=\"ledian-catalogo-subtitle\">Descubre nuestra colecci\u00f3n de motos categor\u00eda Destacadas con la mejor calidad y precio del mercado<\/p>\n                            <\/div>\n            \n            <!-- Filtros -->\n                        <!-- Mostrar filtros simplificados cuando se filtra por marca o categor\u00eda -->\n            <div class=\"ledian-filtros\">\n                <h3 class=\"ledian-filtros-title\">\n                    <i class=\"fas fa-tag\"><\/i>\n                    Filtros para Destacadas                <\/h3>\n                \n                <div class=\"ledian-filtros-grid\">\n                    <div class=\"ledian-filtro-grupo\">\n                        <label class=\"ledian-filtro-label\">Buscar por nombre<\/label>\n                        <input type=\"text\" class=\"ledian-filtro-input\" id=\"filtro-nombre\" placeholder=\"Buscar moto...\">\n                    <\/div>\n                    \n                    <div class=\"ledian-filtro-grupo\">\n                        <label class=\"ledian-filtro-label\">Rango de precio<\/label>\n                        <div class=\"ledian-filtro-precio\">\n                            <input type=\"number\" class=\"ledian-filtro-input\" id=\"precio-min\" placeholder=\"M\u00edn\">\n                            <span class=\"ledian-filtro-precio-separator\">-<\/span>\n                            <input type=\"number\" class=\"ledian-filtro-input\" id=\"precio-max\" placeholder=\"M\u00e1x\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"ledian-filtros-acciones\">\n                    <button class=\"ledian-btn ledian-btn-primary\" id=\"aplicar-filtros\">\n                        <i class=\"fas fa-search\"><\/i>\n                        Aplicar filtros\n                    <\/button>\n                    <button class=\"ledian-btn ledian-btn-secondary\" id=\"limpiar-filtros\">\n                        <i class=\"fas fa-times\"><\/i>\n                        Limpiar filtros\n                    <\/button>\n                <\/div>\n            <\/div>\n                        \n                            <div class=\"ledian-productos-grid\" id=\"productos-grid\">\n                                            <div class=\"ledian-producto-card\" \n                             data-product-id=\"201\"\n                             data-categories=\"30,18\"\n                             data-brands=\"26\"\n                             data-precio=\"\"\n                             data-nombre=\"nmax connected - scooter\">\n                            \n                                                        \n                                                            <div class=\"ledian-producto-stock\">\n                                    <i class=\"fas fa-check\"><\/i> Disponible\n                                <\/div>\n                                                        \n                            <div class=\"ledian-producto-imagen\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/NMAX-CONNECTED-Scooter-1024x768.jpg\" class=\"attachment-large size-large\" alt=\"NMAX CONNECTED - Scooter\" srcset=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/NMAX-CONNECTED-Scooter-1024x768.jpg 1024w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/NMAX-CONNECTED-Scooter-300x225.jpg 300w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/NMAX-CONNECTED-Scooter-768x576.jpg 768w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/NMAX-CONNECTED-Scooter-600x450.jpg 600w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/NMAX-CONNECTED-Scooter.jpg 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                            \n                            <div class=\"ledian-producto-info\">\n                                <h3 class=\"ledian-producto-title\">NMAX CONNECTED - Scooter<\/h3>\n                                <div class=\"ledian-producto-precio\"><\/div>\n                                \n                                <div class=\"ledian-producto-desc\">\n                                    Siempre en movimiento, siempre conectado                                <\/div>\n                                \n                                <div class=\"ledian-producto-meta\">\n                                                                        \n                                                                        \n                                                                    <\/div>\n                                \n                                <a href=\"#\" class=\"ledian-modal-btn\" data-product-id=\"201\">\n                                    <i class=\"fas fa-eye\"><\/i> Ver detalles\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"ledian-producto-card\" \n                             data-product-id=\"199\"\n                             data-categories=\"30,18\"\n                             data-brands=\"26\"\n                             data-precio=\"\"\n                             data-nombre=\"fascino - scooter\">\n                            \n                                                        \n                                                            <div class=\"ledian-producto-stock\">\n                                    <i class=\"fas fa-check\"><\/i> Disponible\n                                <\/div>\n                                                        \n                            <div class=\"ledian-producto-imagen\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FASCINO-1024x768.jpg\" class=\"attachment-large size-large\" alt=\"Fascino - Scooter\" srcset=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FASCINO-1024x768.jpg 1024w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FASCINO-300x225.jpg 300w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FASCINO-768x576.jpg 768w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FASCINO-600x450.jpg 600w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FASCINO.jpg 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                            \n                            <div class=\"ledian-producto-info\">\n                                <h3 class=\"ledian-producto-title\">Fascino - Scooter<\/h3>\n                                <div class=\"ledian-producto-precio\"><\/div>\n                                \n                                <div class=\"ledian-producto-desc\">\n                                    Movete con estilo                                <\/div>\n                                \n                                <div class=\"ledian-producto-meta\">\n                                                                        \n                                                                        \n                                                                    <\/div>\n                                \n                                <a href=\"#\" class=\"ledian-modal-btn\" data-product-id=\"199\">\n                                    <i class=\"fas fa-eye\"><\/i> Ver detalles\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"ledian-producto-card\" \n                             data-product-id=\"191\"\n                             data-categories=\"30,18\"\n                             data-brands=\"26\"\n                             data-precio=\"\"\n                             data-nombre=\"fz x - street\">\n                            \n                                                        \n                                                            <div class=\"ledian-producto-stock\">\n                                    <i class=\"fas fa-check\"><\/i> Disponible\n                                <\/div>\n                                                        \n                            <div class=\"ledian-producto-imagen\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"564\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FZ-X.jpg\" class=\"attachment-large size-large\" alt=\"FZ X - Street\" srcset=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FZ-X.jpg 750w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FZ-X-300x226.jpg 300w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/FZ-X-600x451.jpg 600w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/>                            <\/div>\n                            \n                            <div class=\"ledian-producto-info\">\n                                <h3 class=\"ledian-producto-title\">FZ X - Street<\/h3>\n                                <div class=\"ledian-producto-precio\"><\/div>\n                                \n                                <div class=\"ledian-producto-desc\">\n                                    Este modelo, pensado para conductores que buscan lo m\u00e1ximo de equipamiento y diferenciaci\u00f3n                                <\/div>\n                                \n                                <div class=\"ledian-producto-meta\">\n                                                                        \n                                                                        \n                                                                    <\/div>\n                                \n                                <a href=\"#\" class=\"ledian-modal-btn\" data-product-id=\"191\">\n                                    <i class=\"fas fa-eye\"><\/i> Ver detalles\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                            <div class=\"ledian-producto-card\" \n                             data-product-id=\"185\"\n                             data-categories=\"30,18\"\n                             data-brands=\"26\"\n                             data-precio=\"\"\n                             data-nombre=\"xtz 125 - adventure\">\n                            \n                                                        \n                                                            <div class=\"ledian-producto-stock\">\n                                    <i class=\"fas fa-check\"><\/i> Disponible\n                                <\/div>\n                                                        \n                            <div class=\"ledian-producto-imagen\">\n                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/XTZ-125-1024x768.png\" class=\"attachment-large size-large\" alt=\"XTZ 125 - Adventure\" srcset=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/XTZ-125-1024x768.png 1024w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/XTZ-125-300x225.png 300w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/XTZ-125-768x576.png 768w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/XTZ-125-600x450.png 600w, https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/XTZ-125.png 1365w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                            \n                            <div class=\"ledian-producto-info\">\n                                <h3 class=\"ledian-producto-title\">XTZ 125 - Adventure<\/h3>\n                                <div class=\"ledian-producto-precio\"><\/div>\n                                \n                                <div class=\"ledian-producto-desc\">\n                                    Practicidad en doble prop\u00f3sito                                <\/div>\n                                \n                                <div class=\"ledian-producto-meta\">\n                                                                        \n                                                                        \n                                                                    <\/div>\n                                \n                                <a href=\"#\" class=\"ledian-modal-btn\" data-product-id=\"185\">\n                                    <i class=\"fas fa-eye\"><\/i> Ver detalles\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n                    <\/div>\n    <\/section>\n\n    <!-- Modal Container -->\n    <div class=\"ledian-modal\" id=\"ledian-product-modal\">\n        <div class=\"ledian-modal-content\">\n            <div class=\"ledian-modal-close\">\n                <i class=\"fas fa-times\"><\/i>\n            <\/div>\n            <div class=\"ledian-modal-body\">\n                <!-- El contenido se llenar\u00e1 con JavaScript -->\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    jQuery(document).ready(function($) {\n        \/\/ N\u00famero de WhatsApp de Ledian (cambiar por el n\u00famero real)\n        const whatsappNumber = '5493834085829'; \/\/ Cambiar por el n\u00famero real\n        \n        \/\/ Abrir modal\n        $('.ledian-modal-btn, .ledian-producto-card').on('click', function(e) {\n            e.preventDefault();\n            const productId = $(this).data('product-id');\n            loadProductModal(productId);\n        });\n        \n        \/\/ Cerrar modal\n        $('.ledian-modal-close').on('click', function() {\n            closeProductModal();\n        });\n        \n        \/\/ Cerrar al hacer clic fuera del contenido\n        $(document).on('click', function(e) {\n            if ($(e.target).hasClass('ledian-modal')) {\n                closeProductModal();\n            }\n        });\n        \n        \/\/ Cerrar con ESC\n        $(document).on('keyup', function(e) {\n            if (e.key === \"Escape\") {\n                closeProductModal();\n            }\n        });\n        \n        \/\/ Funci\u00f3n para cargar el modal\n        function loadProductModal(productId) {\n            \/\/ Mostrar loader\n            $('#ledian-product-modal .ledian-modal-body').html(`\n                <div class=\"ledian-loading\">\n                    <i class=\"fas fa-spinner fa-spin\"><\/i>\n                    <h3 style=\"margin-top: 20px;\">Cargando detalles...<\/h3>\n                    <p>Por favor espera un momento<\/p>\n                <\/div>\n            `);\n            \n            $('#ledian-product-modal').addClass('active');\n            $('body').css('overflow', 'hidden');\n            \n            \/\/ Obtener datos del producto via AJAX\n            $.ajax({\n                url: 'https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: {\n                    action: 'ledian_get_product_data',\n                    product_id: productId,\n                    whatsapp_number: whatsappNumber\n                },\n                success: function(response) {\n                    if (response.success) {\n                        $('#ledian-product-modal .ledian-modal-body').html(response.data.html);\n                        \/\/ Disparar evento para inicializar el carrusel\n                        $(document).trigger('modalLoaded');\n                    } else {\n                        $('#ledian-product-modal .ledian-modal-body').html(`\n                            <div class=\"ledian-loading\">\n                                <i class=\"fas fa-exclamation-triangle\" style=\"color: var(--ledian-primary);\"><\/i>\n                                <h3 style=\"margin-top: 20px;\">Error al cargar<\/h3>\n                                <p>No se pudieron cargar los detalles del producto<\/p>\n                            <\/div>\n                        `);\n                    }\n                },\n                error: function() {\n                    $('#ledian-product-modal .ledian-modal-body').html(`\n                        <div class=\"ledian-loading\">\n                            <i class=\"fas fa-wifi\" style=\"color: var(--ledian-primary);\"><\/i>\n                            <h3 style=\"margin-top: 20px;\">Error de conexi\u00f3n<\/h3>\n                            <p>Verifica tu conexi\u00f3n a internet<\/p>\n                        <\/div>\n                    `);\n                }\n            });\n        }\n        \n        \/\/ Funci\u00f3n original para cerrar el modal (ser\u00e1 reemplazada)\n        function closeProductModal() {\n            $('#ledian-product-modal').removeClass('active');\n            $('body').css('overflow', 'auto');\n            $(document).off('keydown.carousel');\n        }\n        \n        \/\/ Filtros\n        $('#aplicar-filtros').on('click', function() {\n            aplicarFiltros();\n        });\n        \n        $('#limpiar-filtros').on('click', function() {\n            limpiarFiltros();\n        });\n        \n        \/\/ Aplicar filtros en tiempo real\n        $('.filtro-categoria-check, .filtro-marca-check').on('change', function() {\n            aplicarFiltros();\n        });\n        \n        $('#precio-min, #precio-max').on('keyup', function() {\n            clearTimeout(window.filtroTimeout);\n            window.filtroTimeout = setTimeout(aplicarFiltros, 500);\n        });\n        \n        $('#filtro-nombre').on('keyup', function() {\n            clearTimeout(window.filtroTimeout);\n            window.filtroTimeout = setTimeout(aplicarFiltros, 300);\n        });\n        \n        function aplicarFiltros() {\n            const categoriasSeleccionadas = [];\n            $('.filtro-categoria-check:checked').each(function() {\n                categoriasSeleccionadas.push($(this).val());\n            });\n            \n            const marcasSeleccionadas = [];\n            $('.filtro-marca-check:checked').each(function() {\n                marcasSeleccionadas.push($(this).val());\n            });\n            \n            const precioMin = parseFloat($('#precio-min').val()) || 0;\n            const precioMax = parseFloat($('#precio-max').val()) || Infinity;\n            const nombreBuscar = $('#filtro-nombre').val().toLowerCase().trim();\n            \n            let productosVisibles = 0;\n            \n            $('.ledian-producto-card').each(function() {\n                const $card = $(this);\n                const cardCategorias = $card.data('categories').toString().split(',');\n                const cardMarcas = $card.data('brands').toString().split(',');\n                const cardPrecio = parseFloat($card.data('precio')) || 0;\n                const cardNombre = $card.data('nombre') || '';\n                \n                let mostrar = true;\n                \n                \/\/ Filtro por nombre\n                if (nombreBuscar && !cardNombre.includes(nombreBuscar)) {\n                    mostrar = false;\n                }\n                \n                \/\/ Filtro por categor\u00edas (solo si existen filtros de categor\u00edas en el DOM)\n                if ($('.filtro-categoria-check').length > 0 && categoriasSeleccionadas.length > 0) {\n                    let tieneCategoria = false;\n                    for (let i = 0; i < categoriasSeleccionadas.length; i++) {\n                        if (cardCategorias.includes(categoriasSeleccionadas[i])) {\n                            tieneCategoria = true;\n                            break;\n                        }\n                    }\n                    if (!tieneCategoria) {\n                        mostrar = false;\n                    }\n                }\n                \n                \/\/ Filtro por marcas (solo si existen filtros de marcas en el DOM)\n                if ($('.filtro-marca-check').length > 0 && marcasSeleccionadas.length > 0) {\n                    let tieneMarca = false;\n                    for (let i = 0; i < marcasSeleccionadas.length; i++) {\n                        if (cardMarcas.includes(marcasSeleccionadas[i])) {\n                            tieneMarca = true;\n                            break;\n                        }\n                    }\n                    if (!tieneMarca) {\n                        mostrar = false;\n                    }\n                }\n                \n                \/\/ Filtro por precio\n                if (cardPrecio < precioMin || cardPrecio > precioMax) {\n                    mostrar = false;\n                }\n                \n                if (mostrar) {\n                    $card.show();\n                    productosVisibles++;\n                } else {\n                    $card.hide();\n                }\n            });\n            \n            \/\/ Mostrar mensaje si no hay productos\n            if (productosVisibles === 0) {\n                if ($('.ledian-no-resultados').length === 0) {\n                    $('#productos-grid').after(`\n                        <div class=\"ledian-no-productos ledian-no-resultados\">\n                            <i class=\"fas fa-search\"><\/i>\n                            <h3>No se encontraron productos<\/h3>\n                            <p>Intenta ajustar los filtros para obtener m\u00e1s resultados<\/p>\n                        <\/div>\n                    `);\n                }\n            } else {\n                $('.ledian-no-resultados').remove();\n            }\n        }\n        \n        function limpiarFiltros() {\n            $('#filtro-nombre').val('');\n            if ($('.filtro-categoria-check').length > 0) {\n                $('.filtro-categoria-check').prop('checked', false);\n            }\n            if ($('.filtro-marca-check').length > 0) {\n                $('.filtro-marca-check').prop('checked', false);\n            }\n            $('#precio-min').val('');\n            $('#precio-max').val('');\n            $('.ledian-producto-card').show();\n            $('.ledian-no-resultados').remove();\n        }\n        \n        \/\/ Variables globales para el carrusel\n        window.currentSlideIndex = 0;\n        window.totalSlides = 0;\n        \n        \/\/ Funciones del carrusel\n        window.nextSlide = function() {\n            if (window.currentSlideIndex < window.totalSlides - 1) {\n                window.currentSlideIndex++;\n            } else {\n                window.currentSlideIndex = 0;\n            }\n            updateCarousel();\n        };\n        \n        window.prevSlide = function() {\n            if (window.currentSlideIndex > 0) {\n                window.currentSlideIndex--;\n            } else {\n                window.currentSlideIndex = window.totalSlides - 1;\n            }\n            updateCarousel();\n        };\n        \n        window.goToSlide = function(index) {\n            window.currentSlideIndex = index;\n            updateCarousel();\n        };\n        \n        function updateCarousel() {\n            const container = $('.ledian-carousel-container');\n            const translateX = -window.currentSlideIndex * 100;\n            \n            container.css({\n                'transform': `translateX(${translateX}%)`,\n                '-webkit-transform': `translateX(${translateX}%)`,\n                '-moz-transform': `translateX(${translateX}%)`,\n                '-ms-transform': `translateX(${translateX}%)`\n            });\n            \n            \/\/ Actualizar indicadores\n            $('.ledian-carousel-indicator').removeClass('active');\n            $('.ledian-carousel-indicator').eq(window.currentSlideIndex).addClass('active');\n            \n            \/\/ Actualizar contador\n            $('#currentSlide').text(window.currentSlideIndex + 1);\n        }\n        \n        \/\/ Inicializar carrusel cuando se carga el modal\n        $(document).on('modalLoaded', function() {\n            \/\/ Esperar un poco para que el DOM se renderice completamente\n            setTimeout(function() {\n                const slides = $('.ledian-carousel-slide');\n                window.totalSlides = slides.length;\n                window.currentSlideIndex = 0;\n                \n                if (window.totalSlides > 1) {\n                    $('#totalSlides').text(window.totalSlides);\n                    \n                    \/\/ Inicializar posici\u00f3n\n                    updateCarousel();\n                    \n                    \/\/ Navegaci\u00f3n con teclado\n                    $(document).on('keydown.carousel', function(e) {\n                        if ($('#ledian-product-modal').hasClass('active')) {\n                            if (e.key === 'ArrowRight') {\n                                window.nextSlide();\n                            } else if (e.key === 'ArrowLeft') {\n                                window.prevSlide();\n                            }\n                        }\n                    });\n                    \n                    \/\/ Navegaci\u00f3n t\u00e1ctil (opcional)\n                    let startX = 0;\n                    let endX = 0;\n                    \n                    $('.ledian-carousel').on('touchstart', function(e) {\n                        startX = e.originalEvent.touches[0].clientX;\n                    });\n                    \n                    $('.ledian-carousel').on('touchend', function(e) {\n                        endX = e.originalEvent.changedTouches[0].clientX;\n                        handleSwipe();\n                    });\n                    \n                    function handleSwipe() {\n                        const threshold = 50;\n                        const diff = startX - endX;\n                        \n                        if (Math.abs(diff) > threshold) {\n                            if (diff > 0) {\n                                window.nextSlide();\n                            } else {\n                                window.prevSlide();\n                            }\n                        }\n                    }\n                }\n            }, 100);\n        });\n        \n        \/\/ Limpiar eventos del carrusel al cerrar modal\n        function closeProductModal() {\n            $('#ledian-product-modal').removeClass('active');\n            $('body').css('overflow', 'auto');\n            $(document).off('keydown.carousel');\n        }\n    });\n    <\/script>\n\n    \n\n\n    <style>\n        .ledian-ventajas {\n            background: var(--ledian-black);\n            padding: 90px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ledian-ventajas::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: radial-gradient(ellipse at center, rgba(222, 45, 66, 0.03) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .ledian-ventajas-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ledian-ventajas-title {\n            font-family: var(--font-title);\n            font-size: clamp(2.5rem, 6vw, 4rem);\n            font-weight: 700;\n            color: var(--ledian-white);\n            text-align: center;\n            margin-bottom: 70px;\n            opacity: 0;\n            transform: translateY(60px);\n            animation: ledianVentajasFadeInUp 1s ease-out 0.2s forwards;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n        }\n\n        .ledian-ventajas-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 35px;\n            align-items: stretch;\n        }\n\n        .ledian-ventaja-card {\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(222, 45, 66, 0.25);\n            border-radius: 15px;\n            padding: 35px 25px;\n            text-align: center;\n            transition: all 0.4s ease;\n            backdrop-filter: blur(15px);\n            position: relative;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(60px);\n        }\n\n        .ledian-ventaja-card:nth-child(1) { animation: ledianVentajasFadeInUp 1s ease-out 0.4s forwards; }\n        .ledian-ventaja-card:nth-child(2) { animation: ledianVentajasFadeInUp 1s ease-out 0.5s forwards; }\n        .ledian-ventaja-card:nth-child(3) { animation: ledianVentajasFadeInUp 1s ease-out 0.6s forwards; }\n        .ledian-ventaja-card:nth-child(4) { animation: ledianVentajasFadeInUp 1s ease-out 0.7s forwards; }\n        .ledian-ventaja-card:nth-child(5) { animation: ledianVentajasFadeInUp 1s ease-out 0.8s forwards; }\n\n        .ledian-ventaja-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(222, 45, 66, 0.15), transparent);\n            transition: left 0.6s ease;\n        }\n\n        .ledian-ventaja-card:hover::before {\n            left: 100%;\n        }\n\n        .ledian-ventaja-card:hover {\n            transform: translateY(-12px);\n            border-color: var(--ledian-red);\n            box-shadow: 0 20px 50px rgba(222, 45, 66, 0.25);\n            background: rgba(255, 255, 255, 0.1);\n        }\n\n        .ledian-ventaja-icon {\n            font-size: 52px;\n            margin-bottom: 25px;\n            color: var(--ledian-red);\n            transition: all 0.4s ease;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 80px;\n        }\n\n        .ledian-ventaja-icon i {\n            transition: inherit;\n        }\n\n        .ledian-ventaja-card:hover .ledian-ventaja-icon i {\n            transform: scale(1.15) rotate(5deg);\n            filter: drop-shadow(0 0 15px rgba(222, 45, 66, 0.6));\n        }\n\n        .ledian-ventaja-title {\n            font-family: var(--font-subtitle);\n            font-size: clamp(1.1rem, 2.8vw, 1.4rem);\n            font-weight: 500;\n            color: var(--ledian-white);\n            margin-bottom: 18px;\n            line-height: 1.3;\n            letter-spacing: 0.5px;\n        }\n\n        .ledian-ventaja-text {\n            font-family: var(--font-body);\n            font-size: clamp(0.9rem, 2.2vw, 1.05rem);\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.6;\n            font-weight: 400;\n            letter-spacing: 0.3px;\n        }\n\n        \/* Animaciones mejoradas *\/\n        @keyframes ledianVentajasFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(60px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Responsive Design *\/\n        @media screen and (max-width: 1200px) {\n            .ledian-ventajas-grid {\n                gap: 30px;\n            }\n        }\n\n        @media screen and (max-width: 1024px) {\n            .ledian-ventajas {\n                padding: 80px 0;\n            }\n\n            .ledian-ventajas-title {\n                font-size: clamp(2.2rem, 7vw, 3.2rem);\n                margin-bottom: 60px;\n            }\n\n            .ledian-ventajas-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 28px;\n            }\n\n            .ledian-ventaja-card {\n                padding: 30px 20px;\n            }\n        }\n\n        @media screen and (max-width: 768px) {\n            .ledian-ventajas {\n                padding: 70px 0;\n            }\n\n            .ledian-ventajas-title {\n                margin-bottom: 50px;\n                font-size: clamp(2rem, 8vw, 2.8rem);\n            }\n\n            .ledian-ventajas-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 25px;\n            }\n\n            .ledian-ventaja-card {\n                padding: 28px 18px;\n            }\n\n            .ledian-ventaja-icon {\n                font-size: 46px;\n                margin-bottom: 20px;\n                height: 70px;\n            }\n\n            .ledian-ventaja-title {\n                font-size: clamp(1rem, 3.2vw, 1.2rem);\n                margin-bottom: 15px;\n            }\n\n            .ledian-ventaja-text {\n                font-size: clamp(0.85rem, 2.8vw, 0.95rem);\n            }\n        }\n\n        @media screen and (max-width: 600px) {\n            .ledian-ventajas {\n                padding: 60px 0;\n            }\n\n            .ledian-ventajas-title {\n                margin-bottom: 45px;\n                font-size: clamp(1.8rem, 9vw, 2.4rem);\n                letter-spacing: 1px;\n            }\n\n            .ledian-ventajas-grid {\n                gap: 20px;\n            }\n\n            .ledian-ventaja-card {\n                padding: 25px 15px;\n            }\n\n            .ledian-ventaja-icon {\n                font-size: 42px;\n                height: 65px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-ventajas {\n                padding: 50px 0;\n            }\n\n            .ledian-ventajas-title {\n                margin-bottom: 40px;\n            }\n\n            .ledian-ventajas-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .ledian-ventaja-card {\n                padding: 25px 18px;\n                border-radius: 12px;\n            }\n\n            .ledian-ventaja-icon {\n                font-size: 40px;\n                margin-bottom: 18px;\n                height: 60px;\n            }\n\n            .ledian-ventaja-title {\n                margin-bottom: 12px;\n            }\n        }\n\n        \/* Breakpoint espec\u00edfico para tablets peque\u00f1as *\/\n        @media screen and (max-width: 600px) and (min-width: 481px) {\n            .ledian-ventajas-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 18px;\n            }\n\n            .ledian-ventaja-card {\n                padding: 22px 14px;\n            }\n\n            .ledian-ventaja-icon {\n                font-size: 38px;\n            }\n        }\n\n        \/* Efecto adicional para mejorar la interacci\u00f3n *\/\n        .ledian-ventaja-card {\n            cursor: default;\n        }\n\n        .ledian-ventaja-card:hover .ledian-ventaja-title {\n            color: #ffffff;\n            transition: color 0.3s ease;\n        }\n\n        .ledian-ventaja-card:hover .ledian-ventaja-text {\n            color: rgba(255, 255, 255, 0.95);\n            transition: color 0.3s ease;\n        }\n    <\/style>\n\n    <section class=\"ledian-ventajas\">\n        <div class=\"ledian-ventajas-container\">\n            <h2 class=\"ledian-ventajas-title\">\u00bfPor Qu\u00e9 Elegirnos?<\/h2>\n            \n            <div class=\"ledian-ventajas-grid\">\n                <div class=\"ledian-ventaja-card\">\n                    <div class=\"ledian-ventaja-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\n                    <h3 class=\"ledian-ventaja-title\">Entrega Inmediata<\/h3>\n                    <p class=\"ledian-ventaja-text\">Tu moto lista para rodar el mismo d\u00eda de la compra<\/p>\n                <\/div>\n                \n                <div class=\"ledian-ventaja-card\">\n                    <div class=\"ledian-ventaja-icon\"><i class=\"fas fa-box-open\"><\/i><\/div>\n                    <h3 class=\"ledian-ventaja-title\">Stock Disponible<\/h3>\n                    <p class=\"ledian-ventaja-text\">Amplio inventario de motos nuevas y usadas<\/p>\n                <\/div>\n                \n                <div class=\"ledian-ventaja-card\">\n                    <div class=\"ledian-ventaja-icon\"><i class=\"fas fa-credit-card\"><\/i><\/div>\n                    <h3 class=\"ledian-ventaja-title\">Financiaci\u00f3n a Medida<\/h3>\n                    <p class=\"ledian-ventaja-text\">Planes de pago flexibles adaptados a vos<\/p>\n                <\/div>\n                \n                <div class=\"ledian-ventaja-card\">\n                    <div class=\"ledian-ventaja-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                    <h3 class=\"ledian-ventaja-title\">5 A\u00f1os de Garant\u00eda<\/h3>\n                    <p class=\"ledian-ventaja-text\">Garant\u00eda oficial Yamaha con respaldo total<\/p>\n                <\/div>\n                \n                <div class=\"ledian-ventaja-card\">\n                    <div class=\"ledian-ventaja-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\n                    <h3 class=\"ledian-ventaja-title\">Postventa con Respaldo<\/h3>\n                    <p class=\"ledian-ventaja-text\">Servicio t\u00e9cnico especializado y repuestos originales<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n\n\n    <style>\n        .ledian-marcas {\n            background: var(--ledian-black);\n            padding: 90px 0;\n            position: relative;\n            overflow: hidden;\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\n        }\n\n        \/* Efecto de fondo sutil *\/\n        .ledian-marcas::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(222, 45, 66, 0.02) 0%, transparent 50%, rgba(222, 45, 66, 0.02) 100%);\n            pointer-events: none;\n        }\n\n        .ledian-marcas-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .ledian-marcas-title {\n            font-family: var(--font-title);\n            font-size: clamp(2.5rem, 6vw, 4rem);\n            font-weight: 700;\n            color: var(--ledian-white);\n            text-align: center;\n            margin-bottom: 70px;\n            opacity: 0;\n            transform: translateY(60px);\n            animation: ledianFadeInUp 1s ease-out 0.2s forwards;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n        }\n\n        \/* Subt\u00edtulo opcional *\/\n        .ledian-marcas-subtitle {\n            font-family: var(--font-body);\n            font-size: clamp(1rem, 2.5vw, 1.3rem);\n            color: rgba(255, 255, 255, 0.8);\n            text-align: center;\n            margin-top: -50px;\n            margin-bottom: 60px;\n            opacity: 0;\n            transform: translateY(30px);\n            animation: ledianFadeInUp 1s ease-out 0.4s forwards;\n            font-weight: 400;\n            letter-spacing: 0.5px;\n        }\n\n        .ledian-marcas-track {\n            display: flex;\n            width: calc(250px * 14);\n            animation: ledianScroll 45s linear infinite;\n            padding: 25px 0;\n        }\n\n        .ledian-marcas:hover .ledian-marcas-track {\n            animation-play-state: paused;\n        }\n\n        .ledian-marca-item {\n            width: 200px;\n            height: 130px;\n            margin: 0 25px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            filter: grayscale(1) brightness(0.7);\n            transition: all 0.5s ease;\n            opacity: 0.7;\n            background: rgba(255, 255, 255, 0.02);\n            border-radius: 10px;\n            backdrop-filter: blur(5px);\n        }\n\n        .ledian-marca-item:hover {\n            filter: grayscale(0) brightness(1.3);\n            opacity: 1;\n            transform: scale(1.12);\n            background: rgba(255, 255, 255, 0.05);\n        }\n\n        .ledian-marca-img {\n            max-width: 85%;\n            max-height: 85%;\n            object-fit: contain;\n            transition: all 0.5s ease;\n        }\n\n        \/* Efecto de borde mejorado al pasar el mouse *\/\n        .ledian-marca-item::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            border: 1px solid rgba(222, 45, 66, 0);\n            border-radius: 10px;\n            transition: all 0.4s ease;\n            opacity: 0;\n        }\n\n        .ledian-marca-item:hover::after {\n            border: 2px solid var(--ledian-red);\n            box-shadow: 0 0 25px rgba(222, 45, 66, 0.4),\n                        inset 0 0 15px rgba(222, 45, 66, 0.1);\n            opacity: 1;\n        }\n\n        \/* Efecto de brillo sutil *\/\n        .ledian-marca-item::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.05), transparent);\n            transform: rotate(45deg);\n            transition: all 0.6s ease;\n            opacity: 0;\n        }\n\n        .ledian-marca-item:hover::before {\n            opacity: 1;\n            animation: ledianShine 0.8s ease-out;\n        }\n\n        \/* Animaciones mejoradas *\/\n        @keyframes ledianFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(60px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes ledianScroll {\n            0% {\n                transform: translateX(0);\n            }\n            100% {\n                transform: translateX(calc(-250px * 7));\n            }\n        }\n\n        @keyframes ledianShine {\n            0% {\n                transform: translateX(-100%) translateY(-100%) rotate(45deg);\n            }\n            100% {\n                transform: translateX(100%) translateY(100%) rotate(45deg);\n            }\n        }\n\n        \/* Responsive Design mejorado *\/\n        @media screen and (max-width: 1200px) {\n            .ledian-marcas-track {\n                animation-duration: 35s;\n            }\n        }\n\n        @media screen and (max-width: 1024px) {\n            .ledian-marcas {\n                padding: 80px 0;\n            }\n\n            .ledian-marcas-title {\n                font-size: clamp(2.2rem, 7vw, 3.2rem);\n                margin-bottom: 60px;\n            }\n\n            .ledian-marcas-subtitle {\n                margin-top: -40px;\n                margin-bottom: 50px;\n            }\n\n            .ledian-marcas-track {\n                animation-duration: 32s;\n            }\n\n            .ledian-marca-item {\n                width: 180px;\n                height: 110px;\n            }\n        }\n\n        @media screen and (max-width: 768px) {\n            .ledian-marcas {\n                padding: 70px 0;\n            }\n            \n            .ledian-marcas-title {\n                margin-bottom: 50px;\n                font-size: clamp(2rem, 8vw, 2.8rem);\n            }\n\n            .ledian-marcas-subtitle {\n                margin-top: -35px;\n                margin-bottom: 40px;\n                font-size: clamp(0.9rem, 3vw, 1.1rem);\n            }\n            \n            .ledian-marcas-track {\n                animation-duration: 28s;\n                padding: 20px 0;\n            }\n            \n            .ledian-marca-item {\n                width: 160px;\n                height: 95px;\n                margin: 0 15px;\n            }\n        }\n\n        @media screen and (max-width: 600px) {\n            .ledian-marcas {\n                padding: 60px 0;\n            }\n\n            .ledian-marcas-title {\n                font-size: clamp(1.8rem, 9vw, 2.4rem);\n                margin-bottom: 45px;\n                letter-spacing: 1px;\n            }\n\n            .ledian-marcas-subtitle {\n                margin-top: -30px;\n                margin-bottom: 35px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-marcas {\n                padding: 50px 0;\n            }\n            \n            .ledian-marcas-track {\n                animation-duration: 25s;\n                padding: 15px 0;\n            }\n            \n            .ledian-marca-item {\n                width: 140px;\n                height: 80px;\n                margin: 0 12px;\n                border-radius: 8px;\n            }\n\n            .ledian-marca-item::after {\n                border-radius: 8px;\n            }\n        }\n\n        \/* Pausa suave en mobile *\/\n        @media (hover: none) {\n            .ledian-marcas-track {\n                animation-duration: 35s;\n            }\n        }\n\n        \/* Mejora de accesibilidad *\/\n        @media (prefers-reduced-motion: reduce) {\n            .ledian-marcas-track {\n                animation: none;\n            }\n            \n            .ledian-marca-item {\n                transition: none;\n            }\n        }\n    <\/style>\n\n    <section class=\"ledian-marcas\">\n        <div class=\"ledian-marcas-container\">\n            <h2 class=\"ledian-marcas-title\">Marcas que Representamos<\/h2>\n            <p class=\"ledian-marcas-subtitle\">Calidad y confianza respaldadas por las mejores marcas del mundo<\/p>\n            \n            <div class=\"ledian-marcas-track\">\n                <!-- Duplicamos los logos para efecto infinito -->\n                                    <!-- Yamaha -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/logo-yamaha-blanco.png\" \n                             alt=\"Yamaha\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- CF Moto -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/CFMOTO_logo_white_sRGB.png\" \n                             alt=\"CF Moto\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- Husqvarna -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/Husqvarna_Logo_blanco.png\" \n                             alt=\"Husqvarna\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- Royal Enfield -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/royal-logo-rojo.png\" \n                             alt=\"Royal Enfield\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- Agregamos m\u00e1s marcas para mejor efecto -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/logo-yamaha-blanco.png\" \n                             alt=\"Yamaha\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/CFMOTO_logo_white_sRGB.png\" \n                             alt=\"CF Moto\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/Husqvarna_Logo_blanco.png\" \n                             alt=\"Husqvarna\" class=\"ledian-marca-img\">\n                    <\/div>\n                                    <!-- Yamaha -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/logo-yamaha-blanco.png\" \n                             alt=\"Yamaha\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- CF Moto -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/CFMOTO_logo_white_sRGB.png\" \n                             alt=\"CF Moto\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- Husqvarna -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/Husqvarna_Logo_blanco.png\" \n                             alt=\"Husqvarna\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- Royal Enfield -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/royal-logo-rojo.png\" \n                             alt=\"Royal Enfield\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <!-- Agregamos m\u00e1s marcas para mejor efecto -->\n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/logo-yamaha-blanco.png\" \n                             alt=\"Yamaha\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/CFMOTO_logo_white_sRGB.png\" \n                             alt=\"CF Moto\" class=\"ledian-marca-img\">\n                    <\/div>\n                    \n                    <div class=\"ledian-marca-item\">\n                        <img decoding=\"async\" src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/07\/Husqvarna_Logo_blanco.png\" \n                             alt=\"Husqvarna\" class=\"ledian-marca-img\">\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Polyfill para requestAnimationFrame\n        (function() {\n            var lastTime = 0;\n            var vendors = ['ms', 'moz', 'webkit', 'o'];\n            for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {\n                window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];\n                window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] \n                                           || window[vendors[x]+'CancelRequestAnimationFrame'];\n            }\n            \n            if (!window.requestAnimationFrame)\n                window.requestAnimationFrame = function(callback, element) {\n                    var currTime = new Date().getTime();\n                    var timeToCall = Math.max(0, 16 - (currTime - lastTime));\n                    var id = window.setTimeout(function() { callback(currTime + timeToCall); }, \n                      timeToCall);\n                    lastTime = currTime + timeToCall;\n                    return id;\n                };\n            \n            if (!window.cancelAnimationFrame)\n                window.cancelAnimationFrame = function(id) {\n                    clearTimeout(id);\n                };\n        }());\n\n        \/\/ Iniciar animaci\u00f3n cuando el elemento es visible\n        document.addEventListener('DOMContentLoaded', function() {\n            const marcasSection = document.querySelector('.ledian-marcas');\n            \n            const startAnimation = () => {\n                const track = document.querySelector('.ledian-marcas-track');\n                if (track) {\n                    track.style.animationPlayState = 'running';\n                }\n            };\n            \n            \/\/ Mejorar el observer para mejor performance\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        startAnimation();\n                        \/\/ Opcional: mantener observando para reanudar si sale y vuelve a entrar\n                        \/\/ observer.unobserve(marcasSection);\n                    }\n                });\n            }, { \n                threshold: 0.1,\n                rootMargin: '50px'\n            });\n            \n            if (marcasSection) {\n                observer.observe(marcasSection);\n            }\n\n            \/\/ Pausa autom\u00e1tica cuando no est\u00e1 visible (opcional)\n            const pauseObserver = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    const track = document.querySelector('.ledian-marcas-track');\n                    if (track) {\n                        if (entry.isIntersecting) {\n                            track.style.animationPlayState = 'running';\n                        } else {\n                            track.style.animationPlayState = 'paused';\n                        }\n                    }\n                });\n            }, { threshold: 0 });\n\n            if (marcasSection) {\n                pauseObserver.observe(marcasSection);\n            }\n        });\n    <\/script>\n\n    \n\n\n\t\t\t<style>\n\t\t\t\t.gp-royal-video-banner {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t}\n\t\t\t\t.gp-royal-video-banner__spacer {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t\t.gp-royal-video-banner__media {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tobject-fit: cover;\n\t\t\t\t}\n\t\t\t\t\/* Mejora de accesibilidad para usuarios que prefieren reducir movimiento *\/\n\t\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t\t.gp-royal-video-banner__media { animation: none !important; }\n\t\t\t\t}\n\t\t\t<\/style>\n\t\t\t\t\t<div class=\"gp-royal-video-banner\" role=\"img\" aria-label=\"Banner de video\">\n\t\t\t<span class=\"gp-royal-video-banner__spacer\" style=\"padding-top: 21.09375%;\"><\/span>\n\t\t\t<video class=\"gp-royal-video-banner__media\" autoplay loop muted playsinline preload=\"metadata\" controlslist=\"nodownload noplaybackrate\">\n\t\t\t\t<source src=\"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-content\/uploads\/2025\/10\/ROYAL-5120-x-1080.mp4\" type=\"video\/mp4\" \/>\n\t\t\t\t<!-- Texto alternativo para navegadores que no soportan video -->\n\t\t\t\tTu navegador no soporta la reproducci\u00f3n de video.\n\t\t\t<\/video>\n\t\t<\/div>\n\t\t\n\n\n    <style>\n        :root {\n            --ledian-black: #000000;\n            --ledian-white: #ffffff;\n            --ledian-red: #DE2D42;\n            --ledian-red-hover: #c4253a;\n            --ledian-gray-light: #f8f8f8;\n            --ledian-gray-medium: #666666;\n            --ledian-gray-dark: #333333;\n        }\n\n        .ledian-quienes-somos {\n            background: var(--ledian-black);\n            padding: 80px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .ledian-quienes-somos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .ledian-quienes-somos-header {\n            text-align: center;\n            margin-bottom: 60px;\n            opacity: 0;\n            transform: translateY(50px);\n            animation: ledianQuienesFadeInUp 1s ease-out 0.2s forwards;\n        }\n\n        .ledian-quienes-somos-title {\n            font-family: var(--font-title);\n            font-size: clamp(2rem, 5vw, 3rem);\n            font-weight: 700;\n            color: var(--ledian-white);\n            margin-bottom: 20px;\n        }\n\n        .ledian-quienes-somos-subtitle {\n            font-family: var(--font-subtitle);\n            font-size: clamp(1rem, 2.5vw, 1.2rem);\n            color: var(--ledian-red);\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        .ledian-quienes-somos-intro {\n            font-family: var(--font-body);\n            font-size: clamp(0.95rem, 2vw, 1.1rem);\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.6;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        \/* Historia Section *\/\n        .ledian-historia-section {\n            margin-bottom: 80px;\n        }\n\n        .ledian-historia-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            align-items: center;\n            margin-bottom: 50px;\n        }\n\n        .ledian-historia-text {\n            opacity: 0;\n            transform: translateX(-50px);\n            animation: ledianQuienesFadeInLeft 1s ease-out 0.4s forwards;\n        }\n\n        .ledian-historia-text h3 {\n            font-family: var(--font-title);\n            font-size: clamp(1.5rem, 3vw, 2rem);\n            font-weight: 600;\n            color: var(--ledian-white);\n            margin-bottom: 20px;\n        }\n\n        .ledian-historia-text p {\n            font-family: var(--font-body);\n            font-size: clamp(0.9rem, 2vw, 1rem);\n            color: rgba(255, 255, 255, 0.8);\n            line-height: 1.7;\n            margin-bottom: 15px;\n        }\n\n        .ledian-hitos-timeline {\n            opacity: 0;\n            transform: translateX(50px);\n            animation: ledianQuienesFadeInRight 1s ease-out 0.6s forwards;\n        }\n\n        .ledian-hitos-title {\n            font-family: var(--font-title);\n            font-size: clamp(1.3rem, 2.5vw, 1.8rem);\n            font-weight: 600;\n            color: var(--ledian-red);\n            margin-bottom: 25px;\n            text-align: center;\n        }\n\n        .ledian-hito-item {\n            background: rgba(255, 255, 255, 0.05);\n            border-left: 4px solid var(--ledian-red);\n            padding: 20px 25px;\n            margin-bottom: 20px;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n        }\n\n        .ledian-hito-item:hover {\n            background: rgba(255, 255, 255, 0.08);\n            transform: translateX(10px);\n        }\n\n        .ledian-hito-year {\n            font-family: var(--font-title);\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--ledian-red);\n            margin-bottom: 8px;\n        }\n\n        .ledian-hito-text {\n            font-family: var(--font-body);\n            font-size: 0.95rem;\n            color: rgba(255, 255, 255, 0.9);\n            line-height: 1.5;\n        }\n\n        \/* Misi\u00f3n y Visi\u00f3n *\/\n        .ledian-mision-vision {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 80px;\n        }\n\n        .ledian-mision-card,\n        .ledian-vision-card {\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(222, 45, 66, 0.2);\n            border-radius: 12px;\n            padding: 40px 30px;\n            text-align: center;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            position: relative;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(50px);\n        }\n\n        .ledian-mision-card {\n            animation: ledianQuienesFadeInUp 1s ease-out 0.8s forwards;\n        }\n\n        .ledian-vision-card {\n            animation: ledianQuienesFadeInUp 1s ease-out 1s forwards;\n        }\n\n        .ledian-mision-card::before,\n        .ledian-vision-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(222, 45, 66, 0.1), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .ledian-mision-card:hover::before,\n        .ledian-vision-card:hover::before {\n            left: 100%;\n        }\n\n        .ledian-mision-card:hover,\n        .ledian-vision-card:hover {\n            transform: translateY(-10px);\n            border-color: var(--ledian-red);\n            box-shadow: 0 15px 40px rgba(222, 45, 66, 0.2);\n        }\n\n        .ledian-mision-icon,\n        .ledian-vision-icon {\n            font-size: 48px;\n            margin-bottom: 20px;\n            color: var(--ledian-red);\n            transition: all 0.3s ease;\n        }\n\n        .ledian-mision-card:hover .ledian-mision-icon,\n        .ledian-vision-card:hover .ledian-vision-icon {\n            transform: scale(1.1);\n            filter: drop-shadow(0 0 10px rgba(222, 45, 66, 0.5));\n        }\n\n        .ledian-mision-title,\n        .ledian-vision-title {\n            font-family: var(--font-title);\n            font-size: clamp(1.3rem, 2.5vw, 1.8rem);\n            font-weight: 600;\n            color: var(--ledian-white);\n            margin-bottom: 20px;\n        }\n\n        .ledian-mision-text,\n        .ledian-vision-text {\n            font-family: var(--font-body);\n            font-size: clamp(0.9rem, 2vw, 1rem);\n            color: rgba(255, 255, 255, 0.8);\n            line-height: 1.6;\n        }\n\n        \/* Valores *\/\n        .ledian-valores-section {\n            margin-bottom: 60px;\n        }\n\n        .ledian-valores-title {\n            font-family: var(--font-title);\n            font-size: clamp(1.8rem, 4vw, 2.5rem);\n            font-weight: 600;\n            color: var(--ledian-white);\n            text-align: center;\n            margin-bottom: 50px;\n            opacity: 0;\n            transform: translateY(50px);\n            animation: ledianQuienesFadeInUp 1s ease-out 1.2s forwards;\n        }\n\n        .ledian-valores-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            margin-bottom: 50px;\n        }\n\n        .ledian-valor-card {\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(222, 45, 66, 0.2);\n            border-radius: 12px;\n            padding: 25px 20px;\n            text-align: center;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            position: relative;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(50px);\n        }\n\n        .ledian-valor-card:nth-child(1) { animation: ledianQuienesFadeInUp 1s ease-out 1.4s forwards; }\n        .ledian-valor-card:nth-child(2) { animation: ledianQuienesFadeInUp 1s ease-out 1.5s forwards; }\n        .ledian-valor-card:nth-child(3) { animation: ledianQuienesFadeInUp 1s ease-out 1.6s forwards; }\n        .ledian-valor-card:nth-child(4) { animation: ledianQuienesFadeInUp 1s ease-out 1.7s forwards; }\n        .ledian-valor-card:nth-child(5) { animation: ledianQuienesFadeInUp 1s ease-out 1.8s forwards; }\n\n        .ledian-valor-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(222, 45, 66, 0.1), transparent);\n            transition: left 0.5s ease;\n        }\n\n        .ledian-valor-card:hover::before {\n            left: 100%;\n        }\n\n        .ledian-valor-card:hover {\n            transform: translateY(-10px);\n            border-color: var(--ledian-red);\n            box-shadow: 0 15px 40px rgba(222, 45, 66, 0.2);\n        }\n\n        .ledian-valor-icon {\n            font-size: 36px;\n            margin-bottom: 15px;\n            color: var(--ledian-red);\n            transition: all 0.3s ease;\n        }\n\n        .ledian-valor-card:hover .ledian-valor-icon {\n            transform: scale(1.1);\n            filter: drop-shadow(0 0 10px rgba(222, 45, 66, 0.5));\n        }\n\n        .ledian-valor-title {\n            font-family: var(--font-subtitle);\n            font-size: clamp(1rem, 2.5vw, 1.2rem);\n            font-weight: 600;\n            color: var(--ledian-white);\n            margin-bottom: 10px;\n        }\n\n        .ledian-valor-text {\n            font-family: var(--font-body);\n            font-size: clamp(0.85rem, 2vw, 0.95rem);\n            color: rgba(255, 255, 255, 0.8);\n            line-height: 1.5;\n        }\n\n        \/* Creencias *\/\n        .ledian-creencias {\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(222, 45, 66, 0.2);\n            border-radius: 12px;\n            padding: 40px 30px;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(50px);\n            animation: ledianQuienesFadeInUp 1s ease-out 1.9s forwards;\n        }\n\n        .ledian-creencias-title {\n            font-family: var(--font-title);\n            font-size: clamp(1.3rem, 2.5vw, 1.8rem);\n            font-weight: 600;\n            color: var(--ledian-red);\n            margin-bottom: 25px;\n        }\n\n        .ledian-creencias-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 20px;\n        }\n\n        .ledian-creencia-item {\n            padding: 20px 15px;\n            background: rgba(255, 255, 255, 0.03);\n            border-radius: 8px;\n            transition: all 0.3s ease;\n        }\n\n        .ledian-creencia-item:hover {\n            background: rgba(255, 255, 255, 0.08);\n            transform: translateY(-5px);\n        }\n\n        .ledian-creencia-title {\n            font-family: var(--font-subtitle);\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--ledian-white);\n            margin-bottom: 8px;\n        }\n\n        .ledian-creencia-text {\n            font-family: var(--font-body);\n            font-size: 0.9rem;\n            color: rgba(255, 255, 255, 0.8);\n            line-height: 1.5;\n        }\n\n        \/* Animaciones *\/\n        @keyframes ledianQuienesFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes ledianQuienesFadeInLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        @keyframes ledianQuienesFadeInRight {\n            from {\n                opacity: 0;\n                transform: translateX(50px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        \/* Responsive Design *\/\n        @media screen and (max-width: 1024px) {\n            .ledian-historia-content {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n\n            .ledian-mision-vision {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n\n            .ledian-valores-grid {\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n                gap: 20px;\n            }\n        }\n\n        @media screen and (max-width: 768px) {\n            .ledian-quienes-somos {\n                padding: 60px 0;\n            }\n\n            .ledian-quienes-somos-header {\n                margin-bottom: 40px;\n            }\n\n            .ledian-historia-section {\n                margin-bottom: 60px;\n            }\n\n            .ledian-historia-content {\n                gap: 25px;\n            }\n\n            .ledian-mision-vision {\n                gap: 25px;\n            }\n\n            .ledian-mision-card,\n            .ledian-vision-card {\n                padding: 30px 20px;\n            }\n\n            .ledian-valores-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .ledian-creencias-grid {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-quienes-somos {\n                padding: 50px 0;\n            }\n\n            .ledian-hito-item {\n                padding: 15px 20px;\n            }\n\n            .ledian-mision-card,\n            .ledian-vision-card {\n                padding: 25px 15px;\n            }\n\n            .ledian-valor-card {\n                padding: 20px 15px;\n            }\n\n            .ledian-creencias {\n                padding: 30px 20px;\n            }\n        }\n    <\/style>\n\n    <section class=\"ledian-quienes-somos\" id=\"nosotros\">\n        <div class=\"ledian-quienes-somos-container\">\n            <!-- Header -->\n            <div class=\"ledian-quienes-somos-header\">\n                <h2 class=\"ledian-quienes-somos-title\">\u00bfQui\u00e9nes Somos?<\/h2>\n                <p>Primer Concesionario Oficial Yamaha en Catamarca<\/p>\n                <p class=\"ledian-quienes-somos-intro\">\n                    Somos LEDIAN MOTOS, tu concesionario oficial multimarcas que desde 2019 revoluciona \n                    la movilidad en Catamarca y zonas aleda\u00f1as, ofreciendo calidad, transparencia y \n                    una experiencia \u00fanica en cada punto de contacto.\n                <\/p>\n            <\/div>\n\n            <!-- Historia -->\n            <div class=\"ledian-historia-section\">\n                <div class=\"ledian-historia-content\">\n                    <div class=\"ledian-historia-text\">\n                        <h3>Nuestra Historia<\/h3>\n                        <p>\n                            Fundado en <strong>Marzo de 2019<\/strong>, LEDIAN MOTOS naci\u00f3 con la visi\u00f3n de ser \n                            el primer concesionario oficial Yamaha en la provincia de Catamarca. Nuestras \n                            ra\u00edces en el mundo automotriz nos llevaron a ampliar horizontes, constituy\u00e9ndonos \n                            en una marca m\u00e1s s\u00f3lida y enfocada a la movilidad.\n                        <\/p>\n                        <p>\n                            Hoy somos un concesionario centrado en procesos de mejora continua, buscando \n                            perfeccionar e innovar cada punto de contacto con el cliente, proporcionando \n                            la experiencia necesaria para garantizar transparencia y cordialidad.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"ledian-hitos-timeline\">\n                        <h4 class=\"ledian-hitos-title\">Hitos Importantes<\/h4>\n                        <div class=\"ledian-hito-item\">\n                            <div class=\"ledian-hito-year\">2019<\/div>\n                            <div class=\"ledian-hito-text\">Fundaci\u00f3n como primer concesionario oficial Yamaha en Catamarca<\/div>\n                        <\/div>\n                        <div class=\"ledian-hito-item\">\n                            <div class=\"ledian-hito-year\">2020<\/div>\n                            <div class=\"ledian-hito-text\">Incorporaci\u00f3n de CF Moto, Husqvarna y movilidad el\u00e9ctrica con Speedway y Super Socco<\/div>\n                        <\/div>\n                        <div class=\"ledian-hito-item\">\n                            <div class=\"ledian-hito-year\">2021<\/div>\n                            <div class=\"ledian-hito-text\">Suma de movilidad el\u00e9ctrica TITO y modalidad Yamaha Plan Ahorro<\/div>\n                        <\/div>\n                        <div class=\"ledian-hito-item\">\n                            <div class=\"ledian-hito-year\">2022<\/div>\n                            <div class=\"ledian-hito-text\">Incorporaci\u00f3n de Royal Enfield para completar la oferta premium<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Misi\u00f3n y Visi\u00f3n -->\n            <div class=\"ledian-mision-vision\">\n                <div class=\"ledian-mision-card\">\n                    <div class=\"ledian-mision-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n                    <h3 class=\"ledian-mision-title\">Nuestra Misi\u00f3n<\/h3>\n                    <p class=\"ledian-mision-text\">\n                        Garantizar la accesibilidad de movilidad a la comunidad, brindando calidad de atenci\u00f3n \n                        al cliente en torno al asesoramiento, informaci\u00f3n, comunicaci\u00f3n y transparencia en cada \n                        punto de contacto. Generar experiencias \u00fanicas siendo referentes en el mercado.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"ledian-vision-card\">\n                    <div class=\"ledian-vision-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\n                    <h3 class=\"ledian-vision-title\">Nuestra Visi\u00f3n<\/h3>\n                    <p class=\"ledian-vision-text\">\n                        Ser el concesionario de moto-veh\u00edculos de movilidad tradicional y alternativa l\u00edder \n                        en atenci\u00f3n al cliente, est\u00e1ndares de calidad, diversidad de oferta de productos \n                        e innovaci\u00f3n de movilidad.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Valores -->\n            <div class=\"ledian-valores-section\">\n                <h3 class=\"ledian-valores-title\">Nuestros Valores<\/h3>\n                \n                <div class=\"ledian-valores-grid\">\n                    <div class=\"ledian-valor-card\">\n                        <div class=\"ledian-valor-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\n                        <h4 >Altruistas<\/h4>\n                        <p class=\"ledian-valor-text\">Nuestros clientes, ante todo<\/p>\n                    <\/div>\n                    \n                    <div class=\"ledian-valor-card\">\n                        <div class=\"ledian-valor-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\n                        <h4 >Comprometidos<\/h4>\n                        <p class=\"ledian-valor-text\">Cumplimos con los mayores est\u00e1ndares de calidad<\/p>\n                    <\/div>\n                    \n                    <div class=\"ledian-valor-card\">\n                        <div class=\"ledian-valor-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\n                        <h4 >Profesionales<\/h4>\n                        <p class=\"ledian-valor-text\">Dedicados a perfeccionarnos cada d\u00eda<\/p>\n                    <\/div>\n                    \n                    <div class=\"ledian-valor-card\">\n                        <div class=\"ledian-valor-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n                        <h4 >Solidarios<\/h4>\n                        <p class=\"ledian-valor-text\">Potenciamos el bien colectivo de la sociedad<\/p>\n                    <\/div>\n                    \n                    <div class=\"ledian-valor-card\">\n                        <div class=\"ledian-valor-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                        <h4 >Confiables<\/h4>\n                        <p class=\"ledian-valor-text\">Inspiramos seguridad en cada proceso<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Creencias -->\n                <div class=\"ledian-creencias\">\n                    <h4 class=\"ledian-creencias-title\">En lo que creemos para hacer de nuestra marca m\u00e1s fuerte:<\/h4>\n                    <div class=\"ledian-creencias-grid\">\n                        <div class=\"ledian-creencia-item\">\n                            <h5 >La Empat\u00eda<\/h5>\n                            <p class=\"ledian-creencia-text\">Apoyamos a la sociedad en el cuidado de las buenas costumbres<\/p>\n                        <\/div>\n                        <div class=\"ledian-creencia-item\">\n                            <h5 >La Excelencia<\/h5>\n                            <p class=\"ledian-creencia-text\">El ideal que buscamos en nuestras acciones cotidianamente<\/p>\n                        <\/div>\n                        <div class=\"ledian-creencia-item\">\n                            <h5 >La Responsabilidad<\/h5>\n                            <p class=\"ledian-creencia-text\">Nos obligamos al cuidado de nuestros clientes y del medio ambiente<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n\n\n    <style>\n        :root {\n            --ledian-black: #000000;\n            --ledian-white: #ffffff;\n            --ledian-red: #DE2D42;\n            --ledian-red-hover: #c4253a;\n            --ledian-gray-light: #f8f8f8;\n            --ledian-gray-medium: #666666;\n            --ledian-gray-dark: #333333;\n            --font-title: 'Bebas Neue', sans-serif;\n            --font-subtitle: 'Helvetica Neue', sans-serif;\n            --font-body: 'Europa Grotesk SH DemBol', 'Helvetica Neue', sans-serif;\n        }\n\n        .ledian-contacto {\n            background: var(--ledian-white);\n            padding: 80px 0;\n            position: relative;\n        }\n\n        .ledian-contacto-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n        }\n\n        .ledian-contacto-info {\n            padding: 30px;\n            background: rgba(222, 45, 66, 0.05);\n            border-radius: 12px;\n        }\n\n        .ledian-contacto-title {\n            font-family: var(--font-title);\n            font-size: clamp(2rem, 5vw, 2.5rem);\n            font-weight: 700;\n            color: var(--ledian-black);\n            margin-bottom: 30px;\n            position: relative;\n            padding-bottom: 15px;\n        }\n\n        .ledian-contacto-title::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 80px;\n            height: 4px;\n            background: var(--ledian-red);\n        }\n\n        .ledian-contacto-group {\n            margin-bottom: 25px;\n        }\n\n        .ledian-contacto-subtitle {\n            font-family: var(--font-title);\n            font-size: 1.2rem;\n            font-weight: 700;\n            color: var(--ledian-red);\n            margin-bottom: 10px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            -webkit-text-stroke: 0;\n            -webkit-text-fill-color: currentColor;\n            text-rendering: optimizeLegibility;\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n        }\n\n        .ledian-contacto-text {\n            font-family: var(--font-body);\n            font-size: 1rem;\n            color: var(--ledian-gray-dark);\n            line-height: 1.6;\n            margin-bottom: 5px;\n        }\n\n        .ledian-contacto-link {\n            color: var(--ledian-gray-dark);\n            text-decoration: none;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .ledian-contacto-link:hover {\n            color: var(--ledian-red);\n            transform: translateX(5px);\n        }\n\n        .ledian-contacto-form {\n            background: var(--ledian-gray-light);\n            padding: 40px;\n            border-radius: 12px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        }\n\n        .ledian-form-title {\n            font-family: var(--font-title);\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--ledian-black);\n            margin-bottom: 30px;\n        }\n\n        .ledian-form-group {\n            margin-bottom: 20px;\n        }\n\n        .ledian-form-label {\n            display: block;\n            font-family: var(--font-body);\n            font-weight: 600;\n            margin-bottom: 8px;\n            color: var(--ledian-gray-dark);\n        }\n\n        .ledian-form-input,\n        .ledian-form-textarea {\n            width: 100%;\n            padding: 14px;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            font-family: var(--font-body);\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n        }\n\n        .ledian-form-input:focus,\n        .ledian-form-textarea:focus {\n            border-color: var(--ledian-red);\n            box-shadow: 0 0 0 3px rgba(222, 45, 66, 0.2);\n            outline: none;\n        }\n\n        .ledian-form-textarea {\n            min-height: 150px;\n            resize: vertical;\n        }\n\n        .ledian-form-button {\n            background: var(--ledian-red);\n            color: var(--ledian-white);\n            border: none;\n            padding: 15px 40px;\n            border-radius: 50px;\n            font-family: var(--font-title);\n            font-weight: 700;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            position: relative;\n        }\n\n        .ledian-form-button:hover:not(:disabled) {\n            background: var(--ledian-red-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 20px rgba(222, 45, 66, 0.3);\n        }\n\n        .ledian-form-button:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .ledian-contacto-mapa {\n            grid-column: 1 \/ -1;\n            height: 400px;\n            border-radius: 12px;\n            overflow: hidden;\n            margin-top: 30px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        }\n\n        .ledian-contacto-mapa iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* Mensajes de estado *\/\n        .ledian-contact-message {\n            padding: 15px;\n            border-radius: 8px;\n            margin-bottom: 20px;\n            text-align: center;\n            font-family: var(--font-body);\n            font-weight: 600;\n            display: none;\n        }\n\n        .ledian-contact-success {\n            background: #4CAF50;\n            color: white;\n        }\n\n        .ledian-contact-error {\n            background: #f44336;\n            color: white;\n        }\n\n        .ledian-spinner {\n            display: none;\n            width: 20px;\n            height: 20px;\n            border: 2px solid #ffffff;\n            border-top: 2px solid transparent;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        \/* Responsive *\/\n        @media screen and (max-width: 1024px) {\n            .ledian-contacto-container {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media screen and (max-width: 768px) {\n            .ledian-contacto {\n                padding: 60px 0;\n            }\n            \n            .ledian-contacto-form {\n                padding: 30px;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .ledian-contacto {\n                padding: 50px 0;\n            }\n            \n            .ledian-contacto-form {\n                padding: 20px;\n            }\n            \n            .ledian-contacto-mapa {\n                height: 300px;\n            }\n        }\n    <\/style>\n\n    <section class=\"ledian-contacto\" id=\"contacto\">\n        <div class=\"ledian-contacto-container\">\n            <div class=\"ledian-contacto-info\">\n                <h2 class=\"ledian-contacto-title\">Contacto<\/h2>\n                \n                <div class=\"ledian-contacto-group\">\n                    <h3 class=\"ledian-contacto-subtitle\"><i class=\"fas fa-phone-alt\"><\/i> Contacto POSTVENTA<\/h3>\n                    <p class=\"ledian-contacto-text\">+54 383 4044537<\/p>\n                <\/div>\n                \n                <div class=\"ledian-contacto-group\">\n                    <h3 class=\"ledian-contacto-subtitle\"><i class=\"fas fa-map-marker-alt\"><\/i> Sucursales<\/h3>\n                    <p class=\"ledian-contacto-text\"><strong>Yamaha Ventas y Plan Ahorro:<\/strong><br>Av. Belgrano 1550<\/p>\n                    <p class=\"ledian-contacto-text\"><strong>CFMOTO - Husqvarna - Usados:<\/strong><br>Av. Illia 953, esq. Los Churquis<\/p>\n                    <p class=\"ledian-contacto-text\"><strong>Royal Enfield:<\/strong><br>Juan Bellavia s\/n frente al Parque de los Ni\u00f1os<\/p>\n                    <p class=\"ledian-contacto-text\"><strong>Sucursal Yamaha Plan de Ahorro:<\/strong><br>Mota Botello 645 Entre Rivadavia y Salta<\/p>\n                    <p class=\"ledian-contacto-text\">San Fernando del Valle de Catamarca, Argentina<\/p>\n                <\/div>\n                \n                <div class=\"ledian-contacto-group\">\n                    <h3 class=\"ledian-contacto-subtitle\"><i class=\"fas fa-share-alt\"><\/i> Redes Sociales<\/h3>\n                    <p class=\"ledian-contacto-text\">\n                        <a href=\"https:\/\/www.instagram.com\/ledianmotos\/\" target=\"_blank\" class=\"ledian-contacto-link\">\n                            <i class=\"fab fa-instagram\"><\/i> Instagram\n                        <\/a>\n                    <\/p>\n                    <p class=\"ledian-contacto-text\">\n                        <a href=\"https:\/\/www.facebook.com\/LedianMotos\/\" target=\"_blank\" class=\"ledian-contacto-link\">\n                            <i class=\"fab fa-facebook-f\"><\/i> Facebook\n                        <\/a>\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"ledian-contacto-form\">\n                <h3 class=\"ledian-form-title\">Envianos tu consulta<\/h3>\n                \n                <div id=\"ledian-contact-message\" class=\"ledian-contact-message\"><\/div>\n                \n                <form id=\"ledian-contact-form\" method=\"post\">\n                    <input type=\"hidden\" id=\"ledian_contact_nonce\" name=\"ledian_contact_nonce\" value=\"9406b1ce98\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ledianmotos\/wp-json\/wp\/v2\/pages\/10\" \/>                    \n                    <div class=\"ledian-form-group\">\n                        <label class=\"ledian-form-label\" for=\"name\">Nombre completo *<\/label>\n                        <input type=\"text\" name=\"name\" id=\"name\" class=\"ledian-form-input\" required>\n                    <\/div>\n                    \n                    <div class=\"ledian-form-group\">\n                        <label class=\"ledian-form-label\" for=\"email\">Email *<\/label>\n                        <input type=\"email\" name=\"email\" id=\"email\" class=\"ledian-form-input\" required>\n                    <\/div>\n                    \n                    <div class=\"ledian-form-group\">\n                        <label class=\"ledian-form-label\" for=\"phone\">Tel\u00e9fono *<\/label>\n                        <input type=\"tel\" name=\"phone\" id=\"phone\" class=\"ledian-form-input\" required>\n                    <\/div>\n                    \n                    <div class=\"ledian-form-group\">\n                        <label class=\"ledian-form-label\" for=\"subject\">Asunto *<\/label>\n                        <input type=\"text\" name=\"subject\" id=\"subject\" class=\"ledian-form-input\" required>\n                    <\/div>\n                    \n                    <div class=\"ledian-form-group\">\n                        <label class=\"ledian-form-label\" for=\"message\">Mensaje *<\/label>\n                        <textarea name=\"message\" id=\"message\" class=\"ledian-form-textarea\" required><\/textarea>\n                    <\/div>\n                    \n                    <button type=\"submit\" id=\"ledian-submit-btn\" class=\"ledian-form-button\">\n                        <span class=\"ledian-spinner\"><\/span>\n                        <i class=\"fas fa-paper-plane\"><\/i> \n                        <span class=\"button-text\">Enviar mensaje<\/span>\n                    <\/button>\n                <\/form>\n            <\/div>\n            \n            <div class=\"ledian-contacto-mapa\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3477.348904217898!2d-65.78322782399007!3d-28.47139907558693!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x942428b4a3a5a3c3%3A0x1e8b5e4b0e3a3a3a!2sAv.%20Belgrano%201550%2C%20K4700%20Catamarca!5e0!3m2!1ses!2sar!4v1620000000000!5m2!1ses!2sar\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const form = document.getElementById('ledian-contact-form');\n        const messageDiv = document.getElementById('ledian-contact-message');\n        const submitBtn = document.getElementById('ledian-submit-btn');\n        const spinner = submitBtn.querySelector('.ledian-spinner');\n        const buttonText = submitBtn.querySelector('.button-text');\n        \n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            \/\/ Deshabilitar bot\u00f3n y mostrar spinner\n            submitBtn.disabled = true;\n            spinner.style.display = 'inline-block';\n            buttonText.textContent = 'Enviando...';\n            \n            \/\/ Ocultar mensajes previos\n            messageDiv.style.display = 'none';\n            \n            \/\/ Recopilar datos del formulario\n            const formData = new FormData(form);\n            formData.append('action', 'ledian_contact_submit');\n            \n            \/\/ Enviar via AJAX\n            fetch('https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n            .then(response => response.json())\n            .then(data => {\n                if (data.success) {\n                    messageDiv.className = 'ledian-contact-message ledian-contact-success';\n                    messageDiv.textContent = data.data;\n                    form.reset();\n                } else {\n                    messageDiv.className = 'ledian-contact-message ledian-contact-error';\n                    messageDiv.textContent = data.data || 'Error al enviar el mensaje';\n                }\n                messageDiv.style.display = 'block';\n            })\n            .catch(error => {\n                messageDiv.className = 'ledian-contact-message ledian-contact-error';\n                messageDiv.textContent = 'Error de conexi\u00f3n. Intenta nuevamente.';\n                messageDiv.style.display = 'block';\n            })\n            .finally(() => {\n                \/\/ Restaurar bot\u00f3n\n                submitBtn.disabled = false;\n                spinner.style.display = 'none';\n                buttonText.textContent = 'Enviar mensaje';\n            });\n        });\n    });\n    <\/script>\n    \n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);background-color:#ffffff00;color:#ffffff00\"\/>\n\n\n    <style>\n        .ledian-whatsapp-cta {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 9998;\n            background: linear-gradient(135deg, var(--ledian-red, #de2d42) 0%, var(--ledian-red-hover, #c12a3d) 100%);\n            padding: 12px 15px;\n            box-shadow: 0 -4px 15px rgba(0,0,0,0.15);\n            animation: ledianSlideUp 0.6s ease 0.5s forwards;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            transform: translateY(100%);\n        }\n\n        .ledian-whatsapp-content {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            max-width: 1200px;\n            width: 100%;\n            justify-content: center;\n        }\n\n        .ledian-whatsapp-text {\n            font-family: var(--font-title, sans-serif);\n            color: var(--ledian-white, #fff);\n            font-size: clamp(0.9rem, 2.5vw, 1.2rem);\n            text-align: center;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin: 0;\n        }\n\n        .ledian-whatsapp-button {\n            background: var(--ledian-white, #fff);\n            color: var(--ledian-red, #de2d42);\n            text-decoration: none;\n            padding: 10px 20px;\n            border-radius: 50px;\n            font-family: var(--font-title, sans-serif);\n            font-size: clamp(0.9rem, 2.5vw, 1.1rem);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n        }\n\n        .ledian-whatsapp-button:hover {\n            background: var(--ledian-black, #000);\n            color: var(--ledian-white, #fff);\n            transform: translateY(-2px);\n        }\n\n        @keyframes ledianSlideUp {\n            to { transform: translateY(0); opacity: 1; }\n        }\n\n        @media (max-width: 768px) {\n            .ledian-whatsapp-content { flex-direction: column; gap: 8px; }\n            .ledian-whatsapp-cta { padding: 10px; }\n            .ledian-whatsapp-text { font-size: clamp(0.8rem, 3vw, 1rem); }\n        }\n    <\/style>\n\n    <div class=\"ledian-whatsapp-cta\">\n        <div class=\"ledian-whatsapp-content\">\n            <p class=\"ledian-whatsapp-text\">\u00bfTienes dudas? \u00a1Chatea con nosotros por WhatsApp!<\/p>\n            <a href=\"https:\/\/wa.me\/5493834085829\" target=\"_blank\" rel=\"noopener\" class=\"ledian-whatsapp-button\">\n                <i class=\"fab fa-whatsapp\"><\/i>\n                Enviar mensaje\n            <\/a>\n        <\/div>\n    <\/div>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/public\/views\/revslider-page-template.php","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":"","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-10","page","type-page","status-publish","hentry","desktop-align-left","tablet-align-left","mobile-align-left"],"_links":{"self":[{"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":25,"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/pages\/10\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/elitemarketingdigital.com.ar\/ledianmotos\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}