{"id":19,"date":"2026-05-14T15:36:40","date_gmt":"2026-05-14T20:36:40","guid":{"rendered":"https:\/\/turepuestomotriz.store\/?page_id=19"},"modified":"2026-06-10T02:39:57","modified_gmt":"2026-06-10T07:39:57","slug":"inicio","status":"publish","type":"page","link":"https:\/\/turepuestomotriz.store\/","title":{"rendered":"INICIO"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\" class=\"scroll-smooth\">\n<head>\n\n<!-- Google tag (gtag.js) -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=AW-18156772196\">\n<\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'AW-18156772196');\n<\/script>\n\n<style> \n  html, body, .wp-site-blocks, .is-root-container, .entry-content, main { margin: 0 !important; padding: 0 !important; } \n  \/* Oculta el bot\u00f3n de WhatsApp que viene en el HTML *\/\n  .fixed-whatsapp, a[href*=\"wa.me\"] { display: none !important; } \n<\/style>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>TODO REPUESTO | El Cat\u00e1logo M\u00e1s Completo<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Poppins:wght@500;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            black: '#111111', \n                            dark: '#000000',  \n                            red: '#CC0000',   \/\/ Rojo Automotriz Cl\u00e1sico\n                            hoverRed: '#990000', \n                            light: '#F4F5F7', \n                            border: '#E5E7EB'\n                        }\n                    },\n                    fontFamily: {\n                        inter: ['Inter', 'sans-serif'],\n                        poppins: ['Poppins', 'sans-serif'],\n                    },\n                    animation: {\n                        'float': 'float 6s ease-in-out infinite',\n                        'pulse-fast': 'pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                    },\n                    keyframes: {\n                        float: {\n                            '0%, 100%': { transform: 'translateY(0)' },\n                            '50%': { transform: 'translateY(-10px)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        \/* Ocultar elementos molestos de temas por defecto de WordPress *\/\n        .entry-header, .page-title, .site-header, .site-footer { display: none !important; }\n        \n        body { background-color: #ffffff; color: #333; overflow-x: hidden; }\n        \n        \/* Animaciones Reveal de Scroll *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n        .delay-100 { transition-delay: 100ms; }\n        .delay-200 { transition-delay: 200ms; }\n        .delay-300 { transition-delay: 300ms; }\n\n        \/* Estilos de Ecommerce Cl\u00e1sicos (Cuadrados) *\/\n        .product-card {\n            background: #fff;\n            border: 1px solid #E5E7EB;\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n        .product-card:hover {\n            transform: translateY(-5px);\n            border-color: #CC0000;\n        }\n        \n        \/* Filtro Rojo Transparente para el Banner (Opacidad bajada al 10%) *\/\n        .hero-overlay {\n            background-color: rgba(204, 0, 0, 0.10); \n        }\n\n        \/* FAQ Accordion *\/\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n        }\n        .faq-answer.open {\n            max-height: 300px;\n        }\n        .faq-icon { transition: transform 0.3s ease; }\n        .faq-icon.rotate { transform: rotate(180deg); }\n\n        \/* Estilos del Carrusel de Marcas - Ajustado para evitar bloqueos *\/\n        .logo-slider {\n            overflow: hidden;\n            background: white;\n            white-space: nowrap;\n            position: relative;\n            width: 100%;\n        }\n        .logo-slider::before,\n        .logo-slider::after {\n            position: absolute;\n            top: 0;\n            width: 100px;\n            height: 100%;\n            content: \"\";\n            z-index: 2;\n        }\n        .logo-slider::before {\n            left: 0;\n            background: linear-gradient(to left, rgba(255,255,255,0), white);\n        }\n        .logo-slider::after {\n            right: 0;\n            background: linear-gradient(to right, rgba(255,255,255,0), white);\n        }\n        .logo-track {\n            display: inline-block;\n            animation: scroll 35s linear infinite;\n        }\n        .logo-track:hover {\n            animation-play-state: paused;\n        }\n        @keyframes scroll {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n        .logo-slide {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 120px;\n            height: 80px;\n            margin: 0 30px;\n        }\n        .logo-slide img {\n            max-width: 100%;\n            max-height: 60px;\n            object-fit: contain;\n            opacity: 0.8;\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n        .logo-slide img:hover {\n            opacity: 1;\n            transform: scale(1.1);\n        }\n    <\/style>\n<\/head>\n<body class=\"font-inter antialiased w-full m-0 p-0 selection:bg-brand-red selection:text-white\">\n\n    <!-- Top Bar Negra Delgada -->\n    <div class=\"bg-black text-gray-300 py-1.5 px-4 text-xs font-medium w-full flex flex-col md:flex-row justify-between items-center z-50 relative\">\n        <div class=\"flex items-center gap-4 mb-2 md:mb-0\">\n            <a href=\"#\" class=\"hover:text-white transition-colors\"><i class=\"ph-fill ph-facebook-logo text-base\"><\/i><\/a>\n            <a href=\"#\" class=\"hover:text-white transition-colors\"><i class=\"ph-fill ph-instagram-logo text-base\"><\/i><\/a>\n            <a href=\"#\" class=\"hover:text-white transition-colors\"><i class=\"ph-fill ph-twitter-logo text-base\"><\/i><\/a>\n        <\/div>\n        <div class=\"flex items-center gap-4\">\n            <span class=\"flex items-center gap-1\"><i class=\"ph-bold ph-whatsapp-logo text-brand-red\"><\/i> 324 589 0331<\/span>\n            <span class=\"flex items-center gap-1\"><i class=\"ph-bold ph-envelope text-brand-red\"><\/i> ventas@todorepuesto.com<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Cabecera Blanca Cl\u00e1sica (Logo + Buscador Funcional) -->\n    <header class=\"w-full bg-white max-w-7xl mx-auto px-4 py-4 md:py-6 flex flex-col md:flex-row justify-between items-center gap-4 md:gap-6\">\n        <!-- Logo -->\n        <a href=\"#\" class=\"block outline-none border-none\">\n            <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/Logo-mejor-2.png\" alt=\"TODO REPUESTO\" class=\"h-20 md:h-28 object-contain\">\n        <\/a>\n        \n        <!-- Buscador -->\n        <div class=\"flex w-full md:w-auto shadow-sm\">\n            <input type=\"text\" id=\"busquedaCabecera\" placeholder=\"Buscar producto...\" onkeypress=\"if(event.key === 'Enter') buscarCabecera()\" class=\"border border-gray-300 px-4 py-2 w-full md:w-96 outline-none focus:border-brand-red text-sm\">\n            <button onclick=\"buscarCabecera()\" class=\"bg-white border border-l-0 border-gray-300 px-5 py-2 text-gray-500 hover:text-brand-red transition-colors\">\n                <i class=\"ph-bold ph-magnifying-glass text-lg\"><\/i>\n            <\/button>\n        <\/div>\n    <\/header>\n\n    <!-- Men\u00fa de Navegaci\u00f3n Rojo S\u00f3lido -->\n    <nav class=\"w-full bg-brand-red shadow-md z-40 relative\">\n        <div class=\"max-w-7xl mx-auto px-0 sm:px-6 lg:px-8 flex flex-wrap justify-center md:justify-start items-center text-xs md:text-sm font-semibold tracking-wide\">\n            <a href=\"#\" class=\"bg-white text-black px-3 md:px-6 py-3 uppercase transition-colors\">Inicio<\/a>\n            <a href=\"#nosotros\" class=\"text-white hover:bg-white hover:text-black px-3 md:px-6 py-3 transition-colors uppercase\">Qui\u00e9nes somos<\/a>\n            <a href=\"#catalogo\" class=\"text-white hover:bg-white hover:text-black px-3 md:px-6 py-3 transition-colors uppercase\">Nuestros productos<\/a>\n            <a href=\"#privacidad\" class=\"text-white hover:bg-white hover:text-black px-3 md:px-6 py-3 transition-colors uppercase\">Pol\u00edticas<\/a>\n            <a href=\"#faq\" class=\"text-white hover:bg-white hover:text-black px-3 md:px-6 py-3 transition-colors uppercase\">Cont\u00e1ctenos<\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- BANNER HERO CL\u00c1SICO -->\n    <section class=\"relative w-full h-[20vh] md:h-[30vh] bg-[url('https:\/\/images.unsplash.com\/photo-1486262715619-67b85e0b08d3?q=80&#038;w=2000&#038;auto=format&#038;fit=crop')] bg-cover bg-center flex items-center justify-center\">\n        <!-- Veladura Roja (10% opacidad) -->\n        <div class=\"absolute inset-0 hero-overlay\"><\/div>\n        \n        <!-- Texto Central (Tama\u00f1o Reducido a la mitad) -->\n        <div class=\"relative z-10 text-center px-4 mt-8 md:mt-0\">\n            <h1 class=\"text-base md:text-xl lg:text-2xl font-poppins font-black text-white uppercase tracking-wider mb-1 drop-shadow-lg shadow-black\">\n                TODO REPUESTO\n            <\/h1>\n            <p class=\"text-xs md:text-sm lg:text-base text-white font-medium drop-shadow-md shadow-black\">\n                repuestos para automotores diesel y gasolina\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- TRUST BAR INFERIOR -->\n    <div class=\"bg-brand-light border-b border-gray-200 py-6 mb-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-2 md:grid-cols-4 gap-6 text-center md:text-left\">\n            <div class=\"flex flex-col md:flex-row items-center gap-3 justify-center md:justify-start\">\n                <i class=\"ph-fill ph-medal text-3xl text-brand-red\"><\/i>\n                <div><p class=\"font-bold text-black text-sm uppercase\">Garant\u00eda Total<\/p><p class=\"text-xs text-gray-500 hidden sm:block\">Piezas certificadas<\/p><\/div>\n            <\/div>\n            <div class=\"flex flex-col md:flex-row items-center gap-3 justify-center md:justify-start\">\n                <i class=\"ph-fill ph-headset text-3xl text-brand-red\"><\/i>\n                <div><p class=\"font-bold text-black text-sm uppercase\">Asesor\u00eda T\u00e9cnica<\/p><p class=\"text-xs text-gray-500 hidden sm:block\">Expertos reales<\/p><\/div>\n            <\/div>\n            <div class=\"flex flex-col md:flex-row items-center gap-3 justify-center md:justify-start\">\n                <i class=\"ph-fill ph-truck text-3xl text-brand-red\"><\/i>\n                <div><p class=\"font-bold text-black text-sm uppercase\">Env\u00edos R\u00e1pidos<\/p><p class=\"text-xs text-gray-500 hidden sm:block\">A nivel nacional<\/p><\/div>\n            <\/div>\n            <div class=\"flex flex-col md:flex-row items-center gap-3 justify-center md:justify-start\">\n                <i class=\"ph-fill ph-credit-card text-3xl text-brand-red\"><\/i>\n                <div><p class=\"font-bold text-black text-sm uppercase\">Pago Seguro<\/p><p class=\"text-xs text-gray-500 hidden sm:block\">M\u00faltiples m\u00e9todos<\/p><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECCI\u00d3N NOSOTROS (Estilo Cl\u00e1sico) -->\n    <section id=\"nosotros\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 reveal\">\n        <div class=\"flex flex-col lg:flex-row gap-12 bg-white\">\n            <div class=\"w-full lg:w-1\/2\">\n                <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/ENVIOS.png\" alt=\"Instalaciones Todo Repuesto\" class=\"w-full h-auto object-cover border border-gray-200 p-1\">\n            <\/div>\n            <div class=\"w-full lg:w-1\/2 flex flex-col justify-center\">\n                <h2 class=\"text-2xl md:text-3xl font-poppins font-black text-black mb-6 uppercase tracking-wide\">Bienvenidos a TODO REPUESTO<\/h2>\n                \n                <h4 class=\"font-bold text-brand-red text-base mb-3\">TODO REPUESTO: M\u00e1s de 10 a\u00f1os movi\u00e9ndonos con confianza y calidad<\/h4>\n                \n                <p class=\"text-gray-600 mb-4 text-sm leading-relaxed text-justify\">Fundada con el objetivo de brindar soluciones automotrices reales, TODO REPUESTO naci\u00f3 gracias a la experiencia, el conocimiento y las relaciones construidas en el sector automotriz nacional.<\/p>\n                \n                <p class=\"text-gray-600 mb-6 text-sm leading-relaxed text-justify\">Desde sus inicios, abri\u00f3 sus puertas como una empresa comprometida con ofrecer repuestos de calidad, atenci\u00f3n cercana y un servicio confiable. Entendemos que un veh\u00edculo detenido es tiempo y dinero perdido, por eso acortamos la cadena de suministro ofreciendo precios directos de bodega sin intermediarios costosos.<\/p>\n                \n                <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20quisiera%20m\u00e1s%20informaci\u00f3n%20sobre%20ustedes.', '_blank')\" class=\"bg-brand-red text-white font-bold py-2.5 px-6 uppercase text-sm w-max hover:bg-brand-hoverRed transition-colors\">\n                    Conocer M\u00e1s\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CATEGOR\u00cdAS POPULARES -->\n    <section class=\"bg-brand-light py-12 mt-10 reveal border-t border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"mb-8 text-center md:text-left\">\n                <h2 class=\"text-2xl font-poppins font-black text-black uppercase\">Nuestras L\u00edneas<\/h2>\n                <div class=\"h-1 w-16 bg-brand-red mt-2 mx-auto md:mx-0\"><\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4\">\n                <div onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20repuestos%20para%20Frenos.', '_blank')\" class=\"bg-white p-6 shadow-sm hover:shadow-md cursor-pointer transition-all text-center group border border-gray-200\">\n                    <i class=\"ph-fill ph-disc text-4xl text-gray-400 group-hover:text-brand-red transition-colors mb-3\"><\/i>\n                    <h3 class=\"font-bold text-black text-sm uppercase\">Frenos<\/h3>\n                <\/div>\n                <div onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20repuestos%20para%20Motor.', '_blank')\" class=\"bg-white p-6 shadow-sm hover:shadow-md cursor-pointer transition-all text-center group border border-gray-200\">\n                    <i class=\"ph-fill ph-engine text-4xl text-gray-400 group-hover:text-brand-red transition-colors mb-3\"><\/i>\n                    <h3 class=\"font-bold text-black text-sm uppercase\">Motor<\/h3>\n                <\/div>\n                <div onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20repuestos%20de%20Suspensi\u00f3n.', '_blank')\" class=\"bg-white p-6 shadow-sm hover:shadow-md cursor-pointer transition-all text-center group border border-gray-200\">\n                    <i class=\"ph-fill ph-car-profile text-4xl text-gray-400 group-hover:text-brand-red transition-colors mb-3\"><\/i>\n                    <h3 class=\"font-bold text-black text-sm uppercase\">Suspensi\u00f3n<\/h3>\n                <\/div>\n                <div onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20Filtros.', '_blank')\" class=\"bg-white p-6 shadow-sm hover:shadow-md cursor-pointer transition-all text-center group border border-gray-200\">\n                    <i class=\"ph-fill ph-funnel text-4xl text-gray-400 group-hover:text-brand-red transition-colors mb-3\"><\/i>\n                    <h3 class=\"font-bold text-black text-sm uppercase\">Filtros<\/h3>\n                <\/div>\n                <div onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20Partes%20El\u00e9ctricas.', '_blank')\" class=\"bg-white p-6 shadow-sm hover:shadow-md cursor-pointer transition-all text-center group border border-gray-200\">\n                    <i class=\"ph-fill ph-lightning text-4xl text-gray-400 group-hover:text-brand-red transition-colors mb-3\"><\/i>\n                    <h3 class=\"font-bold text-black text-sm uppercase\">El\u00e9ctrico<\/h3>\n                <\/div>\n                <div onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20Lubricantes.', '_blank')\" class=\"bg-white p-6 shadow-sm hover:shadow-md cursor-pointer transition-all text-center group border border-gray-200\">\n                    <i class=\"ph-fill ph-drop text-4xl text-gray-400 group-hover:text-brand-red transition-colors mb-3\"><\/i>\n                    <h3 class=\"font-bold text-black text-sm uppercase\">Lubricantes<\/h3>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- NUESTRA VITRINA DE PRODUCTOS -->\n    <section class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 reveal border-t border-gray-200\">\n        <div class=\"mb-12 text-center\">\n            <h2 class=\"text-2xl md:text-3xl font-poppins font-black text-black uppercase tracking-wide\">Nuestros Productos<\/h2>\n            <div class=\"h-1 w-16 bg-brand-red mx-auto mt-4\"><\/div>\n        <\/div>\n\n        <!-- Grilla de 4 columnas en Desktop, 2 en Tablet, 1 en M\u00f3vil -->\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-y-10 gap-x-6\">\n            \n            <!-- Item 1 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/Pastillas.jpeg\" alt=\"Frenos\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Pastillas De Freno Toyota Fortuner &#8211; Prado &#8211; TXL<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20estoy%20interesado%20en%20las%20Pastillas%20de%20Freno%20Toyota%20Fortuner.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 2 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/0_catalog_product__874104173681466ac9d2d1.jpg\" alt=\"Disco\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Disco De Freno Toyota Hilux<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20estoy%20interesado%20en%20el%20Disco%20De%20Freno%20Toyota%20Hilux.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 3 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/aceites.jpeg\" alt=\"L\u00edquido\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">L\u00edquido De Freno (Todas las marcas)<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20necesito%20cotizar%20L\u00edquido%20de%20Frenos.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 4 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/bandas.webp\" alt=\"Bandas\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Bandas De Freno Toyota Hilux<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20estoy%20interesado%20en%20las%20Bandas%20De%20Freno%20Toyota%20Hilux.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 5 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img src=https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/D_NQ_NP_733538-MLM86039218906_062025-O.webp\" alt=\"Alternador\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Alternador Kodiak 8HC 150AMP 12V<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20estoy%20interesado%20en%20el%20Alternador%20Kodiak%20150AMP.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 6 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/Amortiguadores.jpeg\" alt=\"Amortiguador\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Amortiguador Toyota Vigo<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20estoy%20interesado%20en%20los%20Amortiguadores%20para%20Toyota%20Vigo.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 7 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/D_Q_NP_2X_747391-MLV109445262791_032026-T.webp\" alt=\"Arranque\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Arranque NPR &#8211; JAC &#8211; STAR 24V 5D<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20estoy%20interesado%20en%20el%20Arranque%20para%20NPR\/JAC.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Item 8 -->\n            <div class=\"flex items-center gap-4 group\">\n                <div class=\"w-20 h-20 flex-shrink-0 border border-gray-200 p-1 bg-white\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/Bateria-mac-34850-800x600-1.png\" alt=\"Bater\u00eda\" class=\"w-full h-full object-contain\">\n                <\/div>\n                <div class=\"flex flex-col items-start justify-center\">\n                    <h4 class=\"text-[11px] font-bold text-black uppercase mb-2 leading-tight\">Bater\u00eda Referencia 48800 Marca Mac<\/h4>\n                    <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20necesito%20precio%20de%20la%20Bater\u00eda%20Mac%2048800.', '_blank')\" class=\"bg-brand-red text-white text-[10px] font-bold px-3 py-1 uppercase hover:bg-brand-hoverRed transition-colors\">\n                        Ver M\u00e1s\n                    <\/button>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- PRODUCTOS DESTACADOS -->\n    <section id=\"catalogo\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16\">\n        <div class=\"mb-10 reveal text-center md:text-left\">\n            <h2 class=\"text-2xl md:text-3xl font-poppins font-black text-black uppercase tracking-wide\">Los M\u00e1s Vendidos<\/h2>\n            <div class=\"h-1 w-16 bg-brand-red mt-2 mx-auto md:mx-0\"><\/div>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n            <!-- Producto 1 -->\n            <div class=\"product-card p-4 group reveal delay-100 flex flex-col h-full relative\">\n                <span class=\"absolute top-0 left-0 bg-brand-red text-white text-xs font-bold px-3 py-1 z-10 uppercase\">M\u00e1s vendido<\/span>\n                <div class=\"relative w-full aspect-[4\/3] bg-white mb-4 overflow-hidden flex items-center justify-center p-2 mt-4\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/Pastillas.jpeg\" alt=\"Pastillas de freno\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500\">\n                <\/div>\n                <div class=\"flex-grow flex flex-col border-t border-gray-100 pt-4\">\n                    <h3 class=\"font-bold text-black text-base mb-1 uppercase\">Pastillas Cer\u00e1micas<\/h3>\n                    <p class=\"text-gray-500 text-xs mb-4 line-clamp-2\">M\u00faltiples referencias. Evita ruidos y cuida el disco.<\/p>\n                    <div class=\"mt-auto\">\n                        <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20necesito%20precio%20de%20unas%20Pastillas%20de%20Freno.', '_blank')\" class=\"w-full bg-black text-white hover:bg-brand-red font-bold py-2 uppercase text-xs transition-colors flex items-center justify-center gap-2\">\n                            <i class=\"ph-bold ph-whatsapp-logo text-lg\"><\/i> Cotizar\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 2 -->\n            <div class=\"product-card p-4 group reveal delay-200 flex flex-col h-full relative\">\n                <div class=\"relative w-full aspect-[4\/3] bg-white mb-4 overflow-hidden flex items-center justify-center p-2 mt-4\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/Amortiguadores.jpeg\" alt=\"Amortiguadores\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500\">\n                <\/div>\n                <div class=\"flex-grow flex flex-col border-t border-gray-100 pt-4\">\n                    <h3 class=\"font-bold text-black text-base mb-1 uppercase\">Amortiguadores<\/h3>\n                    <p class=\"text-gray-500 text-xs mb-4 line-clamp-2\">Mejora la estabilidad, adherencia y el confort de tu auto.<\/p>\n                    <div class=\"mt-auto\">\n                        <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20necesito%20precio%20de%20Amortiguadores.', '_blank')\" class=\"w-full bg-black text-white hover:bg-brand-red font-bold py-2 uppercase text-xs transition-colors flex items-center justify-center gap-2\">\n                            <i class=\"ph-bold ph-whatsapp-logo text-lg\"><\/i> Cotizar\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 3 -->\n            <div class=\"product-card p-4 group reveal delay-300 flex flex-col h-full relative\">\n                <div class=\"relative w-full aspect-[4\/3] bg-white mb-4 overflow-hidden flex items-center justify-center p-2 mt-4\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/aceites.jpeg\" alt=\"Aceite de motor\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500\">\n                <\/div>\n                <div class=\"flex-grow flex flex-col border-t border-gray-100 pt-4\">\n                    <h3 class=\"font-bold text-black text-base mb-1 uppercase\">Aceites Sint\u00e9ticos<\/h3>\n                    <p class=\"text-gray-500 text-xs mb-4 line-clamp-2\">Protecci\u00f3n superior contra desgaste t\u00e9rmico. Todas las viscosidades.<\/p>\n                    <div class=\"mt-auto\">\n                        <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20necesito%20cotizar%20Aceite%20de%20Motor.', '_blank')\" class=\"w-full bg-black text-white hover:bg-brand-red font-bold py-2 uppercase text-xs transition-colors flex items-center justify-center gap-2\">\n                            <i class=\"ph-bold ph-whatsapp-logo text-lg\"><\/i> Cotizar\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Producto 4 -->\n            <div class=\"product-card p-4 group reveal delay-400 flex flex-col h-full relative\">\n                <span class=\"absolute top-0 left-0 bg-yellow-500 text-white text-xs font-bold px-3 py-1 z-10 uppercase\">Poco Stock<\/span>\n                <div class=\"relative w-full aspect-[4\/3] bg-white mb-4 overflow-hidden flex items-center justify-center p-2 mt-4\">\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/05\/kit-de-distribucion.jpeg\" alt=\"Kit de Distribuci\u00f3n\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500\">\n                <\/div>\n                <div class=\"flex-grow flex flex-col border-t border-gray-100 pt-4\">\n                    <h3 class=\"font-bold text-black text-base mb-1 uppercase\">Kits Distribuci\u00f3n<\/h3>\n                    <p class=\"text-gray-500 text-xs mb-4 line-clamp-2\">Correas, tensores y bomba de agua. Marcas originales.<\/p>\n                    <div class=\"mt-auto\">\n                        <button onclick=\"window.open('https:\/\/wa.me\/+573245890331?text=Hola,%20busco%20un%20Kit%20de%20Distribuci\u00f3n.', '_blank')\" class=\"w-full bg-black text-white hover:bg-brand-red font-bold py-2 uppercase text-xs transition-colors flex items-center justify-center gap-2\">\n                            <i class=\"ph-bold ph-whatsapp-logo text-lg\"><\/i> Cotizar\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- MARCAS \/ CARRUSEL -->\n    <section class=\"bg-white py-12 border-t border-gray-200 overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-10 reveal\">\n                <h2 class=\"text-2xl md:text-3xl font-poppins font-black text-black tracking-widest uppercase\">MARCAS<\/h2>\n            <\/div>\n        <\/div>\n        \n        <div class=\"logo-slider reveal delay-100\">\n            <div class=\"logo-track\">\n                <!-- Primer set de marcas -->\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/toyota.png\" alt=\"Toyota\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/chevrolet.png\" alt=\"Chevrolet\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/renault.png\" alt=\"Renault\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/hyundai.png\" alt=\"Hyundai\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/kia.png\" alt=\"Kia\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/Mazda-Logo-2015.png\" alt=\"Mazda\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/suzuki.png\" alt=\"Suzuki\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/nissan.png\" alt=\"Nissan\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/honda.png\" alt=\"Honda\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/ford.png\" alt=\"Ford\"><\/div>\n                \n                <!-- Set duplicado (necesario para el scroll infinito perfecto) -->\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/toyota.png\" alt=\"Toyota\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/chevrolet.png\" alt=\"Chevrolet\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/renault.png\" alt=\"Renault\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/hyundai.png\" alt=\"Hyundai\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/kia.png\" alt=\"Kia\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/Mazda-Logo-2015.png\" alt=\"Mazda\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/suzuki.png\" alt=\"Suzuki\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/nissan.png\" alt=\"Nissan\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/honda.png\" alt=\"Honda\"><\/div>\n                <div class=\"logo-slide\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/color\/150\/ford.png\" alt=\"Ford\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- TESTIMONIOS -->\n    <section class=\"bg-brand-light py-20 border-y border-gray-200\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-14 reveal\">\n                <h2 class=\"text-2xl md:text-3xl font-poppins font-black text-black uppercase tracking-wide\">Nuestros Clientes<\/h2>\n                <div class=\"h-1 w-16 bg-brand-red mx-auto mt-4\"><\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                <!-- Testimonio 1 -->\n                <div class=\"bg-white p-8 border border-gray-200 reveal delay-100 relative\">\n                    <div class=\"flex text-yellow-500 mb-4 text-sm\"><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><\/div>\n                    <p class=\"text-gray-600 mb-6 text-sm leading-relaxed italic\">&#8220;Incre\u00edble la rapidez. Les escrib\u00ed al WhatsApp buscando una bomba de agua para mi Tracker, confirmaron con el VIN y en la tarde ya la ten\u00eda en el taller.&#8221;<\/p>\n                    <div class=\"flex items-center gap-3 border-t border-gray-100 pt-4\">\n                        <div class=\"w-10 h-10 bg-brand-red text-white flex items-center justify-center font-bold text-sm\">CM<\/div>\n                        <div>\n                            <p class=\"font-bold text-black text-sm uppercase\">Carlos Mart\u00ednez<\/p>\n                            <p class=\"text-xs text-gray-500\">Cliente Particular<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Testimonio 2 -->\n                <div class=\"bg-white p-8 border border-gray-200 reveal delay-200 relative\">\n                    <div class=\"flex text-yellow-500 mb-4 text-sm\"><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><\/div>\n                    <p class=\"text-gray-600 mb-6 text-sm leading-relaxed italic\">&#8220;Como due\u00f1o de taller, valoro los precios de bodega. Tienen casi todas las marcas y si no lo tienen, lo consiguen. Mi proveedor n\u00famero uno ahora.&#8221;<\/p>\n                    <div class=\"flex items-center gap-3 border-t border-gray-100 pt-4\">\n                        <div class=\"w-10 h-10 bg-black text-white flex items-center justify-center font-bold text-sm\">TJ<\/div>\n                        <div>\n                            <p class=\"font-bold text-black text-sm uppercase\">Taller Juancho<\/p>\n                            <p class=\"text-xs text-gray-500\">Mec\u00e1nico Profesional<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Testimonio 3 -->\n                <div class=\"bg-white p-8 border border-gray-200 reveal delay-300 relative\">\n                    <div class=\"flex text-yellow-500 mb-4 text-sm\"><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star\"><\/i><i class=\"ph-fill ph-star-half\"><\/i><\/div>\n                    <p class=\"text-gray-600 mb-6 text-sm leading-relaxed italic\">&#8220;Ten\u00eda miedo de comprar repuestos por internet para mi Mazda, pero la asesor\u00eda fue excelente. Me explicaron la diferencia entre el original y el alterno.&#8221;<\/p>\n                    <div class=\"flex items-center gap-3 border-t border-gray-100 pt-4\">\n                        <div class=\"w-10 h-10 bg-gray-300 text-gray-700 flex items-center justify-center font-bold text-sm\">LM<\/div>\n                        <div>\n                            <p class=\"font-bold text-black text-sm uppercase\">Laura Mendoza<\/p>\n                            <p class=\"text-xs text-gray-500\">Conductora<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- POL\u00cdTICA DE PRIVACIDAD -->\n    <section id=\"privacidad\" class=\"bg-white pt-16 pb-8 border-t border-gray-200\">\n        <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-10 reveal\">\n                <span class=\"text-gray-500 font-bold text-xs tracking-wider uppercase mb-2 block\">Marco Legal<\/span>\n                <h2 class=\"text-2xl font-poppins font-black text-black uppercase\">Pol\u00edtica de Tratamiento de Datos<\/h2>\n                <div class=\"h-1 w-16 bg-brand-red mx-auto mt-4\"><\/div>\n            <\/div>\n\n            <div class=\"bg-brand-light p-8 md:p-10 border border-gray-200 text-gray-600 text-sm leading-relaxed reveal delay-100 h-[400px] overflow-y-auto custom-scrollbar\">\n                <p class=\"mb-6 text-xs text-gray-400 font-medium\">Fecha de \u00faltima actualizaci\u00f3n: 14 de Mayo de 2026<\/p>\n                \n                <p class=\"mb-6\">En cumplimiento de la <strong>Ley Estatutaria 1581 de 2012<\/strong> (Ley de Protecci\u00f3n de Datos Personales en Colombia) y el Decreto 1377 de 2013, <strong>TODO REPUESTO<\/strong> informa a sus clientes, usuarios y visitantes sobre las pol\u00edticas aplicables al tratamiento de sus datos personales.<\/p>\n                \n                <h4 class=\"font-bold text-black text-sm uppercase mb-3 mt-8 border-l-4 border-brand-red pl-3\">1. Identificaci\u00f3n del Responsable del Tratamiento<\/h4>\n                <p class=\"mb-6\"><strong>TODO REPUESTO<\/strong>, portal dedicado a la comercializaci\u00f3n de repuestos automotrices a trav\u00e9s de canales digitales y WhatsApp. Contacto oficial para temas de privacidad: <a href=\"mailto:ventas@todorepuesto.com\" class=\"text-brand-red font-bold hover:underline\">ventas@todorepuesto.com<\/a> o mediante nuestra l\u00ednea de atenci\u00f3n +573245890331.<\/p>\n                \n                <h4 class=\"font-bold text-black text-sm uppercase mb-3 mt-8 border-l-4 border-brand-red pl-3\">2. Datos Personales Recopilados<\/h4>\n                <p class=\"mb-3\">Para garantizar una correcta asesor\u00eda y despacho de los productos, recopilamos \u00fanica y exclusivamente la informaci\u00f3n necesaria proporcionada voluntariamente por el usuario a trav\u00e9s de WhatsApp o formularios web:<\/p>\n                <ul class=\"list-disc pl-5 mb-6 space-y-2\">\n                    <li>Nombres y apellidos completos.<\/li>\n                    <li>N\u00famero de tel\u00e9fono (WhatsApp).<\/li>\n                    <li>Informaci\u00f3n del veh\u00edculo (Marca, Modelo, A\u00f1o, Placa o n\u00famero VIN) exclusivamente para confirmar compatibilidad de piezas.<\/li>\n                    <li>Direcci\u00f3n f\u00edsica para fines log\u00edsticos de entrega y facturaci\u00f3n.<\/li>\n                <\/ul>\n\n                <h4 class=\"font-bold text-black text-sm uppercase mb-3 mt-8 border-l-4 border-brand-red pl-3\">3. Finalidad del Tratamiento de Datos<\/h4>\n                <p class=\"mb-3\">Los datos personales suministrados ser\u00e1n utilizados con los siguientes prop\u00f3sitos operativos y comerciales:<\/p>\n                <ul class=\"list-disc pl-5 mb-6 space-y-2\">\n                    <li>Atender solicitudes, consultas y realizar cotizaciones de repuestos automotrices de manera personalizada.<\/li>\n                    <li>Procesar las compras, gestionar la facturaci\u00f3n y coordinar la log\u00edstica de env\u00edo con las empresas transportadoras.<\/li>\n                    <li>Enviar informaci\u00f3n relevante sobre el estado del pedido, gu\u00edas de rastreo o garant\u00edas.<\/li>\n                    <li>Enviar ocasionalmente promociones exclusivas.<\/li>\n                <\/ul>\n\n                <h4 class=\"font-bold text-black text-sm uppercase mb-3 mt-8 border-l-4 border-brand-red pl-3\">4. Confidencialidad y Transferencia a Terceros<\/h4>\n                <p class=\"mb-6\"><strong>TODO REPUESTO NO VENDER\u00c1, comercializar\u00e1 ni compartir\u00e1<\/strong> bases de datos con terceros para fines de marketing masivo. Los datos de direcci\u00f3n y nombre solo son compartidos con las empresas de transporte o mensajer\u00eda aliadas bajo el estricto prop\u00f3sito de cumplir con la entrega de los productos adquiridos.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- PREGUNTAS FRECUENTES (FAQ) -->\n    <section id=\"faq\" class=\"bg-brand-light pb-16 pt-16 border-t border-gray-200\">\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6\">\n            <div class=\"text-center mb-10 reveal\">\n                <h2 class=\"text-2xl font-poppins font-black text-black uppercase\">Preguntas Frecuentes<\/h2>\n                <div class=\"h-1 w-16 bg-brand-red mx-auto mt-4\"><\/div>\n            <\/div>\n\n            <div class=\"space-y-3 reveal delay-100\">\n                <div class=\"border border-gray-300 bg-white hover:border-brand-red transition-colors\">\n                    <button class=\"faq-btn w-full px-6 py-4 text-left font-bold text-black hover:bg-gray-50 flex justify-between items-center outline-none uppercase text-sm\">\n                        \u00bfHacen env\u00edos a todo el pa\u00eds?\n                        <i class=\"ph-bold ph-caret-down faq-icon text-brand-red\"><\/i>\n                    <\/button>\n                    <div class=\"faq-answer px-6 text-gray-600 text-sm\">\n                        <div class=\"py-4 border-t border-gray-100\">S\u00ed, realizamos despachos a nivel nacional a trav\u00e9s de transportadoras seguras. Si est\u00e1s en nuestra ciudad, el env\u00edo puede ser el mismo d\u00eda a trav\u00e9s de nuestros mensajeros.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"border border-gray-300 bg-white hover:border-brand-red transition-colors\">\n                    <button class=\"faq-btn w-full px-6 py-4 text-left font-bold text-black hover:bg-gray-50 flex justify-between items-center outline-none uppercase text-sm\">\n                        \u00bfLos repuestos tienen garant\u00eda?\n                        <i class=\"ph-bold ph-caret-down faq-icon text-brand-red\"><\/i>\n                    <\/button>\n                    <div class=\"faq-answer px-6 text-gray-600 text-sm\">\n                        <div class=\"py-4 border-t border-gray-100\">Absolutamente. Todos nuestros repuestos, tanto originales como alternativos premium, cuentan con garant\u00eda por defectos de f\u00e1brica directamente con nosotros.<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"border border-gray-300 bg-white hover:border-brand-red transition-colors\">\n                    <button class=\"faq-btn w-full px-6 py-4 text-left font-bold text-black hover:bg-gray-50 flex justify-between items-center outline-none uppercase text-sm\">\n                        \u00bfC\u00f3mo s\u00e9 si la pieza le sirve a mi carro?\n                        <i class=\"ph-bold ph-caret-down faq-icon text-brand-red\"><\/i>\n                    <\/button>\n                    <div class=\"faq-answer px-6 text-gray-600 text-sm\">\n                        <div class=\"py-4 border-t border-gray-100\">Nuestro equipo de asesores en WhatsApp solicita la tarjeta de propiedad o VIN del veh\u00edculo para cruzar la informaci\u00f3n con los cat\u00e1logos oficiales. Garantizamos 100% de compatibilidad.<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER E-COMMERCE -->\n    <footer class=\"bg-black pt-16 pb-8 border-t-4 border-brand-red text-gray-400\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12\">\n                <div>\n                    <img decoding=\"async\" src=\"https:\/\/turepuestomotriz.store\/wp-content\/uploads\/2026\/06\/Logo-mejor-2.png\" alt=\"TODO REPUESTO\" class=\"h-12 bg-white p-2 object-contain mb-4\">\n                    <p class=\"text-sm leading-relaxed mb-4\">El cat\u00e1logo virtual de repuestos automotrices m\u00e1s eficiente. Atenci\u00f3n humana, env\u00edos r\u00e1pidos y garant\u00eda total.<\/p>\n                    <div class=\"flex gap-3\">\n                        <a href=\"#\" class=\"w-10 h-10 bg-gray-800 flex items-center justify-center hover:bg-brand-red text-white transition-colors\"><i class=\"ph-fill ph-facebook-logo text-xl\"><\/i><\/a>\n                        <a href=\"#\" class=\"w-10 h-10 bg-gray-800 flex items-center justify-center hover:bg-brand-red text-white transition-colors\"><i class=\"ph-fill ph-instagram-logo text-xl\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div>\n                    <h4 class=\"text-white font-bold mb-4 uppercase tracking-wider text-sm\">Categor\u00edas<\/h4>\n                    <ul class=\"space-y-2 text-sm\">\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">Sistema de Frenos<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">Partes de Motor<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">Suspensi\u00f3n y Direcci\u00f3n<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">Lubricantes y Filtros<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"text-white font-bold mb-4 uppercase tracking-wider text-sm\">Legal &#038; Soporte<\/h4>\n                    <ul class=\"space-y-2 text-sm\">\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">Pol\u00edtica de Garant\u00edas<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">Tiempos de Env\u00edo<\/a><\/li>\n                        <li><a href=\"#privacidad\" class=\"hover:text-brand-red transition-colors\">Pol\u00edtica de Privacidad<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-brand-red transition-colors\">T\u00e9rminos y Condiciones<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"text-white font-bold mb-4 uppercase tracking-wider text-sm\">Contacto<\/h4>\n                    <ul class=\"space-y-3 text-sm\">\n                        <li class=\"flex items-start gap-2\"><i class=\"ph-fill ph-whatsapp-logo text-xl text-brand-red\"><\/i> +57 324 589 0331<\/li>\n                        <li class=\"flex items-start gap-2\"><i class=\"ph-fill ph-envelope text-xl text-brand-red\"><\/i> ventas@todorepuesto.com<\/li>\n                        <li class=\"flex items-start gap-2\"><i class=\"ph-fill ph-clock text-xl text-brand-red\"><\/i> Lunes a S\u00e1bado <br> 8:00 AM &#8211; 6:00 PM<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs\">\n                <p>&copy; 2026 TODO REPUESTO. Todos los derechos reservados.<\/p>\n                <div class=\"flex gap-2 text-gray-600\">\n                    <i class=\"ph-fill ph-visa-logo text-3xl\"><\/i>\n                    <i class=\"ph-fill ph-mastercard-logo text-3xl\"><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- BOT\u00d3N FLOTANTE WHATSAPP -->\n    <a id=\"btn-flotante-wpp\" href=\"https:\/\/wa.me\/+573245890331?text=Hola,%20necesito%20asesor\u00eda%20con%20un%20repuesto.\" target=\"_blank\" \n       class=\"fixed bottom-6 right-6 z-40 flex items-center gap-2 bg-[#25D366] text-white p-3 md:p-4 rounded-full shadow-[0_4px_20px_rgba(37,211,102,0.4)] hover:bg-[#1ebd59] transition-all hover:-translate-y-1 animate-float group border-2 border-white\">\n        <i class=\"ph-fill ph-whatsapp text-3xl md:text-4xl\"><\/i>\n        <span class=\"font-bold pr-2 hidden md:block overflow-hidden whitespace-nowrap text-lg\">Chatear con un experto<\/span>\n    <\/a>\n\n    <!-- SCRIPTS L\u00d3GICOS -->\n    <script>\n        \/\/ L\u00f3gica del Buscador en la Cabecera Blanca\n        function buscarCabecera() {\n            const busqueda = document.getElementById('busquedaCabecera').value.trim();\n            const numeroWhatsApp = \"+573245890331\"; \n            \n            let mensaje = \"Hola, vengo de la p\u00e1gina web.\";\n            if (busqueda !== \"\") {\n                mensaje = `Hola, vengo de la p\u00e1gina web y estoy buscando: *${busqueda}*. \u00bfMe podr\u00edan confirmar disponibilidad y precio?`;\n            } else {\n                mensaje = \"Hola, necesito asesor\u00eda para encontrar un repuesto para mi veh\u00edculo.\";\n            }\n            \n            window.open(`https:\/\/wa.me\/${numeroWhatsApp}?text=${encodeURIComponent(mensaje)}`, '_blank');\n        }\n\n        \/\/ Animaciones y Accordion\n        document.addEventListener('DOMContentLoaded', () => {\n            const reveals = document.querySelectorAll('.reveal');\n            const revealOnScroll = () => {\n                for (let i = 0; i < reveals.length; i++) {\n                    const windowHeight = window.innerHeight;\n                    const elementTop = reveals[i].getBoundingClientRect().top;\n                    if (elementTop < windowHeight - 50) {\n                        reveals[i].classList.add('active');\n                    }\n                }\n            }\n            window.addEventListener('scroll', revealOnScroll);\n            revealOnScroll();\n\n            \/\/ FAQ\n            const faqBtns = document.querySelectorAll('.faq-btn');\n            faqBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    const answer = this.nextElementSibling;\n                    const icon = this.querySelector('.faq-icon');\n                    \n                    document.querySelectorAll('.faq-answer').forEach(el => {\n                        if (el !== answer) el.classList.remove('open');\n                    });\n                    document.querySelectorAll('.faq-icon').forEach(el => {\n                        if (el !== icon) el.classList.remove('rotate');\n                    });\n\n                    answer.classList.toggle('open');\n                    icon.classList.toggle('rotate');\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TODO REPUESTO | El Cat\u00e1logo M\u00e1s Completo 324 589 0331 ventas@todorepuesto.com Inicio Qui\u00e9nes somos Nuestros productos Pol\u00edticas Cont\u00e1ctenos TODO REPUESTO repuestos para automotores diesel y gasolina Garant\u00eda Total Piezas certificadas Asesor\u00eda T\u00e9cnica Expertos reales Env\u00edos R\u00e1pidos A nivel nacional Pago Seguro M\u00faltiples m\u00e9todos Bienvenidos a TODO REPUESTO TODO REPUESTO: M\u00e1s de 10 a\u00f1os movi\u00e9ndonos con [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":30,"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/turepuestomotriz.store\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}