TOP Bicicletas Eléctricas 2025: Las Más Vendidas en USA

body { background-color: #181818; color: #d0d0d2; font-family: ‘Georgia’, serif; line-height: 1.7; } h1, h2, h3, h4, h5, h6 { color: #d0d0d2; font-weight: bold; } a { color: #f5a625; text-decoration: none; transition: color 0.3s ease; } a:hover { color: #ffc148; text-decoration: underline; } .bike-card { background: linear-gradient(135deg, #2a2a2a, #1f1f1f); border: 1px solid #3a3a3a; border-radius: 12px; padding: 24px; margin-bottom: 32px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; } .bike-card:hover { transform: translateY(-4px); box-shadow: 0 12px 48px rgba(245, 166, 37, 0.1); } .pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; } .pros { background: rgba(34, 197, 94, 0.1); border-left: 4px solid #22c55e; padding: 16px; border-radius: 8px; } .cons { background: rgba(239, 68, 68, 0.1); border-left: 4px solid #ef4444; padding: 16px; border-radius: 8px; } .spec-table { background: #2a2a2a; border-radius: 8px; overflow: hidden; margin: 20px 0; } .spec-table th, .spec-table td { padding: 12px 16px; border-bottom: 1px solid #3a3a3a; } .spec-table th { background: #f5a625; color: #181818; font-weight: bold; } .market-stats { background: linear-gradient(135deg, #f5a625, #ff8c00); color: #181818; padding: 24px; border-radius: 12px; margin: 32px 0; text-align: center; } .faq-item { background: #2a2a2a; border-radius: 8px; margin-bottom: 16px; overflow: hidden; } .faq-question { background: #3a3a3a; padding: 16px; cursor: pointer; font-weight: bold; display: flex; justify-content: between; align-items: center; } .faq-answer { padding: 16px; display: none; } .faq-item.active .faq-answer { display: block; } .chart-container { background: #2a2a2a; padding: 24px; border-radius: 12px; margin: 24px 0; } .price-badge { background: #f5a625; color: #181818; padding: 8px 16px; border-radius: 20px; font-weight: bold; display: inline-block; margin: 8px 0; } @media print { body { background: white !important; color: black !important; } .bike-card { border: 1px solid #ccc !important; background: white !important; } a { color: #0066cc !important; } } // Función para toggle FAQ function toggleFAQ(element) { const faqItem = element.parentElement; const isActive = faqItem.classList.contains(‘active’); // Cerrar todos los FAQs document.querySelectorAll(‘.faq-item’).forEach(item => { item.classList.remove(‘active’); }); // Abrir el seleccionado si no estaba activo if (!isActive) { faqItem.classList.add(‘active’); } } // Gráfico de marcas líderes const ctx1 = document.getElementById(‘brandChart’).getContext(‘2d’); new Chart(ctx1, { type: ‘doughnut’, data: { labels: [‘Lectric eBikes’, ‘Aventon’, ‘Rad Power Bikes’, ‘Trek’, ‘Specialized’, ‘Otros’], datasets: [{ data: [28, 18, 15, 12, 10, 17], backgroundColor: [ ‘#f5a625’, ‘#22c55e’, ‘#3b82f6’, ‘#ef4444’, ‘#8b5cf6’, ‘#64748b’ ], borderWidth: 2, borderColor: ‘#181818’ }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: ‘bottom’, labels: { color: ‘#d0d0d2’, padding: 20, font: { size: 14 } } }, title: { display: true, text: ‘Cuota de Mercado por Marca (%)’, color: ‘#d0d0d2’, font: { size: 16 } } } } }); // Gráfico de segmentación por precio const ctx2 = document.getElementById(‘priceChart’).getContext(‘2d’); new Chart(ctx2, { type: ‘scatter’, data: { datasets: [{ label: ‘E-bikes Populares’, data: [ {x: 999, y: 95, bike: ‘Lectric XP 4’}, {x: 1899, y: 88, bike: ‘Aventon Aventure 3’}, {x: 1799, y: 85, bike: ‘Velotric Discover 2’}, {x: 1295, y: 82, bike: ‘Ride1Up Roadster V3’}, {x: 1899, y: 90, bike: ‘Aventon Level 3’}, {x: 1599, y: 78, bike: ‘Velotric Breeze 1’}, {x: 1795, y: 80, bike: ‘Ride1Up Vorsa’}, {x: 1399, y: 85, bike: ‘Lectric XPedition 2.0’}, {x: 2199, y: 75, bike: ‘Mokwheel Obsidian’}, {x: 1999, y: 77, bike: ‘Velotric Nomad 2’} ], backgroundColor: ‘#f5a625’, borderColor: ‘#ff8c00’, borderWidth: 2, pointRadius: 8, pointHoverRadius: 12 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: ‘#d0d0d2’ } }, tooltip: { callbacks: { label: function(context) { return `${context.raw.bike}: $${context.raw.x} – ${context.raw.y}% satisfacción`; } } } }, scales: { x: { title: { display: true, text: ‘Precio (USD)’, color: ‘#d0d0d2’ }, ticks: { color: ‘#d0d0d2’, callback: function(value) { return ‘$’ + value; } }, grid: { color: ‘#3a3a3a’ } }, y: { title: { display: true, text: ‘Satisfacción del Cliente (%)’, color: ‘#d0d0d2’ }, ticks: { color: ‘#d0d0d2’, callback: function(value) { return value + ‘%’; } }, grid: { color: ‘#3a3a3a’ }, min: 70, max: 100 } } } });