Vertical lanza la HELIUM RACE Tija Telescópica Más Ligera del Mundo

body { background-color: #181818; color: #d0d0d2; font-family: ‘Inter’, sans-serif; line-height: 1.6; } h2, h2, h3, h4, h5, h6 { color: #d0d0d2; font-weight: 600; } a { color: #f5a625; text-decoration: none; transition: color 0.3s ease; } a:hover { color: #ffb84d; text-decoration: underline; } .content-wrapper { max-width: 1200px; margin: 0 auto; padding: 2rem; } .hero-section { background: linear-gradient(135deg, #1f1f1f 0%, #2a2a2a 100%); border-radius: 12px; padding: 3rem; margin-bottom: 3rem; border: 1px solid #333; } .spec-table { background-color: #1f1f1f; border-radius: 8px; border: 1px solid #333; overflow: hidden; } .spec-table th { background-color: #f5a625; color: #181818; font-weight: 600; padding: 1rem; } .spec-table td { padding: 0.75rem 1rem; border-bottom: 1px solid #333; } .spec-table tr:last-child td { border-bottom: none; } .feature-card { background-color: #1f1f1f; border: 1px solid #333; border-radius: 8px; padding: 1.5rem; margin-bottom: 1.5rem; } .highlight-box { background: linear-gradient(135deg, #f5a625 0%, #ff8c00 100%); color: #181818; padding: 1.5rem; border-radius: 8px; margin: 2rem 0; font-weight: 500; } .image-container { margin: 2rem 0; text-align: center; } .image-container img { max-width: 100%; height: auto; border-radius: 8px; border: 1px solid #333; } .image-caption { font-size: 0.875rem; color: #a0a0a0; margin-top: 0.5rem; font-style: italic; } .faq-item { background-color: #1f1f1f; border: 1px solid #333; border-radius: 8px; margin-bottom: 1rem; overflow: hidden; } .faq-question { background-color: #2a2a2a; padding: 1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-answer { padding: 1rem; display: none; } .faq-answer.active { display: block; } .icon { color: #f5a625; margin-right: 0.5rem; } .comparison-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .price-badge { background-color: #f5a625; color: #181818; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; display: inline-block; margin: 0.5rem 0; } function toggleFaq(index) { const answer = document.getElementById(`faq-${index}`); const question = answer.previousElementSibling; const icon = question.querySelector(‘i’); // Close all other FAQs document.querySelectorAll(‘.faq-answer’).forEach((item, i) => { if (i !== index) { item.classList.remove(‘active’); const otherIcon = item.previousElementSibling.querySelector(‘i’); otherIcon.classList.remove(‘fa-chevron-up’); otherIcon.classList.add(‘fa-chevron-down’); } }); // Toggle current FAQ answer.classList.toggle(‘active’); if (answer.classList.contains(‘active’)) { icon.classList.remove(‘fa-chevron-down’); icon.classList.add(‘fa-chevron-up’); } else { icon.classList.remove(‘fa-chevron-up’); icon.classList.add(‘fa-chevron-down’); } } // Smooth scrolling for internal links document.querySelectorAll(‘a[href^=»#»]’).forEach(anchor => { anchor.addEventListener(‘click’, function (e) { e.preventDefault(); const target = document.querySelector(this.getAttribute(‘href’)); if (target) { target.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); } }); });