{"id":583,"date":"2026-07-21T23:39:04","date_gmt":"2026-07-21T23:39:04","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=583"},"modified":"2026-07-21T23:44:53","modified_gmt":"2026-07-21T23:44:53","slug":"583-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/583-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: Cerro San Crist\u00f3bal<\/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: #ffffff;\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: #ffffff;\n            padding: 20px 25px;\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-2.jpg\" alt=\"Cerro San Crist\u00f3bal, Santiago\" class=\"header-image\" onerror=\"this.style.display='none'\">\n            <h1>READING QUIZ<\/h1>\n            <h2>Cerro San Crist\u00f3bal &#8211; Santiago, Chile<\/h2>\n            <span class=\"subtitle\">\ud83d\udccb 15 Exercises \u00b7 Fill in the Blanks<\/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\udfd4\ufe0f Cerro San Crist\u00f3bal: Santiago&#8217;s Green Lung<\/h3>\n            <p>\n                <strong>Cerro San Crist\u00f3bal<\/strong> is one of the most iconic hills in Santiago, Chile. \n                It is located in the <strong>Metropolitan Region<\/strong>, in the heart of the city. \n                With a height of <strong>850 meters<\/strong> above sea level, it offers one of the best \n                panoramic views of the capital and the Andes Mountains.\n            <\/p>\n            <p>\n                The hill is part of the <strong>San Crist\u00f3bal Hill Metropolitan Park<\/strong>, which covers \n                over <strong>700 hectares<\/strong>. It is a popular destination for both locals and tourists. \n                Visitors can reach the summit by <strong>cable car<\/strong>, <strong>funicular railway<\/strong>, \n                or by <strong>walking or biking<\/strong> up the winding roads and trails.\n            <\/p>\n            <p>\n                At the top, there is a famous <strong>19-meter statue of the Virgin Mary<\/strong>, which was \n                inaugurated in 1908. The statue is a symbol of faith and a popular pilgrimage site. \n                From this point, you can see the <strong>Mapocho River<\/strong>, the <strong>Andes Mountains<\/strong>, \n                and the sprawling city of Santiago below.\n            <\/p>\n            <p>\n                The park is also home to a variety of <strong>native flora and fauna<\/strong>, including \n                <strong>espino trees<\/strong>, <strong>quillay trees<\/strong>, and <strong>rabbits<\/strong> \n                and <strong>birds<\/strong>. There are also several <strong>public pools<\/strong>, <strong>gardens<\/strong>, \n                and <strong>picnic areas<\/strong> for families to enjoy.\n            <\/p>\n            <p>\n                Cerro San Crist\u00f3bal is more than just a viewpoint; it is a <strong>cultural and recreational hub<\/strong> \n                that connects people with nature in the middle of a bustling metropolis. It&#8217;s a place where \n                <strong>history, sport, and spirituality<\/strong> come together, making it one of the most \n                beloved landmarks in Santiago.\n            <\/p>\n        <\/div>\n\n        <!-- ===== FORM ===== -->\n        <form id=\"quizForm\" novalidate>\n            \n            <!-- ============================================================ -->\n            <!-- SECTION: FILL IN THE BLANKS (15 exercises) -->\n            <!-- ============================================================ -->\n            <div class=\"section-title\">\n                <span>FILL IN THE BLANKS<\/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 correct word or phrase (A, B, C, or D) to complete each sentence.\n            <\/div>\n\n            <div id=\"questions-container\">\n                <!-- Las preguntas se generar\u00e1n aqu\u00ed con 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\udfd4\ufe0f Cerro San Crist\u00f3bal &#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 questions) - Will be shuffled on each load\n        \/\/ ================================================================\n        const questionBank = [\n            {\n                id: 'q1',\n                stem: 'Cerro San Crist\u00f3bal is located in the ________ of Santiago.',\n                options: ['south', 'heart', 'east', 'north'],\n                correct: 'heart'\n            },\n            {\n                id: 'q2',\n                stem: 'The hill is part of the San Crist\u00f3bal Hill ________ Park.',\n                options: ['National', 'Regional', 'Metropolitan', 'Local'],\n                correct: 'Metropolitan'\n            },\n            {\n                id: 'q3',\n                stem: 'The height of Cerro San Crist\u00f3bal is ________ meters above sea level.',\n                options: ['650', '750', '850', '950'],\n                correct: '850'\n            },\n            {\n                id: 'q4',\n                stem: 'Visitors can reach the summit by cable car, funicular railway, or by ________.',\n                options: ['driving', 'walking or biking', 'flying', 'taking a bus'],\n                correct: 'walking or biking'\n            },\n            {\n                id: 'q5',\n                stem: 'At the top, there is a 19-meter statue of the ________.',\n                options: ['Virgin Mary', 'Andes Mountains', 'Mapocho River', 'President'],\n                correct: 'Virgin Mary'\n            },\n            {\n                id: 'q6',\n                stem: 'The statue of the Virgin Mary was inaugurated in ________.',\n                options: ['1898', '1908', '1918', '1928'],\n                correct: '1908'\n            },\n            {\n                id: 'q7',\n                stem: 'From the summit, you can see the Mapocho River, the Andes Mountains, and the ________.',\n                options: ['Pacific Ocean', 'sprawling city of Santiago', 'Atacama Desert', 'Lake'],\n                correct: 'sprawling city of Santiago'\n            },\n            {\n                id: 'q8',\n                stem: 'The park covers an area of over ________ hectares.',\n                options: ['500', '600', '700', '800'],\n                correct: '700'\n            },\n            {\n                id: 'q9',\n                stem: 'The hill is a popular destination for both ________.',\n                options: ['locals and tourists', 'students and teachers', 'foreigners only', 'scientists'],\n                correct: 'locals and tourists'\n            },\n            {\n                id: 'q10',\n                stem: 'The park is home to native flora and fauna, including espino trees, quillay trees, and ________.',\n                options: ['rabbits and birds', 'pumas', 'deer', 'snakes'],\n                correct: 'rabbits and birds'\n            },\n            {\n                id: 'q11',\n                stem: 'The statue of the Virgin Mary is a symbol of ________ and a popular pilgrimage site.',\n                options: ['faith', 'hope', 'peace', 'love'],\n                correct: 'faith'\n            },\n            {\n                id: 'q12',\n                stem: 'The park offers visitors public pools, gardens, and ________.',\n                options: ['restaurants', 'hotels', 'picnic areas', 'shopping malls'],\n                correct: 'picnic areas'\n            },\n            {\n                id: 'q13',\n                stem: 'Cerro San Crist\u00f3bal is more than just a viewpoint; it is a cultural and recreational ________.',\n                options: ['park', 'mountain', 'hub', 'forest'],\n                correct: 'hub'\n            },\n            {\n                id: 'q14',\n                stem: 'It connects people with nature in the middle of a bustling ________.',\n                options: ['city', 'metropolis', 'town', 'village'],\n                correct: 'metropolis'\n            },\n            {\n                id: 'q15',\n                stem: 'The hill is one of the most ________ landmarks in Santiago.',\n                options: ['famous', 'beloved', 'tallest', 'modern'],\n                correct: 'beloved'\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 - WITH SHUFFLED QUESTIONS &#038; OPTIONS\n        \/\/ ================================================================\n        function buildQuiz() {\n            const container = document.getElementById('questions-container');\n            \n            \/\/ Verificar que el contenedor existe\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            \/\/ Shuffle the questions\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                \/\/ Shuffle the options for this question\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            \n            \/\/ Mostrar mensaje de confirmaci\u00f3n en consola\n            console.log('\u2705 Quiz cargado correctamente con ' + questionBank.length + ' preguntas');\n        }\n\n        \/\/ ================================================================\n        \/\/ CALCULATE SCORE\n        \/\/ ================================================================\n        function calculateScore() {\n            const form = document.getElementById('quizForm');\n            const totalQuestions = questionBank.length; \/\/ 15\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                    \/\/ Find the question number based on the id\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 THE QUIZ - SE EJECUTA CUANDO LA P\u00c1GINA CARGA\n        \/\/ ================================================================\n        document.addEventListener('DOMContentLoaded', function() {\n            console.log('\ud83d\ude80 Iniciando carga del quiz...');\n            buildQuiz();\n        });\n\n        \/\/ Tambi\u00e9n ejecutar inmediatamente por si el DOM ya est\u00e1 cargado\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: Cerro San Crist\u00f3bal READING QUIZ Cerro San Crist\u00f3bal &#8211; Santiago, Chile \ud83d\udccb 15 Exercises \u00b7 Fill in the Blanks Version: Loading&#8230; \ud83d\udc64 Full Name: \ud83d\udcc5 Date: \ud83d\udcda Course \/ Level: \ud83c\udfd4\ufe0f Cerro San Crist\u00f3bal: Santiago&#8217;s Green Lung Cerro San Crist\u00f3bal is one of the most iconic hills in Santiago, Chile. It is located 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-583","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/583","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=583"}],"version-history":[{"count":3,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/583\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/583\/revisions\/587"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}