marcas de motos

:root { --dark: #0f172a; --moto-accent: #3b82f6; /* Azul motor para diferenciar de coches */ --bg: #f1f5f9; } body { font-family: 'Segoe UI', Tahoma, sans-serif; margin: 0; background-color: var(--bg); } header { background-color: Red; color: white; padding: 50px 20px; text-align: center; } .search-box { margin-top: 20px; padding: 15px 25px; width: 85%; max-width: 550px; border-radius: 50px; border: none; font-size: 1rem; box-shadow: 0 4px 10px rgba(0,0,0,0.3); } .container { max-width: 1200px; margin: 40px auto; padding: 0 20px; } /* Parrilla de 4 columnas solicitada */ .brand-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media (max-width: 1024px) { .brand-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .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-radius: 8px; padding: 25px 10px; text-align: center; border-bottom: 3px solid transparent; transition: all 0.3s ease; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .brand-card:hover { border-bottom: 3px solid var(--moto-accent); transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); } .logo-box { height: 70px; width: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .logo-box img { max-width: 100%; max-height: 100%; object-fit: contain; } .brand-name { font-weight: 700; color: #1e293b; font-size: 0.85rem; letter-spacing: 0.5px; text-transform: uppercase; } #noResults { display: none; text-align: center; padding: 50px; color: #64748b; } Marcas de Motocicletas Combustión y Eléctricas No se encuentra ninguna marca con ese nombre. // Listado mixto: Combustión y Eléctricas (Europa 2026) 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" ]; const logoBase = "https://drive.google.com/drive/folders/1OXGTEnEt6c_0dkdQpPjjMM17fCaIu088?usp=sharing"; // Mapeos específicos de nombres de archivo para logos de motos const logoMap = { "BMW Motorrad": "bmw", "Harley-Davidson": "harley_davidson", "Moto Guzzi": "moto_guzzi", "Peugeot Motocycles": "peugeot", "Royal Enfield": "royal_enfield", "Super Soco": "supersoco" }; function renderGrid() { const grid = document.getElementById('motoGrid'); marcasMotos.sort().forEach(m => { // Limpieza para URL (slug) const slug = m.toLowerCase() .replace(/s+/g, '-') .replace(/[^w-]/g, ''); const link = `https://www.nosolomotor.es/tags/${slug}/`; // Lógica de logo const logoFile = logoMap[m] || m.toLowerCase().replace(/s+/g, '_'); const logoImg = `${logoBase}${logoFile}.png`; grid.innerHTML += ` ${m} `; }); } function filterMotos() { const val = document.getElementById('motoSearch').value.toLowerCase(); const cards = document.querySelectorAll('.brand-link'); let any = false; cards.forEach(c => { if (c.dataset.name.includes(val)) { c.style.display = "block"; any = true; } else { c.style.display = "none"; } }); document.getElementById('noResults').style.display = any ? "none" : "block"; } renderGrid();

Ad Blocker Detected

How to disable AdBlock

marcas de motos