{"id":594,"date":"2026-07-22T00:05:58","date_gmt":"2026-07-22T00:05:58","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=594"},"modified":"2026-07-22T00:05:58","modified_gmt":"2026-07-22T00:05:58","slug":"594-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/594-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: Mario Kreutzberger &#8211; Don Francisco<\/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        .reading-text .highlight-box {\n            background: #ebf8ff;\n            padding: 10px 15px;\n            border-radius: 6px;\n            border-left: 4px solid #2b6cb0;\n            margin: 10px 0;\n            font-size: 14px;\n        }\n        \n        .reading-text .highlight-box strong {\n            color: #e53e3e;\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-4.jpg\" alt=\"Mario Kreutzberger - Don Francisco\" class=\"header-image\" onerror=\"this.style.display='none'\">\n            <h1>READING QUIZ<\/h1>\n            <h2>Mario Kreutzberger &#8211; &#8220;Don Francisco&#8221;<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 15 Exercises \u00b7 Skimming &amp; Scanning<\/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>\ud83d\udcfa Mario Kreutzberger: The Man Behind &#8220;Don Francisco&#8221;<\/h3>\n            <p>\n                <strong>Mario Luis Kreutzberger Blumenfeld<\/strong>, better known as <strong>&#8220;Don Francisco&#8221;<\/strong>, was born on \n                <strong>December 28, 1940<\/strong>, in <strong>Santiago, Chile<\/strong>. He is one of the most iconic and beloved \n                television personalities in Latin America. His career spans over <strong>60 years<\/strong>, and he became a \n                household name across the Spanish-speaking world.\n            <\/p>\n            <p>\n                Kreutzberger began his career in television in <strong>1962<\/strong> when he created the variety show \n                <strong>&#8220;S\u00e1bado Gigante&#8221;<\/strong>. The show first aired on <strong>Channel 13<\/strong> in Chile and later \n                became an international phenomenon. For over 50 years, &#8220;S\u00e1bado Gigante&#8221; was broadcast weekly, reaching \n                millions of viewers in the United States, Latin America, and Europe. The show featured music, comedy, \n                games, and human-interest stories.\n            <\/p>\n            <p>\n                One of the most important aspects of Don Francisco&#8217;s legacy is his <strong>humanitarian work<\/strong>. \n                Through his television program, he created the <strong>&#8220;Telet\u00f3n&#8221;<\/strong> in Chile in <strong>1978<\/strong>. \n                The Telet\u00f3n is a <strong>28-hour telethon<\/strong> that raises funds for children with physical disabilities \n                and their rehabilitation. Over the years, the Telet\u00f3n has become a tradition in Chile and has been replicated \n                in other countries. It has raised <strong>millions of dollars<\/strong> and helped thousands of families.\n            <\/p>\n            <p>\n                Beyond his philanthropic work, Don Francisco is known for his <strong>charisma, humor, and generosity<\/strong>. \n                He received numerous awards, including <strong>multiple Emmy Awards<\/strong> and a star on the \n                <strong>Hollywood Walk of Fame<\/strong> in 2001. He retired from &#8220;S\u00e1bado Gigante&#8221; in <strong>2015<\/strong>, \n                but his influence on Latin American television remains immense.\n            <\/p>\n            <div class=\"highlight-box\">\n                <strong>\ud83d\udd0d Skimming &amp; Scanning Tips:<\/strong><br>\n                \u2022 <strong>Skimming:<\/strong> Read quickly to get the general idea. Focus on the first sentence of each paragraph.<br>\n                \u2022 <strong>Scanning:<\/strong> Look for specific information like dates, names, numbers, or keywords in bold.\n            <\/div>\n            <p>\n                Mario Kreutzberger is not just an entertainer; he is a <strong>symbol of solidarity<\/strong> and a \n                <strong>bridge between cultures<\/strong>. His work has connected Spanish-speaking communities around the world \n                and has shown the power of television to create positive change. His legacy continues to inspire new generations \n                of communicators and philanthropists in Chile and beyond.\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. Use <strong>skimming<\/strong> to understand the main ideas and <strong>scanning<\/strong> to find specific information. Choose the best answer (A, B, C, or D) for each question.\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>\ud83d\udcfa Mario Kreutzberger &#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 Mario Kreutzberger born?',\n                options: ['December 25, 1940', 'December 28, 1940', 'December 28, 1942', 'January 1, 1940'],\n                correct: 'December 28, 1940'\n            },\n            {\n                id: 'q2',\n                stem: 'Where was Mario Kreutzberger born?',\n                options: ['Valpara\u00edso', 'Santiago', 'Concepci\u00f3n', 'New York'],\n                correct: 'Santiago'\n            },\n            {\n                id: 'q3',\n                stem: 'What is the name of the show he created in 1962?',\n                options: ['S\u00e1bado Gigante', 'Telet\u00f3n', 'Canal 13', 'Don Francisco'],\n                correct: 'S\u00e1bado Gigante'\n            },\n            {\n                id: 'q4',\n                stem: 'On which channel did \"S\u00e1bado Gigante\" first air in Chile?',\n                options: ['Channel 7', 'Channel 13', 'Mega', 'TVN'],\n                correct: 'Channel 13'\n            },\n            {\n                id: 'q5',\n                stem: 'What is the Telet\u00f3n?',\n                options: ['A music festival', 'A 28-hour telethon to raise funds for children with disabilities', 'A cooking show', 'A news program'],\n                correct: 'A 28-hour telethon to raise funds for children with disabilities'\n            },\n            {\n                id: 'q6',\n                stem: 'In which year was the first Telet\u00f3n in Chile?',\n                options: ['1978', '1980', '1985', '1990'],\n                correct: '1978'\n            },\n            {\n                id: 'q7',\n                stem: 'What awards has Don Francisco received?',\n                options: ['Oscar Awards', 'Emmy Awards', 'Grammy Awards', 'Nobel Prize'],\n                correct: 'Emmy Awards'\n            },\n            {\n                id: 'q8',\n                stem: 'In which year did Don Francisco receive a star on the Hollywood Walk of Fame?',\n                options: ['1998', '2001', '2005', '2010'],\n                correct: '2001'\n            },\n            {\n                id: 'q9',\n                stem: 'When did Don Francisco retire from \"S\u00e1bado Gigante\"?',\n                options: ['2010', '2013', '2015', '2018'],\n                correct: '2015'\n            },\n            {\n                id: 'q10',\n                stem: 'What is Don Francisco known for besides being an entertainer?',\n                options: ['His political career', 'His humanitarian work', 'His sports career', 'His business ventures'],\n                correct: 'His humanitarian work'\n            },\n            {\n                id: 'q11',\n                stem: 'What is the purpose of the Telet\u00f3n?',\n                options: ['To raise funds for hospitals', 'To raise funds for children with physical disabilities', 'To raise funds for elderly people', 'To raise funds for schools'],\n                correct: 'To raise funds for children with physical disabilities'\n            },\n            {\n                id: 'q12',\n                stem: 'What is Don Francisco described as in the text?',\n                options: ['A politician', 'An entertainer and symbol of solidarity', 'A businessman', 'A scientist'],\n                correct: 'An entertainer and symbol of solidarity'\n            },\n            {\n                id: 'q13',\n                stem: 'What does the Telet\u00f3n help with?',\n                options: ['Rehabilitation of children with disabilities', 'Building hospitals', 'Training doctors', 'Funding schools'],\n                correct: 'Rehabilitation of children with disabilities'\n            },\n            {\n                id: 'q14',\n                stem: 'Where did Don Francisco connect Spanish-speaking communities?',\n                options: ['Only in Chile', 'Across Latin America, the United States, and Europe', 'Only in Europe', 'Only in the United States'],\n                correct: 'Across Latin America, the United States, and Europe'\n            },\n            {\n                id: 'q15',\n                stem: 'What is the main message about Don Francisco in the text?',\n                options: ['He is a successful businessman', 'He is an important figure in television and philanthropy', 'He is a famous athlete', 'He is a politician'],\n                correct: 'He is an important figure in television and philanthropy'\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: Mario Kreutzberger &#8211; Don Francisco READING QUIZ Mario Kreutzberger &#8211; &#8220;Don Francisco&#8221; \ud83d\udccb 15 Exercises \u00b7 Skimming &amp; Scanning Version: Loading&#8230; \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83d\udcfa Mario Kreutzberger: The Man Behind &#8220;Don Francisco&#8221; Mario Luis Kreutzberger Blumenfeld, better known as &#8220;Don Francisco&#8221;, was born on December 28, 1940, in [&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-594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/594","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=594"}],"version-history":[{"count":1,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/594\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/594\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}