{"id":2181,"date":"2025-06-06T21:52:16","date_gmt":"2025-06-06T21:52:16","guid":{"rendered":"https:\/\/renbikemotors.com\/catalogo-mayorista\/?page_id=2181"},"modified":"2026-07-16T20:44:53","modified_gmt":"2026-07-16T20:44:53","slug":"login","status":"publish","type":"page","link":"https:\/\/renbikemotors.com\/catalogo-mayorista\/","title":{"rendered":"CATALOGO 2"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Cat\u00e1logo RENBIKE MOTORS<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/renbikemotors.com\">\n <link rel=\"preconnect\" href=\"https:\/\/drive.google.com\">\n\n <script>\n (function cleanupOldElementorPopups() {\n const popupSelector = '[data-elementor-type=\"popup\"], .elementor-location-popup';\n\n function removePopupTree(root) {\n if (!root || root.nodeType !== 1) return;\n\n if (root.matches && root.matches(popupSelector)) {\n root.remove();\n return;\n }\n\n if (root.querySelectorAll) {\n root.querySelectorAll(popupSelector).forEach((popup) => popup.remove());\n }\n }\n\n function removeDuplicateTailwindScripts() {\n const scripts = Array.from(document.querySelectorAll('script[src*=\"cdn.tailwindcss.com\"]'));\n scripts.forEach((script, index) => {\n if (index > 0) script.remove();\n });\n }\n\n removePopupTree(document.documentElement);\n removeDuplicateTailwindScripts();\n\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n mutation.addedNodes.forEach((node) => {\n removePopupTree(node);\n });\n });\n\n removeDuplicateTailwindScripts();\n });\n\n observer.observe(document.documentElement, {\n childList: true,\n subtree: true\n });\n\n document.addEventListener(\"DOMContentLoaded\", function() {\n removePopupTree(document.documentElement);\n removeDuplicateTailwindScripts();\n });\n })();\n <\/script>\n\n <style>\n *,\n *::before,\n *::after {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n background: #0e0e0e;\n color: #ffffff;\n font-family: Arial, Helvetica, sans-serif;\n }\n\n header {\n background: #000000;\n color: #ffffff;\n padding: 1rem 0.5rem;\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);\n }\n\n header h1 {\n margin: 0;\n text-align: center;\n font-size: clamp(1.85rem, 4vw, 3rem);\n line-height: 1.12;\n font-weight: 800;\n letter-spacing: 0;\n }\n\n main {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 2rem;\n width: min(100%, 80rem);\n margin: 0 auto;\n padding: 2rem 1rem 0;\n }\n\n main > div {\n overflow: hidden;\n border: 1px solid #374151;\n border-radius: 0.75rem;\n background: #1a1a1a;\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);\n }\n\n .catalog-img-wrap img {\n display: block;\n width: 100%;\n height: 16rem;\n object-fit: cover;\n cursor: pointer;\n }\n\n main > div > .p-6 {\n padding: 1.5rem;\n text-align: center;\n }\n\n main h3 {\n margin: 0 0 1rem;\n color: #ffffff;\n font-size: 1.25rem;\n line-height: 1.25;\n font-weight: 700;\n }\n\n main p {\n margin: 0 0 1rem;\n color: #9ca3af;\n font-size: 0.875rem;\n }\n\n main button,\n main a[download],\n .more-catalogs-btn,\n #pdfModal button {\n appearance: none;\n border: 0;\n cursor: pointer;\n text-decoration: none;\n transition: background-color 0.18s ease, transform 0.18s ease;\n }\n\n main button[onclick^=\"openPDF\"],\n main a[download] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n border-radius: 999px;\n padding: 0.5rem 1.25rem;\n color: #ffffff;\n font-size: 0.875rem;\n }\n\n main button[onclick^=\"openPDF\"] {\n margin-bottom: 0.75rem;\n background: #dc2626;\n }\n\n main button[onclick^=\"openPDF\"]:hover,\n #pdfModal button:hover,\n .more-catalogs-btn:hover {\n background: #b91c1c;\n }\n\n main a[download] {\n background: #374151;\n }\n\n main a[download]:hover {\n background: #1f2937;\n }\n\n .catalog-more-wrap {\n margin: 2.5rem 0 1.5rem;\n padding: 0 1rem;\n text-align: center;\n }\n\n #moreCatalogsText {\n margin: 0 0 0.75rem;\n color: #f87171;\n font-size: clamp(0.875rem, 2vw, 1.25rem);\n font-weight: 700;\n }\n\n .more-catalogs-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n min-width: min(100%, 440px);\n border: 1px solid rgba(248, 113, 113, 0.4);\n border-radius: 999px;\n background: #dc2626;\n color: #ffffff;\n padding: 1rem 2rem;\n font-weight: 700;\n box-shadow: 0 12px 24px rgba(127, 29, 29, 0.3);\n }\n\n #pdfModal {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.8);\n }\n\n #pdfModal.hidden {\n display: none;\n }\n\n #pdfContent {\n position: relative;\n width: 90%;\n height: 90%;\n max-width: 64rem;\n overflow: hidden;\n border-radius: 0.5rem;\n background: #000000;\n box-shadow: 0 24px 70px rgba(0, 0, 0, 0.65);\n }\n\n #pdfModal button {\n position: absolute;\n top: 0.5rem;\n right: 0.5rem;\n z-index: 10;\n border-radius: 999px;\n background: #dc2626;\n color: #ffffff;\n padding: 0.25rem 0.75rem;\n font-size: 0.875rem;\n font-weight: 800;\n }\n\n #pdfFrame {\n width: 100%;\n height: 100%;\n border: 0;\n border-radius: 0.5rem;\n }\n\n footer {\n margin-top: 2.5rem;\n background: #000000;\n color: #9ca3af;\n padding: 1.5rem 1rem;\n text-align: center;\n font-size: 0.875rem;\n }\n\n footer p {\n margin: 0;\n }\n\n @media (max-width: 900px) {\n main {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n\n .push-animate {\n transition: transform 0.2s ease;\n will-change: transform;\n }\n\n .push-animate:hover {\n transform: scale(0.985);\n }\n\n .push-animate.clicked {\n transform: scale(0.985);\n }\n\n .catalog-hidden {\n display: none;\n }\n\n #pdfModal {\n backdrop-filter: blur(3px);\n }\n\n #pdfContent {\n animation: fadeIn 0.25s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.97); }\n to { opacity: 1; transform: scale(1); }\n }\n\n .catalog-img-wrap {\n background: #111;\n min-height: 240px;\n }\n\n .catalog-img-wrap img[data-src] {\n background: linear-gradient(110deg, #161616 8%, #242424 18%, #161616 33%);\n background-size: 200% 100%;\n animation: coverPlaceholder 1.1s linear infinite;\n }\n\n @keyframes coverPlaceholder {\n to { background-position-x: -200%; }\n }\n\n\n .more-catalogs-btn {\n animation: softPulse 1.8s ease-in-out infinite;\n will-change: transform;\n }\n\n .more-catalogs-arrow {\n display: inline-block;\n animation: arrowBounce 1s ease-in-out infinite;\n }\n\n @keyframes softPulse {\n 0%, 100% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.45);\n }\n\n 50% {\n transform: scale(1.035);\n box-shadow: 0 0 0 9px rgba(220, 38, 38, 0);\n }\n }\n\n @keyframes arrowBounce {\n 0%, 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(4px);\n }\n }\n\n main button[onclick^=\"openPDF\"] {\n animation: viewCatalogPulse 2.4s ease-in-out infinite;\n will-change: transform;\n }\n\n main button[onclick^=\"openPDF\"]:hover {\n animation-play-state: paused;\n }\n\n @keyframes viewCatalogPulse {\n 0%, 100% {\n transform: scale(1);\n box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.28);\n }\n\n 50% {\n transform: scale(1.025);\n box-shadow: 0 0 0 6px rgba(220, 38, 38, 0);\n }\n }\n\n .view-catalog-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n animation: viewIconBlink 1.8s ease-in-out infinite;\n }\n\n @keyframes viewIconBlink {\n 0%, 100% {\n transform: scale(1);\n opacity: 1;\n }\n\n 50% {\n transform: scale(1.12);\n opacity: 0.75;\n }\n }\n\n\n .mobile-komi-profile,\n .mobile-carousel-hint {\n display: none;\n }\n\n .patriotic-confetti {\n position: fixed;\n inset: 0;\n z-index: 9998;\n pointer-events: none;\n overflow: hidden;\n }\n\n .patriotic-confetti span {\n position: absolute;\n top: -24px;\n width: 9px;\n height: 16px;\n border-radius: 2px;\n background: #ef233c;\n opacity: 0.95;\n animation: patrioticConfettiFall linear forwards;\n }\n\n .patriotic-confetti span:nth-child(3n) {\n background: #ffffff;\n }\n\n .patriotic-confetti span:nth-child(4n) {\n width: 7px;\n height: 7px;\n border-radius: 999px;\n }\n\n .patriotic-confetti span:nth-child(5n) {\n background: #d90429;\n height: 20px;\n }\n\n @keyframes patrioticConfettiFall {\n 0% {\n transform: translate3d(0, -30px, 0) rotate(0deg);\n opacity: 0;\n }\n\n 12% {\n opacity: 1;\n }\n\n 100% {\n transform: translate3d(var(--drift), 108vh, 0) rotate(var(--spin));\n opacity: 0;\n }\n }\n\n .patriotic-fireworks {\n position: fixed;\n inset: 0;\n z-index: 9997;\n pointer-events: none;\n overflow: hidden;\n background:\n radial-gradient(circle at 50% 24%, rgba(120, 18, 18, 0.22), transparent 34%),\n radial-gradient(circle at 20% 72%, rgba(255, 214, 118, 0.14), transparent 22%),\n linear-gradient(180deg, rgba(0, 0, 0, 0.88) 0%, rgba(3, 3, 5, 0.86) 62%, rgba(12, 6, 4, 0.82) 100%);\n animation: fireworksSceneOut 3.5s ease forwards;\n }\n\n .patriotic-fireworks::before,\n .patriotic-fireworks::after {\n content: \"\";\n position: absolute;\n inset: 0;\n pointer-events: none;\n }\n\n .patriotic-fireworks::before {\n background-image:\n radial-gradient(circle, rgba(255, 255, 255, 0.72) 0 1px, transparent 1.6px),\n radial-gradient(circle, rgba(239, 35, 60, 0.75) 0 1px, transparent 1.8px),\n radial-gradient(circle, rgba(255, 214, 118, 0.72) 0 1px, transparent 1.8px);\n background-size: 140px 120px, 190px 150px, 230px 180px;\n background-position: 10px 18px, 80px 38px, 30px 70px;\n opacity: 0.38;\n animation: twinkleSky 2.4s ease-in-out infinite;\n }\n\n .patriotic-fireworks::after {\n top: auto;\n height: 34%;\n background:\n radial-gradient(ellipse at 50% 100%, rgba(245, 197, 113, 0.22), transparent 58%),\n linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.62));\n opacity: 0.85;\n }\n\n .firework {\n position: absolute;\n left: var(--x);\n top: var(--y);\n width: 1px;\n height: 1px;\n color: var(--color);\n opacity: 0;\n animation: fireworkCore 1.1s ease-out forwards;\n animation-delay: var(--delay);\n }\n\n .firework::before {\n content: \"\";\n position: absolute;\n left: -5px;\n top: -5px;\n width: 10px;\n height: 10px;\n border-radius: 999px;\n background: currentColor;\n box-shadow: 0 0 18px 8px currentColor, 0 0 42px 15px rgba(255, 255, 255, 0.28);\n }\n\n .firework-ray,\n .firework-spark {\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n transform-origin: 0 50%;\n opacity: 0;\n animation-delay: var(--delay);\n }\n\n .firework-ray {\n width: clamp(54px, 8vw, 128px);\n height: 2px;\n border-radius: 999px;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), currentColor 42%, rgba(255, 255, 255, 0));\n box-shadow: 0 0 10px 2px currentColor;\n animation: fireworkRay 1.1s cubic-bezier(.16, .84, .28, 1) forwards;\n }\n\n .firework-spark {\n width: 5px;\n height: 5px;\n border-radius: 999px;\n background: currentColor;\n box-shadow: 0 0 12px 4px currentColor;\n animation: fireworkSpark 1.05s ease-out forwards;\n }\n\n .patriotic-fireworks-message {\n position: absolute;\n left: 50%;\n top: 54%;\n width: min(92vw, 760px);\n transform: translate(-50%, -50%) scale(0.88);\n display: grid;\n gap: 0.02em;\n justify-items: center;\n text-align: center;\n text-transform: uppercase;\n opacity: 0;\n padding: clamp(18px, 3.5vw, 38px) clamp(18px, 4vw, 46px);\n border-radius: 18px;\n background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.38) 48%, rgba(0, 0, 0, 0) 74%);\n filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.84));\n animation: patrioticMessageReveal 3.2s ease forwards;\n animation-delay: 0.25s;\n }\n\n .patriotic-fireworks-message .line {\n position: relative;\n font-size: clamp(2.15rem, 7.6vw, 5.9rem);\n font-weight: 950;\n line-height: 0.9;\n letter-spacing: 0;\n color: var(--line-color);\n -webkit-text-stroke: clamp(1px, 0.16vw, 2px) rgba(255, 255, 255, 0.72);\n text-shadow:\n 0 0 6px var(--line-glow),\n 0 0 15px var(--line-glow),\n 0 4px 0 rgba(60, 0, 0, 0.55),\n 0 8px 18px rgba(0, 0, 0, 0.96);\n }\n\n .patriotic-fireworks-message .line::before {\n content: attr(data-text);\n position: absolute;\n inset: 0;\n z-index: -1;\n color: rgba(255, 255, 255, 0.18);\n -webkit-text-stroke: 0;\n transform: translate(8px, 8px);\n filter: blur(1px);\n opacity: 0.45;\n }\n\n .patriotic-fireworks-message .line::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n z-index: -2;\n width: 104%;\n height: 70%;\n border-radius: 999px;\n transform: translate(-50%, -50%);\n background: radial-gradient(ellipse at center, var(--line-glow), transparent 68%);\n filter: blur(12px);\n opacity: 0.28;\n animation: letterSparks 1.8s ease-in-out infinite;\n }\n\n .patriotic-fireworks-message .line-sparks {\n position: absolute;\n inset: 0;\n pointer-events: none;\n text-shadow:\n -28px -12px 0 rgba(255, 255, 255, 0.72),\n 28px 10px 0 var(--line-glow),\n -18px 18px 0 var(--line-glow),\n 20px -18px 0 rgba(255, 255, 255, 0.68);\n opacity: 0.34;\n animation: letterSparkDots 1s ease-in-out infinite;\n }\n\n .patriotic-fireworks-message .line-red {\n --line-color: #ff2b2b;\n --line-glow: rgba(255, 43, 43, 0.95);\n }\n\n .patriotic-fireworks-message .line-white {\n --line-color: #fff6dc;\n --line-glow: rgba(255, 236, 190, 0.95);\n }\n\n .patriotic-mini-flag {\n display: grid;\n grid-template-columns: repeat(3, minmax(28px, 48px));\n height: clamp(22px, 4vw, 42px);\n margin-top: clamp(8px, 1.6vw, 16px);\n border-radius: 3px;\n overflow: hidden;\n box-shadow:\n 0 0 12px rgba(255, 255, 255, 0.72),\n 0 0 26px rgba(239, 35, 60, 0.78),\n 0 8px 22px rgba(0, 0, 0, 0.84);\n opacity: 0;\n animation: flagSparkIn 2.7s ease forwards;\n animation-delay: 0.55s;\n }\n\n .patriotic-mini-flag i {\n display: block;\n background: #ef233c;\n box-shadow: inset 0 0 14px rgba(255, 255, 255, 0.28);\n }\n\n .patriotic-mini-flag i:nth-child(2) {\n background: #fff7e6;\n }\n\n @keyframes fireworksSceneOut {\n 0%, 84% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes twinkleSky {\n 0%, 100% {\n opacity: 0.24;\n }\n\n 50% {\n opacity: 0.48;\n }\n }\n\n @keyframes fireworkCore {\n 0% {\n opacity: 0;\n transform: scale(0.35);\n }\n\n 16%, 74% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n transform: scale(1.08);\n }\n }\n\n @keyframes fireworkRay {\n 0% {\n opacity: 0;\n transform: rotate(var(--angle)) translateX(0) scaleX(0);\n }\n\n 16% {\n opacity: 1;\n }\n\n 78% {\n opacity: 0.98;\n transform: rotate(var(--angle)) translateX(var(--distance)) scaleX(1);\n }\n\n 100% {\n opacity: 0;\n transform: rotate(var(--angle)) translateX(calc(var(--distance) * 1.15)) scaleX(0.35);\n }\n }\n\n @keyframes fireworkSpark {\n 0% {\n opacity: 0;\n transform: rotate(var(--angle)) translateX(0) scale(0.3);\n }\n\n 20%, 70% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n transform: rotate(var(--angle)) translateX(calc(var(--distance) * 1.3)) translateY(28px) scale(0.6);\n }\n }\n\n @keyframes patrioticMessageReveal {\n 0% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0.72);\n filter: blur(3px);\n }\n\n 18%, 78% {\n opacity: 1;\n transform: translate(-50%, -50%) scale(1);\n filter: blur(0);\n }\n\n 100% {\n opacity: 0;\n transform: translate(-50%, -50%) scale(1.04);\n filter: blur(2px);\n }\n }\n\n @keyframes letterSparks {\n 0%, 100% {\n opacity: 0.18;\n }\n\n 50% {\n opacity: 0.36;\n }\n }\n\n @keyframes letterSparkDots {\n 0%, 100% {\n opacity: 0.18;\n transform: scale(0.98);\n }\n\n 50% {\n opacity: 0.48;\n transform: scale(1.02);\n }\n }\n\n @keyframes flagSparkIn {\n 0%, 12% {\n opacity: 0;\n transform: translateY(8px) scale(0.82);\n }\n\n 28%, 84% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n\n 100% {\n opacity: 0;\n transform: translateY(0) scale(1.04);\n }\n }\n\n @media (max-width: 640px) {\n body {\n background: #101010;\n }\n\n header {\n display: none;\n }\n\n .mobile-komi-profile {\n display: block;\n padding: 18px 18px 10px;\n text-align: center;\n background:\n linear-gradient(180deg, #050505 0%, #101010 78%, #101010 100%);\n }\n\n .mobile-logo-box {\n min-height: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-top: 8px;\n }\n\n .mobile-logo-img {\n width: min(100%, 520px);\n height: auto;\n display: block;\n margin: 0 auto -18px;\n }\n\n .mobile-socials {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 26px;\n margin-top: 4px;\n color: #fff;\n }\n\n .mobile-socials a {\n width: 26px;\n height: 26px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n text-decoration: none;\n }\n\n .mobile-socials svg {\n width: 100%;\n height: 100%;\n }\n\n .mobile-tabs {\n display: flex;\n justify-content: center;\n gap: 18px;\n overflow-x: auto;\n padding: 26px 0 8px;\n scrollbar-width: none;\n }\n\n .mobile-tabs::-webkit-scrollbar {\n display: none;\n }\n\n .mobile-tab {\n flex: 0 0 auto;\n color: #fff;\n font-size: 1.12rem;\n font-weight: 800;\n white-space: nowrap;\n }\n\n .mobile-tab-active {\n background: #3a3a3a;\n border-radius: 10px;\n padding: 7px 14px;\n }\n\n main {\n display: flex !important;\n grid-template-columns: none !important;\n gap: 16px !important;\n max-width: none !important;\n width: 100%;\n margin: 0 !important;\n padding: 0 18px 22px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scrollbar-width: none;\n }\n\n main::-webkit-scrollbar {\n display: none;\n }\n\n .extra-catalog.catalog-hidden {\n display: block;\n }\n\n main > div {\n flex: 0 0 90%;\n min-width: 185px;\n max-width: 245px;\n scroll-snap-align: start;\n border-radius: 14px !important;\n background: transparent !important;\n border: 0 !important;\n box-shadow: none !important;\n overflow: visible !important;\n }\n\n .catalog-img-wrap {\n min-height: 0;\n aspect-ratio: 16 \/ 10;\n border-radius: 14px;\n overflow: hidden;\n background: #181818;\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);\n }\n\n .catalog-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center;\n display: block;\n }\n\n main > div > .p-6 {\n padding: 12px 0 0 !important;\n text-align: left !important;\n }\n\n main h3 {\n color: #ffffff !important;\n font-size: 1rem !important;\n line-height: 1.1 !important;\n margin-bottom: 8px !important;\n font-weight: 900 !important;\n }\n\n main p {\n display: none;\n }\n\n main button[onclick^=\"openPDF\"] {\n margin: 0 0 8px 0 !important;\n width: 100%;\n background: transparent !important;\n border: 1px solid #ef4444;\n color: #ef4444 !important;\n font-weight: 800;\n font-size: 0.82rem;\n padding: 8px 10px;\n animation: viewCatalogPulse 2.4s ease-in-out infinite;\n }\n\n main a[download] {\n display: inline-flex !important;\n width: 100%;\n margin: 0 !important;\n background: rgba(255, 255, 255, 0.12) !important;\n border: 1px solid rgba(255, 255, 255, 0.28);\n color: #fff !important;\n font-size: 0.82rem;\n padding: 8px 10px;\n }\n\n .view-catalog-icon {\n display: inline-block !important;\n width: 16px;\n height: 16px;\n animation: viewIconBlink 1.8s ease-in-out infinite;\n }\n\n .catalog-more-wrap {\n display: none;\n }\n\n .mobile-carousel-hint {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n color: #ef4444;\n font-size: 0.95rem;\n font-weight: 800;\n margin: -8px 0 22px;\n }\n\n .mobile-hint-arrow {\n display: inline-block;\n font-size: 1.5rem;\n animation: mobileArrowRight 1s ease-in-out infinite;\n }\n\n @keyframes mobileArrowRight {\n 0%, 100% {\n transform: translateX(0);\n }\n\n 50% {\n transform: translateX(8px);\n }\n }\n\n footer {\n margin-top: 10px !important;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .more-catalogs-btn,\n .more-catalogs-arrow,\n main button[onclick^=\"openPDF\"],\n .view-catalog-icon,\n .mobile-hint-arrow,\n .patriotic-confetti span,\n .firework,\n .patriotic-fireworks-message,\n .patriotic-fireworks::before {\n animation: none;\n }\n\n .patriotic-confetti,\n .patriotic-fireworks {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-[#0e0e0e] text-white\">\n\n <header class=\"bg-black text-white py-4 shadow-md px-2 sm:px-6\">\n <h1 class=\"text-3xl font-bold text-center tracking-wide\">CAT\u00c1LOGO MAYORISTA<br>RENBIKE MOTORS<\/h1>\n <\/header>\n\n <section class=\"mobile-komi-profile\">\n <div class=\"mobile-logo-box\">\n <img fetchpriority=\"high\"\n src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/Imglogo-rb.webp\"\n alt=\"RENBIKE MOTORS Distribuidor Oficial\"\n class=\"mobile-logo-img\"\n loading=\"eager\"\n decoding=\"async\"\n width=\"900\"\n height=\"520\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n\n <div class=\"mobile-socials\">\n <a href=\"https:\/\/www.instagram.com\/renbikemotors?igsh=c3NucDE5enpmbnRj\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram RENBIKE MOTORS\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <circle cx=\"17\" cy=\"7\" r=\"1.2\" fill=\"currentColor\"\/>\n <\/svg>\n <\/a>\n\n <a href=\"https:\/\/www.tiktok.com\/@renbikemotors\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok RENBIKE MOTORS\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M15.5 3c.5 3 2.2 4.8 5 5v3.2c-1.9 0-3.5-.6-5-1.7v6.7c0 3.1-2.2 5.3-5.4 5.3-3 0-5.1-2-5.1-4.8 0-3 2.3-5 5.6-5 .4 0 .8 0 1.1.1v3.4c-.3-.1-.7-.2-1.1-.2-1.4 0-2.3.7-2.3 1.8 0 1 .8 1.7 1.9 1.7 1.3 0 2-.8 2-2.3V3h3.3z\"\/>\n <\/svg>\n <\/a>\n\n <a href=\"https:\/\/www.facebook.com\/share\/1GH3e5iZuR\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook RENBIKE MOTORS\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M13.5 21v-7h2.4l.4-3h-2.8V9.1c0-.9.3-1.5 1.6-1.5h1.4V4.9c-.7-.1-1.5-.2-2.3-.2-2.5 0-4.2 1.5-4.2 4.2V11H7.5v3H10v7h3.5z\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <nav class=\"mobile-tabs\" aria-label=\"Secci\u00f3n del cat\u00e1logo\">\n <span class=\"mobile-tab mobile-tab-active\">Cat\u00e1logos Mayoristas<\/span>\n <\/nav>\n <\/section>\n\n <main class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 max-w-7xl mx-auto px-4 pt-8\">\n\n <!-- 1 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate\">\n <div class=\"catalog-img-wrap\">\n <img fetchpriority=\"high\"\n src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_33_23.webp\"\n alt=\"Tunning para Moto\"\n loading=\"eager\"\n fetchpriority=\"high\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1lqRFcxUSwBUqAc-FlnuOom2kYv-AYp4y\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Tuning<br>para moto<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1lqRFcxUSwBUqAc-FlnuOom2kYv-AYp4y\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1lqRFcxUSwBUqAc-FlnuOom2kYv-AYp4y\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 2 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\" fetchpriority=\"high\"\n src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_35_15.webp\"\n alt=\"Accesorios para Cascos\"\n loading=\"lazy\"\n fetchpriority=\"high\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/14u8NnzqZ8Kau7ZY3uXcSBEX7SbdR8GYK\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Accesorios<br>para casco<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/14u8NnzqZ8Kau7ZY3uXcSBEX7SbdR8GYK\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=14u8NnzqZ8Kau7ZY3uXcSBEX7SbdR8GYK\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 3 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\" fetchpriority=\"high\"\n src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_37_47.webp\"\n alt=\"Accesorios para Moto\"\n loading=\"lazy\"\n fetchpriority=\"high\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1HwfNchT-FBsOXoreISTc_SQEE4g0FOzS\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Accesorios<br>para moto<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1HwfNchT-FBsOXoreISTc_SQEE4g0FOzS\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1HwfNchT-FBsOXoreISTc_SQEE4g0FOzS\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 4 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_26_48.webp\"\n alt=\"Guantes y Mitones\"\n loading=\"lazy\"\n fetchpriority=\"low\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1-HzHGPADRik5LYhdLecaS52L221qDK9B\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Guantes<br>Mitones<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1-HzHGPADRik5LYhdLecaS52L221qDK9B\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1-HzHGPADRik5LYhdLecaS52L221qDK9B\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 5 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_23_48.webp\"\n alt=\"Indumentaria y Protecci\u00f3n\"\n loading=\"lazy\"\n fetchpriority=\"low\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1HkWc_fha3irdkvZoYv6czG1qhK0iHL2r\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de trajes<br>Protecci\u00f3n<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1HkWc_fha3irdkvZoYv6czG1qhK0iHL2r\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1HkWc_fha3irdkvZoYv6czG1qhK0iHL2r\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 6 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-09-at-15.32.42.webp\"\n alt=\"Motos El\u00e9ctricas para Ni\u00f1os\"\n loading=\"lazy\"\n fetchpriority=\"low\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1lLH9gsPJ3XNK9oXbH6tYans8Q7nd0V-1\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Motos<br>electricas para ni\u00f1os<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1lLH9gsPJ3XNK9oXbH6tYans8Q7nd0V-1\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1lLH9gsPJ3XNK9oXbH6tYans8Q7nd0V-1\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 7 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate catalog-hidden extra-catalog\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-08-at-10.54.23.webp\"\n alt=\"Cajuelas \/ Top-Case\"\n loading=\"lazy\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1l1BgUrHAM1ABRUdsCPpSOYqS4ILB98R1\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Cajuelas<br>Top-Case<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1l1BgUrHAM1ABRUdsCPpSOYqS4ILB98R1\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1l1BgUrHAM1ABRUdsCPpSOYqS4ILB98R1\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 8 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate catalog-hidden extra-catalog\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_41_06.webp\"\n alt=\"Cascos de Ciclismo BatFox\"\n loading=\"lazy\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/11oaT6PDMDQRmEfqLMX3V3u63iNvgkXn5\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Cascos de Ciclismo BatFox<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/11oaT6PDMDQRmEfqLMX3V3u63iNvgkXn5\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=11oaT6PDMDQRmEfqLMX3V3u63iNvgkXn5\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 9 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate catalog-hidden extra-catalog\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-18_44_45.webp\"\n alt=\"Accesorios de Ciclismo\"\n loading=\"lazy\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1pvEwb--0ECLqLBQqzkjWHg676QzUb4_j\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Accesorios<br>de Ciclismo<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1pvEwb--0ECLqLBQqzkjWHg676QzUb4_j\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1pvEwb--0ECLqLBQqzkjWHg676QzUb4_j\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- 10 -->\n <div class=\"bg-[#1a1a1a] border border-gray-700 rounded-xl overflow-hidden shadow-lg push-animate catalog-hidden extra-catalog\">\n <div class=\"catalog-img-wrap\">\n <img loading=\"lazy\"\n src=\"data:image\/svg+xml,%3Csvg%20xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%20viewBox=%220%200%20600%20400%22%3E%3Crect%20width=%22600%22%20height=%22400%22%20fill=%22%23181818%22\/%3E%3C\/svg%3E\" data-src=\"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-5-jun-2026-17_32_45.webp\"\n alt=\"Motos El\u00e9ctricas para Ni\u00f1os\"\n loading=\"lazy\"\n decoding=\"async\"\n width=\"600\"\n height=\"400\"\n class=\"w-full h-64 object-cover cursor-pointer\"\n onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1ZdBh7R9xQ9oqDpCpQY3BpkPlJFClgBde\/preview')\"\n onerror=\"this.style.display='none';\" \/>\n <\/div>\n <div class=\"p-6 text-center\">\n <h3 class=\"text-xl font-semibold mb-4 leading-tight text-white\">Cat\u00e1logo de Motos<br>electricas para ni\u00f1os<\/h3>\n <p class=\"text-sm text-gray-400 mb-4\">Cat\u00e1logo Mayorista<\/p>\n\n <button onclick=\"openPDF('https:\/\/drive.google.com\/file\/d\/1ZdBh7R9xQ9oqDpCpQY3BpkPlJFClgBde\/preview')\" class=\"bg-red-600 hover:bg-red-700 text-white text-sm py-2 px-5 rounded-full mb-3 w-fit mx-auto flex items-center justify-center gap-2 transition\">\n <span>Ver Cat\u00e1logo<\/span>\n <\/button>\n\n <a href=\"https:\/\/drive.google.com\/uc?export=download&id=1ZdBh7R9xQ9oqDpCpQY3BpkPlJFClgBde\" class=\"bg-gray-700 hover:bg-gray-800 text-white text-sm py-2 px-5 rounded-full w-fit mx-auto inline-flex items-center justify-center gap-2 transition\" download>\n <span>Descargar PDF<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/main>\n\n <div class=\"mobile-carousel-hint\">\n <span>Desliza para ver m\u00e1s cat\u00e1logos<\/span>\n <span class=\"mobile-hint-arrow\">\u2192<\/span>\n <\/div>\n\n <div class=\"catalog-more-wrap text-center mt-10 mb-6 px-4\">\n <p id=\"moreCatalogsText\" class=\"text-red-400 text-sm sm:text-base md:text-xl font-semibold mb-3 md:mb-4\">\n Hay 4 cat\u00e1logos m\u00e1s disponibles\n <\/p>\n\n <button id=\"toggleCatalogsBtn\" class=\"more-catalogs-btn bg-red-600 hover:bg-red-700 text-white font-semibold px-8 py-4 md:px-14 md:py-5 md:min-w-[440px] md:text-xl rounded-full shadow-lg shadow-red-900\/30 border border-red-400\/40 transition inline-flex items-center justify-center gap-2 md:gap-4\">\n <span>Ver m\u00e1s cat\u00e1logos<\/span>\n <span class=\"more-catalogs-arrow text-xl md:text-3xl leading-none\">\u2193<\/span>\n <\/button>\n <\/div>\n\n <div id=\"pdfModal\" class=\"fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50 hidden\" onclick=\"clickOutsideModal(event)\">\n <div id=\"pdfContent\" class=\"relative bg-black rounded-lg overflow-hidden w-[90%] h-[90%] max-w-5xl shadow-2xl\">\n <button onclick=\"closePDF()\" class=\"absolute top-2 right-2 z-10 text-white bg-red-600 hover:bg-red-700 rounded-full px-3 py-1 text-sm font-bold\">\n \u2715 Cerrar\n <\/button>\n <iframe\n id=\"pdfFrame\"\n src=\"\"\n class=\"w-full h-full border-none rounded-lg\"\n referrerpolicy=\"no-referrer-when-downgrade\">\n <\/iframe>\n <\/div>\n <\/div>\n\n <footer class=\"bg-black text-gray-400 text-sm py-6 mt-10\">\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\n <p>ADVENTURE MOTORS S.A.C. | RUC: 20606178779 <br>© 2026 RENBIKE MOTORS - Todos los derechos reservados.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n const pdfFrame = document.getElementById(\"pdfFrame\");\n const pdfModal = document.getElementById(\"pdfModal\");\n const toggleCatalogsBtn = document.getElementById(\"toggleCatalogsBtn\");\n const moreCatalogsText = document.getElementById(\"moreCatalogsText\");\n const hiddenCatalogs = document.querySelectorAll(\".extra-catalog\");\n\n const viewCatalogIcon = `\n <svg class=\"view-catalog-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n <path d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM8 12.5A4.5 4.5 0 1 1 8 3.5a4.5 4.5 0 0 1 0 9z\"\/>\n <path d=\"M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z\"\/>\n <\/svg>\n `;\n\n document.querySelectorAll('main button[onclick^=\"openPDF\"]').forEach((button) => {\n if (!button.querySelector(\".view-catalog-icon\")) {\n button.insertAdjacentHTML(\"afterbegin\", viewCatalogIcon);\n }\n });\n\n function openPDF(url) {\n pdfModal.classList.remove(\"hidden\");\n pdfFrame.src = url;\n document.body.style.overflow = \"hidden\";\n }\n\n function closePDF() {\n pdfFrame.src = \"\";\n pdfModal.classList.add(\"hidden\");\n document.body.style.overflow = \"\";\n }\n\n function clickOutsideModal(event) {\n const modalContent = document.getElementById(\"pdfContent\");\n if (!modalContent.contains(event.target)) {\n closePDF();\n }\n }\n\n document.addEventListener(\"keydown\", function(event) {\n if (event.key === \"Escape\") {\n closePDF();\n }\n });\n\n if (toggleCatalogsBtn) {\n toggleCatalogsBtn.addEventListener(\"click\", function() {\n const isHidden = hiddenCatalogs[0].classList.contains(\"catalog-hidden\");\n\n hiddenCatalogs.forEach(item => {\n item.classList.toggle(\"catalog-hidden\");\n });\n\n toggleCatalogsBtn.innerHTML = isHidden\n ? '<span>Ver menos cat\u00e1logos<\/span><span class=\"more-catalogs-arrow text-xl md:text-3xl leading-none\">\u2191<\/span>'\n : '<span>Ver m\u00e1s cat\u00e1logos<\/span><span class=\"more-catalogs-arrow text-xl md:text-3xl leading-none\">\u2193<\/span>';\n\n moreCatalogsText.textContent = isHidden\n ? \"Mostrando todos los cat\u00e1logos\"\n : \"Hay 4 cat\u00e1logos m\u00e1s disponibles\";\n });\n }\n\n document.querySelectorAll(\".push-animate\").forEach((el) => {\n el.addEventListener(\"touchstart\", () => {\n el.classList.add(\"clicked\");\n setTimeout(() => el.classList.remove(\"clicked\"), 150);\n }, { passive: true });\n });\n\n function launchPatrioticConfetti() {\n if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n return;\n }\n\n const confetti = document.createElement(\"div\");\n confetti.className = \"patriotic-confetti\";\n confetti.setAttribute(\"aria-hidden\", \"true\");\n\n const pieces = window.innerWidth < 640 ? 18 : 28;\n\n for (let i = 0; i < pieces; i += 1) {\n const piece = document.createElement(\"span\");\n const left = Math.random() * 100;\n const duration = 1500 + Math.random() * 1100;\n const delay = Math.random() * 350;\n const drift = (Math.random() * 140 - 70).toFixed(0);\n const spin = (Math.random() * 720 + 240).toFixed(0);\n\n piece.style.left = `${left}%`;\n piece.style.animationDuration = `${duration}ms`;\n piece.style.animationDelay = `${delay}ms`;\n piece.style.setProperty(\"--drift\", `${drift}px`);\n piece.style.setProperty(\"--spin\", `${spin}deg`);\n\n confetti.appendChild(piece);\n }\n\n document.body.appendChild(confetti);\n setTimeout(() => confetti.remove(), 3500);\n }\n\n function launchPatrioticFireworks() {\n if (window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) {\n return;\n }\n\n const fireworks = document.createElement(\"div\");\n fireworks.className = \"patriotic-fireworks\";\n fireworks.setAttribute(\"aria-hidden\", \"true\");\n\n const message = document.createElement(\"div\");\n message.className = \"patriotic-fireworks-message\";\n message.innerHTML = `\n <strong class=\"line line-red\" data-text=\"FELIZ\">FELIZ<i class=\"line-sparks\">\u2022<\/i><\/strong>\n <strong class=\"line line-white\" data-text=\"MES\">MES<i class=\"line-sparks\">\u2022<\/i><\/strong>\n <strong class=\"line line-red\" data-text=\"PATRIO\">PATRIO<i class=\"line-sparks\">\u2022<\/i><\/strong>\n <span class=\"patriotic-mini-flag\"><i><\/i><i><\/i><i><\/i><\/span>\n `;\n fireworks.appendChild(message);\n\n const baseBursts = [\n { x: \"49%\", y: \"17%\", color: \"#ff3b30\", delay: 0.05, rays: 14, size: 1.18 },\n { x: \"31%\", y: \"30%\", color: \"#ef233c\", delay: 0.28, rays: 12, size: 0.86 },\n { x: \"69%\", y: \"30%\", color: \"#ff3b30\", delay: 0.48, rays: 12, size: 0.82 },\n { x: \"23%\", y: \"58%\", color: \"#fff0c2\", delay: 0.74, rays: 16, size: 0.64 },\n { x: \"76%\", y: \"54%\", color: \"#fff0c2\", delay: 0.96, rays: 16, size: 0.68 },\n { x: \"53%\", y: \"37%\", color: \"#fff7dc\", delay: 1.18, rays: 14, size: 0.62 },\n { x: \"13%\", y: \"18%\", color: \"#ef233c\", delay: 1.42, rays: 12, size: 0.48 },\n { x: \"86%\", y: \"16%\", color: \"#ef233c\", delay: 1.62, rays: 12, size: 0.48 }\n ];\n const isMobile = window.innerWidth < 640;\n const bursts = isMobile\n ? baseBursts.slice(0, 4).map((burst) => ({\n ...burst,\n rays: Math.max(8, Math.round(burst.rays * 0.65)),\n size: burst.size * 0.88\n }))\n : baseBursts;\n\n bursts.forEach((burst) => {\n const firework = document.createElement(\"span\");\n firework.className = \"firework\";\n firework.style.setProperty(\"--x\", burst.x);\n firework.style.setProperty(\"--y\", burst.y);\n firework.style.setProperty(\"--color\", burst.color);\n firework.style.setProperty(\"--delay\", `${burst.delay}s`);\n\n for (let i = 0; i < burst.rays; i += 1) {\n const ray = document.createElement(\"i\");\n ray.className = \"firework-ray\";\n ray.style.setProperty(\"--angle\", `${(360 \/ burst.rays) * i}deg`);\n ray.style.setProperty(\"--distance\", `${Math.round((20 + Math.random() * 36) * burst.size)}px`);\n firework.appendChild(ray);\n }\n\n for (let i = 0; i < Math.round(burst.rays * 0.45); i += 1) {\n const spark = document.createElement(\"b\");\n spark.className = \"firework-spark\";\n spark.style.setProperty(\"--angle\", `${Math.random() * 360}deg`);\n spark.style.setProperty(\"--distance\", `${Math.round((42 + Math.random() * 74) * burst.size)}px`);\n firework.appendChild(spark);\n }\n\n fireworks.appendChild(firework);\n });\n\n document.body.appendChild(fireworks);\n setTimeout(() => fireworks.remove(), 3500);\n }\n\n function initEntranceEffects() {\n const startEffects = function() {\n window.requestAnimationFrame(function() {\n launchPatrioticConfetti();\n launchPatrioticFireworks();\n });\n };\n\n window.setTimeout(function() {\n if (\"requestIdleCallback\" in window) {\n window.requestIdleCallback(startEffects, { timeout: 1200 });\n } else {\n startEffects();\n }\n }, 900);\n }\n\n window.addEventListener(\"load\", initEntranceEffects);\n\n function initDeferredCatalogImages() {\n const deferredImages = document.querySelectorAll('img[data-src]');\n\n function loadImage(img) {\n if (!img || !img.dataset.src) return;\n img.src = img.dataset.src;\n img.removeAttribute('data-src');\n }\n\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n loadImage(entry.target);\n observer.unobserve(entry.target);\n }\n });\n }, { rootMargin: '420px 0px' });\n\n deferredImages.forEach((img) => observer.observe(img));\n } else {\n window.setTimeout(() => deferredImages.forEach(loadImage), 900);\n }\n }\n\n initDeferredCatalogImages();\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cat\u00e1logo RENBIKE MOTORS CAT\u00c1LOGO MAYORISTARENBIKE MOTORS Cat\u00e1logos Mayoristas Cat\u00e1logo de Tuningpara moto Cat\u00e1logo Mayorista Ver Cat\u00e1logo Descargar PDF Cat\u00e1logo de Accesoriospara casco Cat\u00e1logo Mayorista Ver Cat\u00e1logo Descargar PDF Cat\u00e1logo de Accesoriospara moto Cat\u00e1logo Mayorista Ver Cat\u00e1logo Descargar PDF Cat\u00e1logo de GuantesMitones Cat\u00e1logo Mayorista Ver Cat\u00e1logo Descargar PDF Cat\u00e1logo de trajesProtecci\u00f3n Cat\u00e1logo Mayorista Ver Cat\u00e1logo Descargar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2181","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/pages\/2181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/comments?post=2181"}],"version-history":[{"count":469,"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/pages\/2181\/revisions"}],"predecessor-version":[{"id":3007,"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/pages\/2181\/revisions\/3007"}],"wp:attachment":[{"href":"https:\/\/renbikemotors.com\/catalogo-mayorista\/wp-json\/wp\/v2\/media?parent=2181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}