BUSCADOR POR MARCAS

:root { --dark: #1a1a1a; --accent: #d90429; --gray: #e9ecef; } body { font-family: 'Helvetica Neue', Arial, sans-serif; margin: 0; background-color: #f0f2f5; } header { background-color: red; color: white; padding: 60px 20px; text-align: center; } .search-box { margin-top: 20px; padding: 15px 25px; width: 80%; max-width: 600px; border-radius: 30px; border: none; font-size: 1.1rem; outline: none; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .container { max-width: 1200px; margin: 40px auto; padding: 0 20px; } /* Parrilla oculta por defecto */ .brand-grid { display: none; grid-template-columns: repeat(4, 1fr); gap: 25px; } @media (max-width: 992px) { .brand-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .brand-grid { grid-template-columns: 1fr; } } .brand-link { text-decoration: none; color: inherit; } .brand-card { background: white; border: 1px solid #ddd; padding: 30px 15px; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; height: 180px; justify-content: center; border-radius: 8px; } .brand-card:hover { border-color: var(--accent); box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateY(-3px); } .logo-container { width: 100px; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .logo-container img { max-width: 100%; max-height: 100%; object-fit: contain; } .brand-name { font-weight: bold; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; } #noResults { display: none; text-align: center; font-size: 1.2rem; color: #666; margin-top: 20px; } Directorio No Sólo Motor Busca todo lo que hemos publicado de tu marca favorita No se encontró la marca en nuestro catálogo. // Listado unificado de marcas de coches y motos const marcasCoches = [ "Abarth", "Alfa Romeo", "Alpine", "Aston Martin", "Audi", "Bentley", "BMW", "BYD", "Citroen", "Cupra", "Dacia", "DS Automobiles", "Ferrari", "Fiat", "Ford", "Foton", "Geely", "Honda", "Hyundai", "Isuzu", "Jaecoo", "Jaguar", "Jeep", "KGM", "Kia", "Lamborghini", "Land Rover", "leapmotor", "lepas", "Lexus", "LYNK &CO", "Lotus", "Maserati", "Mazda", "McLaren", "Mercedes-Benz", "MG", "MINI", "Mitsubishi", "Nissan", "Omoda", "Opel", "Peugeot", "Polestar", "Porsche", "Renault", "Rolls-Royce", "SEAT", "Skoda", "Smart", "SsangYong", "Subaru", "Suzuki", "Tesla", "Toyota", "Volkswagen", "Volvo" ]; const marcasMotos = [ "Aprilia", "ARIIC", "Benelli", "BMW Motorrad", "Brixton", "BSA", "Bultaco", "Can-Am", "Cake", "CFMoto", "Cyclone", "Ducati", "Energica", "Fantic", "Fb Mondial", "Gas Gas", "Harley-Davidson", "Hero", "Husqvarna", "Indian", "Kawasaki", "Keeway", "Kove", "KTM", "Kymco", "Lambretta", "LiveWire", "Mash", "Morbidelli", "Moto Guzzi", "Moto Morini", "Motor Hispania", "MV Agusta", "Niu", "Peugeot Motocycles", "Piaggio", "QJ Motor", "Rieju", "Royal Enfield", "Silence", "Super Soco", "SYM", "Triumph", "Ultraviolette", "Velca", "Vespa", "Voge", "Welta Motors", "Yadea", "Yamaha", "Zero", "Zontes" ]; // Fusionar y eliminar duplicados (en caso de que alguna marca esté en ambas listas) const marcasUnificadas = [...new Set([...marcasCoches, ...marcasMotos])].sort(); const logoBaseUrl = "https://www.car-logos.org/wp-content/uploads/2011/09/"; // Mapeo especial para nombres de logos que no coinciden con el slug const logoMapping = { "Mercedes-Benz": "mercedes", "Land Rover": "land_rover", "Alfa Romeo": "alfa_romeo", "DS Automobiles": "citroen", "BMW Motorrad": "bmw", "Harley-Davidson": "harley_davidson", "Moto Guzzi": "moto_guzzi", "Peugeot Motocycles": "peugeot", "Royal Enfield": "royal_enfield", "Super Soco": "supersoco", "LYNK & CO": "lynk co" }; function init() { const grid = document.getElementById('brandGrid'); marcasUnificadas.forEach(marca => { const slug = marca.toLowerCase().replace(/s+/g, '-').replace(/[^w-]/g, ''); const url = `https://www.nosolomotor.es/tags/${slug}/`; // Lógica para encontrar el logo const logoFile = logoMapping[marca] || marca.toLowerCase().replace(/s+/g, '_'); const logoUrl = `${logoBaseUrl}${logoFile}.png`; grid.innerHTML += ` ${marca} `; }); } function filterBrands() { const query = document.getElementById('brandSearch').value.toLowerCase(); const grid = document.getElementById('brandGrid'); const cards = document.querySelectorAll('.brand-link'); const noResults = document.getElementById('noResults'); let foundAny = false; if (query.length === 0) { grid.style.display = "none"; noResults.style.display = "none"; return; } grid.style.display = "grid"; cards.forEach(card => { if (card.getAttribute('data-name').includes(query)) { card.style.display = "block"; foundAny = true; } else { card.style.display = "none"; } }); noResults.style.display = foundAny ? "none" : "block"; } init();

Ad Blocker Detected

How to disable AdBlock

BUSCADOR POR MARCAS