{"id":599,"date":"2026-07-22T00:14:46","date_gmt":"2026-07-22T00:14:46","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=599"},"modified":"2026-07-22T00:14:46","modified_gmt":"2026-07-22T00:14:46","slug":"599-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/599-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Quiz: Pedro Pascal<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            background: #f0f2f5;\n            padding: 20px;\n            color: #1a202c;\n        }\n        \n        .quiz-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            background: #ffffff;\n            padding: 35px 45px;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.12);\n        }\n        \n        .header {\n            text-align: center;\n            border-bottom: 4px solid #2b6cb0;\n            padding-bottom: 20px;\n            margin-bottom: 25px;\n        }\n        \n        .header .header-image {\n            width: 100%;\n            max-width: 700px;\n            height: auto;\n            border-radius: 8px;\n            margin-bottom: 15px;\n            display: block;\n            margin-left: auto;\n            margin-right: auto;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        }\n        \n        .header h1 {\n            font-size: 28px;\n            color: #1a365d;\n            letter-spacing: 1px;\n        }\n        \n        .header h2 {\n            font-size: 17px;\n            color: #4a5568;\n            font-weight: normal;\n            margin-top: 5px;\n        }\n        \n        .header .subtitle {\n            background: #ebf8ff;\n            display: inline-block;\n            padding: 4px 18px;\n            border-radius: 20px;\n            font-size: 13px;\n            color: #2b6cb0;\n            font-weight: 600;\n            margin-top: 8px;\n        }\n        \n        .reading-text {\n            background: #f7fafc;\n            padding: 20px 25px;\n            border-radius: 8px;\n            border: 1px solid #e2e8f0;\n            margin-bottom: 25px;\n            font-size: 15px;\n            line-height: 1.9;\n            color: #2d3748;\n        }\n        \n        .reading-text h3 {\n            color: #1a365d;\n            margin-bottom: 10px;\n            font-size: 19px;\n        }\n        \n        .reading-text strong {\n            color: #2b6cb0;\n        }\n        \n        .student-info {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px;\n            margin: 20px 0 25px 0;\n            padding: 15px 20px;\n            background: #f7fafc;\n            border-radius: 8px;\n            border: 1px dashed #cbd5e0;\n            flex-wrap: wrap;\n        }\n        \n        .student-info .field {\n            flex: 1;\n            min-width: 150px;\n        }\n        \n        .student-info label {\n            font-weight: 600;\n            font-size: 13px;\n            color: #4a5568;\n            display: block;\n            margin-bottom: 3px;\n        }\n        \n        .student-info input {\n            width: 100%;\n            padding: 6px 10px;\n            border: 2px solid #cbd5e0;\n            border-radius: 4px;\n            font-size: 14px;\n            font-family: inherit;\n            background: white;\n        }\n        \n        .student-info input:focus {\n            outline: none;\n            border-color: #2b6cb0;\n        }\n        \n        .section-title {\n            background: #2b6cb0;\n            color: #fff;\n            padding: 10px 20px;\n            border-radius: 6px;\n            font-size: 17px;\n            font-weight: 700;\n            margin: 25px 0 15px 0;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .section-title .badge {\n            background: rgba(255,255,255,0.25);\n            padding: 2px 14px;\n            border-radius: 20px;\n            font-size: 13px;\n            font-weight: 600;\n        }\n        \n        .section-instructions {\n            background: #edf2f7;\n            padding: 8px 16px;\n            border-left: 4px solid #3182ce;\n            margin-bottom: 15px;\n            font-size: 14px;\n            color: #2d3748;\n            border-radius: 0 4px 4px 0;\n        }\n        \n        .question-block {\n            padding: 12px 0;\n            border-bottom: 1px solid #edf2f7;\n        }\n        \n        .question-block .q-text {\n            font-weight: 600;\n            font-size: 15px;\n            margin-bottom: 8px;\n            color: #1a365d;\n        }\n        \n        .question-block .options {\n            padding-left: 20px;\n        }\n        \n        .question-block .options label {\n            display: block;\n            padding: 4px 0;\n            cursor: pointer;\n            font-size: 14px;\n            transition: background 0.2s;\n            border-radius: 4px;\n            padding-left: 8px;\n        }\n        \n        .question-block .options label:hover {\n            background: #f0f4f8;\n        }\n        \n        .question-block .options input[type=\"radio\"] {\n            transform: scale(1.15);\n            margin-right: 10px;\n            cursor: pointer;\n            accent-color: #2b6cb0;\n        }\n        \n        .question-block .options .letter {\n            font-weight: 700;\n            color: #2b6cb0;\n            min-width: 22px;\n            display: inline-block;\n        }\n        \n        .btn-submit {\n            display: block;\n            width: 100%;\n            max-width: 280px;\n            margin: 35px auto 20px;\n            background: #2f855a;\n            color: white;\n            border: none;\n            padding: 14px 20px;\n            border-radius: 6px;\n            font-size: 18px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: background 0.2s;\n            text-align: center;\n        }\n        \n        .btn-submit:hover {\n            background: #22543d;\n        }\n        \n        #results-card {\n            display: none;\n            margin-top: 30px;\n            padding: 25px;\n            border-radius: 12px;\n            text-align: center;\n        }\n        \n        .pass {\n            background: #c6f6d5;\n            border: 2px solid #38a169;\n            color: #22543d;\n        }\n        \n        .fail {\n            background: #fed7d7;\n            border: 2px solid #e53e3e;\n            color: #742a2a;\n        }\n        \n        .score-title {\n            font-size: 24px;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        \n        .score-details {\n            font-size: 17px;\n        }\n        \n        .score-details .big-number {\n            font-size: 32px;\n            font-weight: 700;\n            display: block;\n            margin: 10px 0;\n        }\n        \n        .summary-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n            margin: 15px auto;\n            max-width: 400px;\n        }\n        \n        .summary-grid .item {\n            background: #f7fafc;\n            padding: 12px;\n            border-radius: 6px;\n            border: 1px solid #e2e8f0;\n        }\n        \n        .summary-grid .item .number {\n            font-size: 22px;\n            font-weight: 700;\n        }\n        \n        .summary-grid .item .label {\n            font-size: 12px;\n            color: #718096;\n        }\n        \n        .summary-grid .item.correct .number { color: #38a169; }\n        .summary-grid .item.incorrect .number { color: #e53e3e; }\n        .summary-grid .item.total .number { color: #2b6cb0; }\n        \n        .footer {\n            margin-top: 35px;\n            padding-top: 15px;\n            border-top: 2px solid #e2e8f0;\n            display: flex;\n            justify-content: space-between;\n            font-size: 13px;\n            color: #718096;\n            flex-wrap: wrap;\n        }\n        \n        .version-badge {\n            background: #edf2f7;\n            padding: 2px 12px;\n            border-radius: 12px;\n            font-size: 11px;\n            color: #718096;\n            display: inline-block;\n            margin-bottom: 5px;\n        }\n        \n        @media (max-width: 700px) {\n            .quiz-container { padding: 15px; }\n            .student-info { flex-direction: column; }\n            .header h1 { font-size: 20px; }\n            .summary-grid { grid-template-columns: 1fr; }\n            .reading-text { padding: 15px; font-size: 14px; }\n            .question-block .options label { font-size: 13px; }\n        }\n        \n        @media print {\n            body { background: white; padding: 0; }\n            .quiz-container { box-shadow: none; padding: 20px 30px; border-radius: 0; }\n            .btn-submit { display: none !important; }\n            #results-card { display: block !important; }\n            .student-info input { border: 2px solid #a0aec0; }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"quiz-container\" id=\"quiz-content\">\n        \n        <!-- ===== HEADER ===== -->\n        <div class=\"header\">\n            <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/images-5.jpg\" alt=\"Pedro Pascal\" class=\"header-image\" onerror=\"this.style.display='none'\">\n            <h1>READING QUIZ<\/h1>\n            <h2>Pedro Pascal &#8211; Chilean-American Actor<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 15 Exercises \u00b7 Reading Comprehension<\/span>\n            <div style=\"margin-top:5px;\">\n                <span class=\"version-badge\" id=\"versionBadge\">Version: Loading&#8230;<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- ===== STUDENT INFO ===== -->\n        <div class=\"student-info\">\n            <div class=\"field\">\n                <label>\ud83d\udc64 Full Name:<\/label>\n                <input type=\"text\" id=\"studentName\" placeholder=\"Enter your name\">\n            <\/div>\n            <div class=\"field\">\n                <label>\ud83d\udcc5 Date:<\/label>\n                <input type=\"text\" id=\"studentDate\" placeholder=\"Enter date\">\n            <\/div>\n            <div class=\"field\">\n                <label>\ud83d\udcda Course \/ Level:<\/label>\n                <input type=\"text\" id=\"studentCourse\" placeholder=\"Enter course\">\n            <\/div>\n        <\/div>\n\n        <!-- ===== READING TEXT ===== -->\n        <div class=\"reading-text\">\n            <h3>\ud83c\udfad Pedro Pascal: From Santiago to Hollywood<\/h3>\n            <p>\n                <strong>Pedro Pascal<\/strong>, whose full name is <strong>Jos\u00e9 Pedro Balmaceda Pascal<\/strong>, was born on \n                <strong>April 2, 1975<\/strong>, in <strong>Santiago, Chile<\/strong>. He is a Chilean-American actor who has \n                become one of the most recognized and respected figures in Hollywood. His family moved to the United States \n                when he was a child, and he grew up in <strong>California<\/strong>.\n            <\/p>\n            <p>\n                Pascal&#8217;s career began on television, with small roles in series like <strong>&#8220;Buffy the Vampire Slayer&#8221;<\/strong> \n                and <strong>&#8220;The Good Wife&#8221;<\/strong>. However, his breakout role came in <strong>2013<\/strong> when he was cast \n                as <strong>Oberyn Martell<\/strong> in the hit HBO series <strong>&#8220;Game of Thrones&#8221;<\/strong>. His performance \n                was widely praised and opened many doors for him in the industry.\n            <\/p>\n            <p>\n                After &#8220;Game of Thrones,&#8221; Pascal starred in several major projects. He played the lead role of <strong>Javier Pe\u00f1a<\/strong> \n                in the Netflix series <strong>&#8220;Narcos&#8221;<\/strong> (2015-2017), which told the story of the drug trade in Colombia. \n                He then gained even more fame as the title character in the Disney+ series <strong>&#8220;The Mandalorian&#8221;<\/strong> \n                (2019-present), where he voices and sometimes performs as the masked bounty hunter Din Djarin.\n            <\/p>\n            <p>\n                In <strong>2023<\/strong>, Pascal starred in the HBO series <strong>&#8220;The Last of Us&#8221;<\/strong>, based on the popular \n                video game. He plays <strong>Joel Miller<\/strong>, a survivor in a post-apocalyptic world. The series was a \n                massive success and further cemented his status as a leading man in Hollywood. Pedro Pascal is known for his \n                <strong>versatility<\/strong>, his <strong>charisma<\/strong>, and his ability to bring depth to a wide range \n                of characters.\n            <\/p>\n            <p>\n                Despite his international fame, Pedro Pascal has always maintained a strong connection to his <strong>Chilean roots<\/strong>. \n                He is proud of his heritage and often speaks about his love for Chile. He is considered a <strong>cultural ambassador<\/strong> \n                and an inspiration for many young Latin American actors who dream of succeeding in the global entertainment industry.\n            <\/p>\n        <\/div>\n\n        <!-- ===== FORM ===== -->\n        <form id=\"quizForm\" novalidate>\n            \n            <!-- ============================================================ -->\n            <!-- SECTION: MULTIPLE CHOICE (15 exercises) -->\n            <!-- ============================================================ -->\n            <div class=\"section-title\">\n                <span>READING COMPREHENSION<\/span>\n                <span class=\"badge\">15 Exercises<\/span>\n            <\/div>\n            <div class=\"section-instructions\">\n                <strong>Instructions:<\/strong> Read the text carefully. Choose the best answer (A, B, C, or D) based on the information provided.\n            <\/div>\n\n            <div id=\"questions-container\">\n                <!-- Generado por JavaScript -->\n            <\/div>\n\n            <!-- ===== SUBMIT BUTTON ===== -->\n            <button type=\"button\" class=\"btn-submit\" onclick=\"calculateScore()\">\ud83d\udcca Submit &amp; Get Results<\/button>\n        <\/form>\n\n        <!-- ===== RESULTS ===== -->\n        <div id=\"results-card\">\n            <div class=\"score-title\" id=\"scoreTitle\"><\/div>\n            <div class=\"score-details\" id=\"scoreDetails\"><\/div>\n            <div class=\"summary-grid\">\n                <div class=\"item correct\">\n                    <div class=\"number\" id=\"correctCount\">0<\/div>\n                    <div class=\"label\">\u2705 Correct<\/div>\n                <\/div>\n                <div class=\"item incorrect\">\n                    <div class=\"number\" id=\"incorrectCount\">0<\/div>\n                    <div class=\"label\">\u274c Incorrect<\/div>\n                <\/div>\n                <div class=\"item total\">\n                    <div class=\"number\">15<\/div>\n                    <div class=\"label\">\ud83d\udccb Total Questions<\/div>\n                <\/div>\n            <\/div>\n            <div style=\"font-size:14px; color:#718096; margin-top:8px;\" id=\"studentSummary\"><\/div>\n        <\/div>\n\n        <!-- ===== FOOTER ===== -->\n        <div class=\"footer\">\n            <span>\ud83c\udfad Pedro Pascal &#8211; Reading Quiz<\/span>\n            <span>\ud83d\udcda EPJA &#8211; English Class<\/span>\n            <span>\ud83d\udccb Total: 15 Exercises<\/span>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ ================================================================\n        \/\/ QUESTION BANK (15 preguntas) - Se mezclan en cada carga\n        \/\/ ================================================================\n        const questionBank = [\n            {\n                id: 'q1',\n                stem: 'When was Pedro Pascal born?',\n                options: ['April 2, 1975', 'April 2, 1980', 'May 2, 1975', 'April 5, 1975'],\n                correct: 'April 2, 1975'\n            },\n            {\n                id: 'q2',\n                stem: 'Where was Pedro Pascal born?',\n                options: ['Valpara\u00edso', 'Santiago', 'Concepci\u00f3n', 'California'],\n                correct: 'Santiago'\n            },\n            {\n                id: 'q3',\n                stem: 'What is Pedro Pascal\\'s full name?',\n                options: ['Jos\u00e9 Pedro Balmaceda Pascal', 'Pedro Pablo Pascal', 'Jos\u00e9 Pedro Pascal', 'Pedro Alejandro Pascal'],\n                correct: 'Jos\u00e9 Pedro Balmaceda Pascal'\n            },\n            {\n                id: 'q4',\n                stem: 'What was Pedro Pascal\\'s breakout role?',\n                options: ['Javier Pe\u00f1a in Narcos', 'Oberyn Martell in Game of Thrones', 'Din Djarin in The Mandalorian', 'Joel Miller in The Last of Us'],\n                correct: 'Oberyn Martell in Game of Thrones'\n            },\n            {\n                id: 'q5',\n                stem: 'In which year did Pedro Pascal appear in \"Game of Thrones\"?',\n                options: ['2012', '2013', '2014', '2015'],\n                correct: '2013'\n            },\n            {\n                id: 'q6',\n                stem: 'What character did Pedro Pascal play in \"Narcos\"?',\n                options: ['Pablo Escobar', 'Javier Pe\u00f1a', 'Steve Murphy', 'Carlos Lehder'],\n                correct: 'Javier Pe\u00f1a'\n            },\n            {\n                id: 'q7',\n                stem: 'What is the name of the series where Pedro Pascal voices the title character?',\n                options: ['The Last of Us', 'Narcos', 'The Mandalorian', 'Game of Thrones'],\n                correct: 'The Mandalorian'\n            },\n            {\n                id: 'q8',\n                stem: 'In which year was \"The Last of Us\" series released?',\n                options: ['2021', '2022', '2023', '2024'],\n                correct: '2023'\n            },\n            {\n                id: 'q9',\n                stem: 'What character does Pedro Pascal play in \"The Last of Us\"?',\n                options: ['Ellie', 'Joel Miller', 'Tommy', 'David'],\n                correct: 'Joel Miller'\n            },\n            {\n                id: 'q10',\n                stem: 'Where did Pedro Pascal grow up?',\n                options: ['Chile', 'Mexico', 'California', 'Spain'],\n                correct: 'California'\n            },\n            {\n                id: 'q11',\n                stem: 'What is Pedro Pascal known for as an actor?',\n                options: ['Versatility and charisma', 'Only action roles', 'Comedy only', 'Singing'],\n                correct: 'Versatility and charisma'\n            },\n            {\n                id: 'q12',\n                stem: 'What is Pedro Pascal considered to be?',\n                options: ['A singer', 'A cultural ambassador for Chile', 'A politician', 'A chef'],\n                correct: 'A cultural ambassador for Chile'\n            },\n            {\n                id: 'q13',\n                stem: 'In which series did Pedro Pascal play a role before \"Game of Thrones\"?',\n                options: ['Breaking Bad', 'The Good Wife', 'The Office', 'Friends'],\n                correct: 'The Good Wife'\n            },\n            {\n                id: 'q14',\n                stem: 'What is Pedro Pascal\\'s connection to Chile?',\n                options: ['He only visited once', 'He is proud of his Chilean roots', 'He does not mention Chile', 'He was born in the USA'],\n                correct: 'He is proud of his Chilean roots'\n            },\n            {\n                id: 'q15',\n                stem: 'What is the main message about Pedro Pascal in the text?',\n                options: ['He is only a Hollywood star', 'He is a successful actor who maintains his Chilean identity', 'He prefers to work in Chile', 'He is retiring from acting'],\n                correct: 'He is a successful actor who maintains his Chilean identity'\n            }\n        ];\n\n        \/\/ ================================================================\n        \/\/ SHUFFLE FUNCTION (Fisher-Yates)\n        \/\/ ================================================================\n        function shuffleArray(arr) {\n            for (let i = arr.length - 1; i > 0; i--) {\n                const j = Math.floor(Math.random() * (i + 1));\n                [arr[i], arr[j]] = [arr[j], arr[i]];\n            }\n            return arr;\n        }\n\n        \/\/ ================================================================\n        \/\/ GENERATE VERSION ID\n        \/\/ ================================================================\n        function generateVersionId() {\n            const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';\n            let result = '';\n            for (let i = 0; i < 6; i++) {\n                result += chars.charAt(Math.floor(Math.random() * chars.length));\n            }\n            return result;\n        }\n\n        \/\/ ================================================================\n        \/\/ BUILD THE QUIZ - PREGUNTAS Y OPCIONES MEZCLADAS\n        \/\/ ================================================================\n        function buildQuiz() {\n            const container = document.getElementById('questions-container');\n            \n            if (!container) {\n                console.error('Error: No se encontr\u00f3 el contenedor de preguntas');\n                return;\n            }\n\n            const versionId = generateVersionId();\n            document.getElementById('versionBadge').textContent = 'Version: ' + versionId;\n\n            \/\/ Mezclar las preguntas\n            let shuffledQuestions = shuffleArray([...questionBank]);\n            \n            let html = '';\n            const letters = ['A', 'B', 'C', 'D'];\n\n            shuffledQuestions.forEach((q, index) => {\n                const questionNumber = index + 1;\n                \n                \/\/ Mezclar las opciones para esta pregunta\n                let shuffledOptions = shuffleArray([...q.options]);\n                \n                let optionsHtml = '';\n                shuffledOptions.forEach((option, optIndex) => {\n                    const letter = letters[optIndex] || String.fromCharCode(65 + optIndex);\n                    optionsHtml += `\n                        <label>\n                            <input type=\"radio\" name=\"${q.id}\" value=\"${option}\">\n                            <span class=\"letter\">${letter})<\/span> ${option}\n                        <\/label>\n                    `;\n                });\n\n                html += `\n                    <div class=\"question-block\">\n                        <div class=\"q-text\">${questionNumber}. ${q.stem}<\/div>\n                        <div class=\"options\">\n                            ${optionsHtml}\n                        <\/div>\n                    <\/div>\n                `;\n            });\n\n            container.innerHTML = html;\n            console.log('\u2705 Quiz cargado correctamente con ' + questionBank.length + ' preguntas');\n        }\n\n        \/\/ ================================================================\n        \/\/ CALCULATE SCORE - VALIDACI\u00d3N Y PUNTUACI\u00d3N\n        \/\/ ================================================================\n        function calculateScore() {\n            const form = document.getElementById('quizForm');\n            const totalQuestions = questionBank.length;\n            let score = 0;\n            let missingQuestions = [];\n\n            \/\/ ===== VALIDATION =====\n            questionBank.forEach(q => {\n                const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n                if (!checked) {\n                    const index = questionBank.findIndex(item => item.id === q.id);\n                    missingQuestions.push(index + 1);\n                }\n            });\n\n            if (missingQuestions.length > 0) {\n                alert(\"\u26a0\ufe0f Please answer all 15 questions before submitting.\\n\\nMissing questions: \" + missingQuestions.join(\", \"));\n                return;\n            }\n\n            \/\/ ===== CALCULATE SCORE =====\n            questionBank.forEach(q => {\n                const checked = form.querySelector(`input[name=\"${q.id}\"]:checked`);\n                if (checked && checked.value === q.correct) {\n                    score++;\n                }\n            });\n\n            \/\/ ===== CALCULATE PERCENTAGE AND GRADE =====\n            const percentage = Math.round((score \/ totalQuestions) * 100);\n            \n            let grade = 1.0;\n            const passingScore = Math.ceil(totalQuestions * 0.6);\n\n            if (score < passingScore) {\n                grade = 1.0 + 3.0 * (score \/ passingScore);\n            } else {\n                grade = 4.0 + 3.0 * ((score - passingScore) \/ (totalQuestions - passingScore));\n            }\n            \n            grade = Math.round(grade * 10) \/ 10;\n\n            \/\/ ===== STUDENT INFO =====\n            const studentName = document.getElementById('studentName').value || \"Student\";\n            const studentDate = document.getElementById('studentDate').value || \"N\/A\";\n            const studentCourse = document.getElementById('studentCourse').value || \"N\/A\";\n\n            \/\/ ===== DISPLAY RESULTS =====\n            const resultsCard = document.getElementById('results-card');\n            const scoreTitle = document.getElementById('scoreTitle');\n            const scoreDetails = document.getElementById('scoreDetails');\n            const correctCount = document.getElementById('correctCount');\n            const incorrectCount = document.getElementById('incorrectCount');\n            const studentSummary = document.getElementById('studentSummary');\n\n            resultsCard.style.display = 'block';\n\n            if (grade >= 4.0) {\n                resultsCard.className = 'pass';\n                scoreTitle.innerHTML = \"\u2705 \u00a1Excelente! \/ Excellent! \ud83c\udf89\";\n            } else {\n                resultsCard.className = 'fail';\n                scoreTitle.innerHTML = \"\ud83d\udcda Sigue practicando \/ Keep practicing \ud83d\udcaa\";\n            }\n\n            const incorrect = totalQuestions - score;\n\n            correctCount.textContent = score;\n            incorrectCount.textContent = incorrect;\n\n            scoreDetails.innerHTML = `\n                <div class=\"big-number\">${percentage}%<\/div>\n                <strong>Score:<\/strong> ${score} out of ${totalQuestions} correct<br>\n                <span style=\"font-size: 24px; font-weight: 700; display: inline-block; margin-top: 8px;\">\n                    Nota \/ Grade: ${grade.toFixed(1)}\n                <\/span>\n            `;\n\n            studentSummary.innerHTML = `\n                \ud83d\udc64 <strong>${studentName}<\/strong> \u00b7 \n                \ud83d\udcc5 ${studentDate} \u00b7 \n                \ud83d\udcda ${studentCourse}\n            `;\n\n            resultsCard.scrollIntoView({ behavior: 'smooth' });\n        }\n\n        \/\/ ================================================================\n        \/\/ INITIALIZE\n        \/\/ ================================================================\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83d\ude80 Iniciando carga del quiz...');\n            buildQuiz();\n        });\n\n        if (document.readyState === 'complete' || document.readyState === 'interactive') {\n            console.log('\ud83d\ude80 DOM ya cargado, ejecutando buildQuiz...');\n            buildQuiz();\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Quiz: Pedro Pascal READING QUIZ Pedro Pascal &#8211; Chilean-American Actor \ud83d\udccb 15 Exercises \u00b7 Reading Comprehension Version: Loading&#8230; \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udfad Pedro Pascal: From Santiago to Hollywood Pedro Pascal, whose full name is Jos\u00e9 Pedro Balmaceda Pascal, was born on April 2, 1975, in Santiago, Chile. He is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=599"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/599\/revisions"}],"predecessor-version":[{"id":600,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/599\/revisions\/600"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}