# 🏍️ Quiz MotoGP 2025: ¿Podrás vencer a los mejores fans? (15 preguntas)

15 preguntas técnicas sobre los nuevos reglamentos de MotoGP 2025: reducción de peso, límite de potencia y presupuestos controlados. ¡Prueba tu experiencia!

---

import ArticleScript from '@/components/ArticleScript';
import ArticleStyle from '@/components/ArticleStyle';


{/* Hero Section */}
<div className="article-container" style={{textAlign: 'center', padding: '40px 20px'}}>
    <div style={{display: 'inline-block', background: 'linear-gradient(135deg, #b30000 0%, #007bff 100%)', padding: '8px 20px', borderRadius: '20px', marginBottom: '20px'}}>
        <span style={{color: 'white', fontWeight: '700', fontSize: '0.9em'}}>🏆 EXPERTO 2025</span>
    </div>
    
    <h1 style={{fontSize: '2.5em', lineHeight: '1.2', marginBottom: '20px', background: 'linear-gradient(135deg, #ffffff 0%, #94a3b8 100%)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text'}}>
        Quiz Experto MotoGP 2025
    </h1>
    
    <p style={{fontSize: '1.2em', color: '#cbd5e1', maxWidth: '700px', margin: '0 auto 30px', lineHeight: '1.6'}}>
        <strong style={{color: '#007bff'}}>15 preguntas reveladoras</strong> sobre los nuevos reglamentos técnicos, la historia del campeonato y las estrategias de equipo.
    </p>
    
    <img src="/images/articles/motogp-2025-bike.webp" alt="MotoGP 2025" style={{width: '100%', maxWidth: '800px', borderRadius: '20px', margin: '30px auto', display: 'block', boxShadow: '0 20px 60px rgba(179, 0, 0, 0.3)'}} />
    
    <div className="hero-info-grid">
        <div className="hero-info-card">
            <div style={{fontSize: '2em', marginBottom: '5px'}}>⚖️</div>
            <div className="hero-info-text">Peso -3kg</div>
        </div>
        <div className="hero-info-card">
            <div style={{fontSize: '2em', marginBottom: '5px'}}>⚡</div>
            <div className="hero-info-text">290cv máx</div>
        </div>
        <div className="hero-info-card">
            <div style={{fontSize: '2em', marginBottom: '5px'}}>💰</div>
            <div className="hero-info-text">Presupuesto controlado</div>
        </div>
    </div>
    
    <button id="start-quiz-2025" style={{background: 'linear-gradient(135deg, #b30000, #007bff)', color: 'white', border: 'none', padding: '18px 50px', borderRadius: '50px', fontSize: '1.3em', fontWeight: '700', cursor: 'pointer', boxShadow: '0 10px 30px rgba(179, 0, 0, 0.4)', marginTop: '40px', transition: 'all 0.3s'}}>
        🚀 INICIAR QUIZ
    </button>
</div>

{/* Progress Bar */}
<div id="quiz-progress-container-2025" style={{position: 'sticky', top: '0', zIndex: '100', background: 'rgba(2, 6, 23, 0.95)', backdropFilter: 'blur(10px)', padding: '15px 20px', borderBottom: '1px solid rgba(255,255,255,0.1)', display: 'none'}}>
    <div style={{maxWidth: '800px', margin: '0 auto'}}>
        <div style={{display: 'flex', justifyContent: 'space-between', marginBottom: '8px'}}>
            <span style={{fontSize: '0.9em', color: '#94a3b8'}} id="quiz-progress-text-2025">Pregunta 1/15</span>
            <span style={{fontSize: '0.9em', color: '#007bff', fontWeight: '600'}} id="quiz-timer-2025">0:00</span>
        </div>
        <div style={{height: '6px', background: 'rgba(255,255,255,0.1)', borderRadius: '10px', overflow: 'hidden'}}>
            <div id="quiz-progress-bar-2025" style={{height: '100%', width: '6.66%', background: 'linear-gradient(90deg, #b30000, #007bff)', transition: 'width 0.3s ease'}}></div>
        </div>
    </div>
</div>

{/* Quiz Form */}
<form id="quiz-form-2025" style={{maxWidth: '800px', margin: '40px auto', padding: '0 20px', display: 'none'}}>
    {/* Generated dynamically */}
