🌎 Los 7 jugadores con más partidos en la Copa Africana de Naciones: ¿Conoces a estas leyendas históricas del torneo?

<div id=»quiz-container»></div> <style> /* — El CSS permanece exactamente igual, no es necesario mostrarlo aquí — */ .quiz-container { font-family: Arial, sans-serif !important; max-width: 700px !important; margin: auto !important; background: #fdfdfd !important; padding: 25px !important; border-radius: 12px !important; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08) !important; } .quiz-header { display: flex !important; justify-content: space-between !important; margin-bottom: 10px !important; font-size: 18px !important; } .quiz-timer { color: #e74c3c !important; font-weight: bold !important; } .quiz-progress-bar { height: 10px !important; background: #ddd !important; border-radius: 5px !important; overflow: hidden !important; margin-bottom: 20px !important; } .quiz-progress { height: 100% !important; background: #4caf50 !important; transition: width 0.3s !important; } .quiz-question { font-size: 22px !important; font-weight: 600 !important; margin-bottom: 20px !important; } .quiz-options { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; } .quiz-option-button { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; font-size: 16px !important; background: #4161db !important; border: 2px solid transparent !important; border-radius: 8px !important; cursor: pointer !important; transition: all 0.2s ease-in-out !important; text-align: left !important; } .quiz-option-button.correct { background: #c8f7c5 !important; border-color: #27ae60 !important; color: #2d7d33 !important; font-weight: bold !important; } .quiz-option-button.incorrect { background: #f8d7da !important; border-color: #c0392b !important; color: #c0392b !important; font-weight: bold !important; } .quiz-option-label { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #3498db !important; color: white !important; font-weight: bold !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } .quiz-controls { margin-top: 20px !important; text-align: center !important; } .quiz-controls button { width: 100% !important; padding: 14px !important; font-size: 16px !important; background: #3498db !important; color: white !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; } .quiz-result-title { font-size: 26px !important; font-weight: bold !important; margin-bottom: 15px !important; text-align: center !important; } .quiz-result-description { font-size: 17px !important; line-height: 1.6 !important; white-space: pre-line !important; text-align: center !important; } .quiz-result-buttons { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 25px !important; text-align: center !important; } .quiz-result-buttons button { padding: 12px !important; font-size: 16px !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; } .quiz-restart-btn { background-color: #2ecc71 !important; color: white !important; } .quiz-share-btn { background-color: #25D366 !important; color: white !important; } @media (max-width: 600px) { .quiz-options { grid-template-columns: 1fr !important; } } </style> <script> (function() { const quizData = [ { question: «🏆 Soy conocido por mi distintivo cabello y fui apodado ‘Magnan’. Fui el primer jugador en participar en ocho ediciones de la Copa Africana de Naciones y cocapitaneé a mi selección a dos títulos consecutivos a principios de los 2000. ¿Quién soy?», options: [«Samuel Eto’o», «Rigobert Song», «Lauren Etame Mayer», «Patrick Mboma»], answer: 1 }, { question: «✨ Mi carrera en la AFCON es legendaria, habiendo ganado el torneo en cuatro ocasiones, un récord compartido. Jugué como mediocampista y fui nombrado Mejor Jugador del Torneo en 2006. Mi longevidad en el fútbol egipcio y europeo es notable. ¿De qué leyenda hablamos?», options: [«Mohamed Aboutrika», «Hossam Hassan», «Essam El Hadary», «Ahmed Hassan»], answer: 3 }, { question: «🧤 Ostento el récord de ser el jugador más viejo en disputar un partido en la Copa del Mundo. Sin embargo, mi leyenda se forjó bajo los tres palos en la Copa Africana, donde levanté el trofeo en cuatro ocasiones, siendo un pilar inamovible para mi país. ¿Quién soy?», options: [«Vincent Enyeama», «Joseph-Antoine Bell», «Carlos Kameni», «Essam El Hadary»], answer: 3 }, { question: «🦁 Fui una pieza clave en la histórica temporada de los ‘Invencibles’ en la Premier League y un defensor central rocoso. En la Copa Africana, mi camino con mi selección estuvo lleno de finales agridulces, hasta que finalmente pude levantar el ansiado trofeo en 2015. ¿Quién soy?», options: [«Didier Drogba», «Yaya Touré», «Emmanuel Eboué», «Kolo Touré»], answer: 3 }, { question: «🌟 Soy hijo de una de las mayores leyendas del fútbol africano, pero forjé mi propio camino en la historia de la AFCON, igualando el récord de más partidos jugados en el torneo. He sido capitán de mi selección en múltiples ediciones y he llegado a varias finales. ¿Quién soy?», options: [«Abedi Pelé», «Michael Essien», «Asamoah Gyan», «André Ayew»], answer: 3 }, { question: «💎 Soy un todoterreno que brilló en grandes clubes de España e Inglaterra, conocido por mi versatilidad y mi potente saque de banda. En la Copa Africana, fui parte de la era dorada de mi selección a principios de los 2000, ganando dos ediciones consecutivas. ¿Quién soy?», options: [«Lauren Etame Mayer», «Alex Song», «Samuel Eto’o», «Geremi Njitap»], answer: 3 }, { question: «🛡️ Defensa izquierdo con una zurda precisa y gran experiencia. Jugué en la liga francesa durante muchos años y fui un habitual en mi selección, llegando a varias finales de la Copa Africana antes de levantar el trofeo en 2015. Mi nombre es sinónimo de longevidad en la AFCON. ¿Quién soy?», options: [«Didier Zokora», «Arthur Boka», «Serge Aurier», «Siaka Tiéné»], answer: 3 }, { question: «🌍 Soy la nación más exitosa en la historia de la Copa Africana de Naciones, con un número récord de títulos. Mis ‘Faraones’ han dominado el continente en varias épocas, incluyendo un triplete histórico a finales de los 2000. ¿De qué país hablamos?», options: [«Camerún», «Nigeria», «Ghana», «Egipto»], answer: 3 }, { question: «🏟️ Soy una nación africana con una rica historia en el torneo. He sido anfitrión en dos ocasiones, una vez en 1972 y más recientemente en 2021 (jugada en 2022). Además, mi equipo nacional es uno de los más laureados en la historia del certamen. ¿De qué país hablamos?», options: [«Nigeria», «Camerún», «Costa de Marfil», «Argelia»], answer: 1 }, { question: «🗓️ En 1957, la Copa Africana de Naciones vio la luz por primera vez, aunque solo con la participación de tres equipos. Esta edición inaugural fue un hito para el fútbol africano. ¿En qué país se celebró esta histórica primera edición del torneo?», options: [«Egipto», «Etiopía», «Ghana», «Sudán»], answer: 3 } ]; let current = 0; let score = 0; let timer; let timeLeft = 15; function startTimer() { timeLeft = 15; document.getElementById(«quiz-timer»).innerText = timeLeft; clearInterval(timer); timer = setInterval(() => { timeLeft–; document.getElementById(«quiz-timer»).innerText = timeLeft; if (timeLeft === 0) { clearInterval(timer); disableOptions(); revealCorrect(); } }, 1000); } function renderQuestion() { const q = quizData[current]; const letters = [«A», «B», «C», «D»]; document.getElementById(«quiz-container»).className = «quiz-container»; document.getElementById(«quiz-container»).innerHTML = ` <div class=»quiz-header»> <span>Pregunta ${current + 1} de ${quizData.length}</span> <span class=»quiz-timer»>⏳ Tiempo: <span id=»quiz-timer»>15</span>s</span> </div> <div class=»quiz-progress-bar»><div class=»quiz-progress» style=»width: ${(current / quizData.length) * 100}%»></div></div> <div class=»quiz-question»>${q.question}</div> <div class=»quiz-options»> ${q.options.map((opt, i) => ` <button class=»quiz-option-button» onclick=»selectAnswer(${i})» id=»opt-${i}»> <div class=»quiz-option-label»>${letters[i]}</div> <span>${opt}</span> </button> `).join(«»)} </div> <div class=»quiz-controls»> <button onclick=»nextQuestion()» id=»next-btn» disabled>Siguiente</button> </div> `; startTimer(); } window.selectAnswer = function(index) { clearInterval(timer); const correct = quizData[current].answer; const buttons = document.querySelectorAll(«.quiz-option-button»); buttons.forEach((btn, i) => { btn.disabled = true; if (i === correct) btn.classList.add(«correct»); if (i === index && index !== correct) btn.classList.add(«incorrect»); }); if (index === correct) score++; document.getElementById(«next-btn»).disabled = false; }; function disableOptions() { const buttons = document.querySelectorAll(«.quiz-option-button»); buttons.forEach(btn => btn.disabled = true); document.getElementById(«next-btn»).disabled = false; } function revealCorrect() { const correct = quizData[current].answer; const buttons = document.querySelectorAll(«.quiz-option-button»); buttons[correct].classList.add(«correct»); } window.nextQuestion = function() { current++; if (current < quizData.length) { renderQuestion(); } else { showResults(); } }; function showResults() { let message = «»; if (score === quizData.length) { message = «¡Resultado de Champions! Eres una auténtica enciclopedia del fútbol africano. 🏆»; } else if (score >= quizData.length * 0.7) { message = «¡Fichaje estrella! Demuestras un conocimiento de Primera División en la AFCON. ⚽️»; } else if (score >= quizData.length * 0.4) { message = «Vas convocado, pero te toca entrenar más sobre las leyendas africanas. ¡Sigue así! 📘»; } else { message = «Te han pillado en fuera de juego. ¡Una revancha y lo bordas! 🥅»; } const shareText = `¡He acertado ${score} de ${quizData.length} preguntas en el test «Copa Africana de Naciones: Leyendas»! ¿Te atreves a superar mi marca? ${window.location.href}`; document.getElementById(«quiz-container»).innerHTML = ` <div class=»quiz-result-title»>Has acertado ${score} de ${quizData.length} preguntas</div> <div class=»quiz-result-description»>${message}</div> <div class=»quiz-result-buttons»> <button class=»quiz-restart-btn» onclick=»restartQuiz()»>Reiniciar test</button> <button class=»quiz-share-btn» onclick=»shareWhatsApp(‘${encodeURIComponent(shareText)}’)»>Compartir por WhatsApp</button> </div> `; } window.restartQuiz = function() { current = 0; score = 0; renderQuestion(); }; window.shareWhatsApp = function(text) { const url = `https://api.whatsapp.com/send?text=${text}`; window.open(url, ‘_blank’); }; renderQuestion(); })(); </script> <style> /* — Estilos Base (Modo Claro por defecto) — */ .quiz-container { font-family: Arial, sans-serif !important; max-width: 700px !important; margin: auto !important; background: #fdfdfd !important; padding: 25px !important; border-radius: 12px !important; box-shadow: 0 0 12px rgba(0, 0, 0, 0.08) !important; transition: background-color 0.3s, color 0.3s; /* Transición suave */ } .quiz-header { display: flex !important; justify-content: space-between !important; margin-bottom: 10px !important; font-size: 18px !important; color: #555555; /* Color de texto para cabecera */ } .quiz-timer { color: #e74c3c !important; font-weight: bold !important; } .quiz-progress-bar { height: 10px !important; background: #ddd !important; border-radius: 5px !important; overflow: hidden !important; margin-bottom: 20px !important; } .quiz-progress { height: 100% !important; background: #2ECC71 !important; /* Verde corporativo */ transition: width 0.3s !important; } .quiz-question { font-size: 22px !important; font-weight: 600 !important; margin-bottom: 20px !important; color: #111111; /* Color de pregunta */ } .quiz-options { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 15px !important; } .quiz-option-button { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; font-size: 16px !important; background: #4161db !important; color: white !important; border: 2px solid transparent !important; border-radius: 8px !important; cursor: pointer !important; transition: all 0.2s ease-in-out !important; text-align: left !important; } .quiz-option-button.correct { background: #c8f7c5 !important; border-color: #27ae60 !important; color: #2d7d33 !important; font-weight: bold !important; } .quiz-option-button.incorrect { background: #f8d7da !important; border-color: #c0392b !important; color: #c0392b !important; font-weight: bold !important; } .quiz-option-label { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #3498db !important; color: white !important; font-weight: bold !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } /* — El resto de los estilos de botones, etc., se mantienen — */ .quiz-controls { margin-top: 20px !important; text-align: center !important; } .quiz-controls button { width: 100% !important; padding: 14px !important; font-size: 16px !important; background: #3498db !important; color: white !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; } .quiz-result-title { font-size: 26px !important; font-weight: bold !important; margin-bottom: 15px !important; text-align: center !important; color: #111111; } .quiz-result-description { font-size: 17px !important; line-height: 1.6 !important; white-space: pre-line !important; text-align: center !important; color: #333333;} .quiz-result-buttons { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 25px !important; text-align: center !important; } .quiz-result-buttons button { padding: 12px !important; font-size: 16px !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; } .quiz-restart-btn { background-color: #2ecc71 !important; color: white !important; } .quiz-share-btn { background-color: #25D366 !important; color: white !important; } /* — Ajustes para MODO OSCURO — */ @media (prefers-color-scheme: dark) { .quiz-container { background: #2d2d2d !important; /* Un fondo gris oscuro */ box-shadow: 0 0 12px rgba(255, 255, 255, 0.05) !important; } .quiz-question, .quiz-header, .quiz-result-title, .quiz-result-description { color: #f1f1f1 !important; /* Un blanco no tan puro, más suave a la vista */ } .quiz-progress-bar { background: #444444 !important; } } @media (max-width: 600px) { .quiz-options { grid-template-columns: 1fr !important; } } </style>