</form>

{/* Result Panel */}
<div className="quiz-result-panel" id="quiz-result-2025" style={{display: 'none', maxWidth: '800px', margin: '60px auto', padding: '0 20px'}}>
    <div style={{background: 'linear-gradient(135deg, rgba(179, 0, 0, 0.1), rgba(0, 123, 255, 0.1))', border: '2px solid rgba(0, 123, 255, 0.3)', borderRadius: '24px', padding: '50px 40px', textAlign: 'center'}}>
        <div style={{fontSize: '4em', marginBottom: '20px'}} id="result-emoji-2025">🏆</div>
        <h2 style={{fontSize: '2.2em', marginBottom: '15px'}}>Resultado Final</h2>
        <div id="result-score-2025" style={{fontSize: '3.5em', fontWeight: '800', background: 'linear-gradient(135deg, #b30000, #007bff)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text'}}></div>
        <p id="result-text-2025" style={{fontSize: '1.2em', color: '#cbd5e1', margin: '20px 0'}}></p>
        <div id="result-profile-2025" style={{display: 'inline-block', background: 'rgba(0, 123, 255, 0.2)', padding: '12px 30px', borderRadius: '20px', marginTop: '20px'}}>
            <span style={{color: '#007bff', fontWeight: '700', fontSize: '1.1em'}} id="profile-badge-2025"></span>
        </div>

        <div style={{display: 'flex', gap: '15px', justifyContent: 'center', marginTop: '40px', flexWrap: 'wrap'}}>
            <button type="button" className="restart-btn-2025" style={{background: 'linear-gradient(135deg, #b30000, #007bff)', color: 'white', border: 'none', padding: '16px 35px', borderRadius: '12px', fontSize: '1.05em', fontWeight: '700', cursor: 'pointer'}}>🔄 Reiniciar</button>
            <a href="/dashboard" style={{background: 'rgba(255,255,255,0.05)', color: 'white', border: '2px solid rgba(255,255,255,0.2)', padding: '16px 35px', borderRadius: '12px', fontSize: '1.05em', fontWeight: '600', textDecoration: 'none'}}>📊 Mi Perfil</a>
            <a href="#" id="share-whatsapp-2025" style={{background: 'linear-gradient(135deg, #25D366, #128C7E)', color: 'white', padding: '16px 35px', borderRadius: '12px', fontSize: '1.05em', fontWeight: '600', textDecoration: 'none'}}>📱 Compartir</a>
        </div>
    </div>
</div>

<img src="/images/articles/motogp-tech-blueprint.webp" alt="Curva de potencia MotoGP" style={{width: '100%', maxWidth: '800px', borderRadius: '20px', margin: '40px auto', display: 'block', boxShadow: '0 10px 40px rgba(0,0,0,0.3)'}} />


<ArticleStyle content={`

/* Fix text overflow in results */
#quiz-result-2025,
#quiz-result-2025 p,
h3 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
}
li, .options-2025 label {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
}

/* Hero Info Cards */
.hero-info-grid { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; margin-top: 30px; }
.hero-info-card { background: rgba(255,255,255,0.05); padding: 12px 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); text-align: center; min-width: 120px; }
.hero-info-text { font-size: 0.9em; color: #94a3b8; }

/* Mobile Responsive */
@media (max-width: 768px) {
    .article-container { padding: 20px 10px; }
    h1 { font-size: 1.8em; }
    h2 { font-size: 1.5em; }
    p { font-size: 1em; }

    .hero-info-grid { gap: 8px; }
    .hero-info-card { padding: 8px 5px; flex: 1; min-width: 80px; }
    .hero-info-card div:first-child { font-size: 1.4em; margin-bottom: 2px; }
    .hero-info-text { font-size: 0.75em; line-height: 1.2; }
    
    .options-2025 label {
        padding: 12px;
        font-size: 0.95em;
    }
    
    button, a, #start-quiz-2025 {
        width: 100%;
        padding: 18px 20px;
        box-sizing: border-box;
        margin-bottom: 10px;
        display: block;
        text-align: center;
        white-space: normal;
    }
    
    .next-btn-2025, .prev-btn-2025, .submit-btn-2025 {
        width: 100%;
        margin-bottom: 10px;
    }
}

`} />

<ArticleScript content={`
window.initQuizMotoGP2025 = function() {
    if (window.initQuizMotoGP2025Done) return;
    const startBtn = document.getElementById('start-quiz-2025');
    if (!startBtn) return;
    window.initQuizMotoGP2025Done = true;

    let currentPage2025 = 1;
    let startTime2025 = Date.now();
    let timerInterval2025 = null;
    
    const correctAnswers2025 = {
        motogp_q1: 'Valentino Rossi',
        motogp_q2: 'Honda',
        motogp_q3: '362,4 km/h',
        motogp_q4: '157 kg',
        motogp_q5: 'Francesco Bagnaia',
        motogp_q6: '290 ch',
        motogp_q7: 'Ducati',
        motogp_q8: 'Jerez',
        motogp_q9: 'Marc Marquez',
        motogp_q10: 'Phillip Island',
        motogp_q11: 'Circuit des Amériques',
        motogp_q12: 'KTM',
        motogp_q13: 'Jorge Lorenzo',
        motogp_q14: 'Aprilia',
        motogp_q15: '25-30 millions d euros'
    };
    
    const questionsData2025 = [
        {q: 'motogp_q1', title: '¿Quién ganó el primer campeonato de MotoGP en 2002?', cat: 'HISTORIA', options: ['Valentino Rossi', 'Max Biaggi', 'Alex Barros', 'Norick Abe']},
        {q: 'motogp_q2', title: '¿Qué fabricante tiene más títulos de MotoGP?', cat: 'ESTADÍSTICAS', options: ['Honda', 'Yamaha', 'Ducati', 'MV Agusta']},
        {q: 'motogp_q3', title: '¿Cuál es el récord oficial de velocidad en MotoGP?', cat: 'TÉCNICA', options: ['356 km/h', '362,4 km/h', '348,6 km/h', '352,9 km/h']},
        {q: 'motogp_q4', title: '¿Cuál es el peso mínimo de una MotoGP en 2025?', cat: '2025', options: ['160 kg', '157 kg', '153 kg', '165 kg']},
        {q: 'motogp_q5', title: '¿Quién es el campeón mundial de MotoGP 2023?', cat: 'ACTUALIDAD', options: ['Francesco Bagnaia', 'Fabio Quartararo', 'Marc Marquez', 'Jorge Martin']},
        {q: 'motogp_q6', title: '¿Cuál es el límite de potencia introducido en 2025?', cat: '2025', options: ['280 cv', '290 cv', '300 cv', '310 cv']},
        {q: 'motogp_q7', title: '¿Qué marca dominó la temporada 2024?', cat: 'ACTUALIDAD', options: ['Yamaha', 'Honda', 'Ducati', 'Aprilia']},
        {q: 'motogp_q8', title: '¿En qué circuito se celebra el GP de España?', cat: 'CIRCUITOS', options: ['Catalunya', 'Jerez', 'Aragon', 'Valencia']},
        {q: 'motogp_q9', title: '¿Quién tiene el récord de victorias consecutivas (10)?', cat: 'RÉCORDS', options: ['Valentino Rossi', 'Marc Marquez', 'Giacomo Agostini', 'Mick Doohan']},
        {q: 'motogp_q10', title: '¿Qué circuito es apodado "La Isla"?', cat: 'CIRCUITOS', options: ['Phillip Island', 'Motegi', 'Sepang', 'Losail']},
        {q: 'motogp_q11', title: '¿Qué circuito americano acoge el GP de las Américas?', cat: 'CIRCUITOS', options: ['Laguna Seca', 'Indianapolis', 'Circuit des Amériques', 'Road America']},
        {q: 'motogp_q12', title: '¿Qué marca austriaca se unió a MotoGP en 2017?', cat: 'HISTORIA', options: ['Husqvarna', 'KTM', 'BMW', 'Triumph']},
        {q: 'motogp_q13', title: '¿Quién ganó 5 títulos mundiales en MotoGP?', cat: 'LEYENDAS', options: ['Casey Stoner', 'Jorge Lorenzo', 'Dani Pedrosa', 'Andrea Dovizioso']},
        {q: 'motogp_q14', title: '¿Qué marca italiana hizo su gran regreso en 2015?', cat: 'HISTORIA', options: ['MV Agusta', 'Aprilia', 'Bimota', 'Benelli']},
        {q: 'motogp_q15', title: '¿Cuál es el presupuesto anual máximo para un equipo de fábrica en 2025?', cat: '2025', options: ['20-25 M€', '25-30 M€', '30-35 M€', '35-40 M€']}
    ];
    
    function startTimer2025() {
        if (timerInterval2025) clearInterval(timerInterval2025);
        startTime2025 = Date.now();
        timerInterval2025 = setInterval(updateTimer2025, 1000);
    }
    
    function updateTimer2025() {
        const elapsed = Math.floor((Date.now() - startTime2025) / 1000);
        const minutes = Math.floor(elapsed / 60);
        const seconds = elapsed % 60;
        const timerEl = document.getElementById('quiz-timer-2025');
        if (timerEl) timerEl.textContent = minutes + ':' + (seconds < 10 ? '0' : '') + seconds;
    }
    
    function updateProgress2025() {
        const progressText = document.getElementById('quiz-progress-text-2025');
        const progressBar = document.getElementById('quiz-progress-bar-2025');
        const progressContainer = document.getElementById('quiz-progress-container-2025');
        
        if (progressText) progressText.textContent = 'Pregunta ' + currentPage2025 + '/15';
        if (progressBar) progressBar.style.width = ((currentPage2025 / 15) * 100) + '%';
        if (progressContainer) progressContainer.style.display = 'block';
    }
    
    function startQuiz() {
        document.getElementById('start-quiz-2025').style.display = 'none';
        const container = document.getElementById('quiz-form-2025');
        container.style.display = 'block';
        container.innerHTML = ''; // Start clean
        
        questionsData2025.forEach((data, index) => {
            const pageNum = index + 1;
            const isFirst = pageNum === 1;
            const isLast = pageNum === 15;
            
            const html = \`
    <div className="quiz-page-2025" id="page-2025-\${pageNum}" style="background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 40px; margin-bottom: 20px; display: \${isFirst ? 'block' : 'none'};">
        <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 25px;">
            <div style="background: linear-gradient(135deg, #b30000, #007bff); width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: 800; color: white;">\${pageNum}</div>
            <div style="text-transform: uppercase; font-size: 0.85em; letter-spacing: 1.5px; color: #007bff; background: rgba(0, 123, 255, 0.1); padding: 6px 15px; border-radius: 20px;">\${data.cat}</div>
        </div>
        <h3 style="font-size: 1.4em; margin: 25px 0; line-height: 1.5;">\${data.title}</h3>
        <div className="options-2025" style="display: grid; gap: 12px;">
            \${data.options.map(opt => \`
                <label style="display: flex; align-items: center; gap: 15px; padding: 18px; background: rgba(255,255,255,0.03); border: 2px solid rgba(255,255,255,0.1); border-radius: 12px; cursor: pointer; transition: all 0.2s;">
                    <input type="radio" name="\${data.q}" value="\${opt}" style="width: 20px; height: 20px; accent-color: #007bff;" />
                    <span style="font-size: 1.05em;">\${opt}</span>
                </label>
            \`).join('')}
        </div>
        <div style="display: flex; gap: 10px; margin-top: 30px;">
            \${!isFirst ? '<button type="button" class="prev-btn-2025" style="flex:1; background: rgba(255,255,255,0.05); color: #cbd5e1; border: 2px solid rgba(255,255,255,0.2); padding: 15px 30px; border-radius: 12px; font-size: 1.1em; font-weight: 600; cursor: pointer;">← Anterior</button>' : ''}
            <button type="button" class="\${isLast ? 'submit-btn-2025' : 'next-btn-2025'}" style="flex:2; background: linear-gradient(135deg, \${isLast ? '#22c55e, #16a34a' : '#b30000, #007bff'}); color: white; border: none; padding: 15px 40px; border-radius: 12px; font-size: 1.1em; font-weight: 700; cursor: pointer;">\${isLast ? '✅ Terminar' : 'Siguiente →'}</button>
        </div>
    </div>\`;
            container.insertAdjacentHTML('beforeend', html);
        });
        
        const nextBtns = container.querySelectorAll('.next-btn-2025');
        for(let i=0; i<nextBtns.length; i++) {
            nextBtns[i].onclick = function() {
                document.getElementById('page-2025-' + currentPage2025).style.display = 'none';
                currentPage2025++;
                document.getElementById('page-2025-' + currentPage2025).style.display = 'block';
                updateProgress2025();
                document.getElementById('page-2025-' + currentPage2025).scrollIntoView({ behavior: 'smooth', block: 'start' });
            };
        }
        
        const prevBtns = container.querySelectorAll('.prev-btn-2025');
        for(let i=0; i<prevBtns.length; i++) {
            prevBtns[i].onclick = function() {
                document.getElementById('page-2025-' + currentPage2025).style.display = 'none';
                currentPage2025--;
                document.getElementById('page-2025-' + currentPage2025).style.display = 'block';
                updateProgress2025();
                document.getElementById('page-2025-' + currentPage2025).scrollIntoView({ behavior: 'smooth', block: 'start' });
            };
        }
        
        const submitBtn = container.querySelector('.submit-btn-2025');
        if(submitBtn) submitBtn.onclick = submitQuiz2025;
        
        startTimer2025();
        updateProgress2025();
        container.scrollIntoView({ behavior: 'smooth' });
    }
    
    function submitQuiz2025() {
        if (timerInterval2025) clearInterval(timerInterval2025);
        
        let score = 0;
        for (const q in correctAnswers2025) {
            const selected = document.querySelector('input[name="' + q + '"]:checked');
            if (selected && selected.value === correctAnswers2025[q]) score++;
        }
        
        const percentage = Math.round((score / 15) * 100);
        const emoji = percentage >= 90 ? '🏆' : percentage >= 70 ? '🚀' : percentage >= 50 ? '👍' : '📚';
        const message = percentage >= 90 ? '¡Experto técnico confirmado!' : 
                        percentage >= 70 ? '¡Muy buenos conocimientos!' :
                        percentage >= 50 ? 'Nivel intermedio' :
                        'Principiante - Necesita estudio';
        const profile = percentage >= 90 ? '🏆 Experto MotoGP' : percentage >= 70 ? '🚀 Fan Confirmado' : percentage >= 50 ? '👍 Amateur' : '📚 Principiante';
        
        document.getElementById('result-emoji-2025').textContent = emoji;
        document.getElementById('result-score-2025').textContent = score + '/15 (' + percentage + '%)';
        document.getElementById('result-text-2025').textContent = message;
        document.getElementById('profile-badge-2025').textContent = profile;
        
        try {
            if (typeof window.save2RoueQuizResult === 'function') {
                window.save2RoueQuizResult(score, 15, 'MotoGP 2025 Expert', profile.split(' ')[1], 'motogp');
            }
        } catch(e) { console.error(e); }
        
        const shareText = '¡Obtuve ' + score + '/15 (' + percentage + '%) en el Quiz Experto MotoGP 2025! 🏍️ Ponte a prueba en 2roue.com';
        document.getElementById('share-whatsapp-2025').href = 'https://wa.me/?text=' + encodeURIComponent(shareText);
        
        document.getElementById('quiz-form-2025').style.display = 'none';
        document.getElementById('quiz-progress-container-2025').style.display = 'none';
        const resDiv = document.getElementById('quiz-result-2025');
        resDiv.style.display = 'block';
        resDiv.scrollIntoView({ behavior: 'smooth', block: 'center' });
    }
    
    startBtn.onclick = startQuiz;
    
    const restartBtn = document.querySelector('.restart-btn-2025');
    if(restartBtn) {
        restartBtn.onclick = function() {
            document.getElementById('quiz-result-2025').style.display = 'none';
            document.getElementById('start-quiz-2025').style.display = 'inline-block';
            currentPage2025 = 1;
            window.scrollTo({top: 0, behavior: 'smooth'});
        };
    }
};

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', window.initQuizMotoGP2025);
} else {
    window.initQuizMotoGP2025();
}
setTimeout(function() {
    if(!window.initQuizMotoGP2025Done && window.initQuizMotoGP2025) window.initQuizMotoGP2025();
}, 500);

window.startTimer2025 = function() {};
window.init2025Quiz = window.initQuizMotoGP2025;
`} />