Actividad Interactiva – Examen de Ingl\u00e9s<\/title>\n <style>\n \/* ===== ESTILOS GENERALES ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #e8edf3 0%, #d5dde8 100%);\n min-height: 100vh;\n padding: 25px 20px;\n color: #1e2b3a;\n }\n .container {\n max-width: 1000px;\n margin: 0 auto;\n background: white;\n padding: 30px 40px;\n border-radius: 16px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n }\n h1 {\n color: #0b3b5c;\n border-bottom: 4px solid #2a7faa;\n padding-bottom: 12px;\n text-align: center;\n font-size: 28px;\n letter-spacing: 1px;\n }\n .subhead {\n text-align: center;\n font-size: 16px;\n color: #3a5b70;\n margin-bottom: 25px;\n font-style: italic;\n }\n .instructions {\n background: #eef3f9;\n padding: 14px 20px;\n border-radius: 10px;\n margin-bottom: 25px;\n border-left: 5px solid #2a7faa;\n font-size: 14px;\n line-height: 1.6;\n }\n .instructions strong {\n color: #0b3b5c;\n }\n\n \/* ===== ESTILOS DE PREGUNTAS ===== *\/\n .question-block {\n margin-bottom: 28px;\n padding-bottom: 20px;\n border-bottom: 1px dashed #cbdae9;\n }\n .question-number {\n font-weight: 700;\n font-size: 15px;\n color: #0b3b5c;\n margin-bottom: 4px;\n }\n .question-text {\n font-weight: 600;\n font-size: 15px;\n margin: 6px 0 8px 0;\n color: #1e2b3a;\n }\n .text-passage {\n background: #eef3f9;\n padding: 14px 20px;\n border-radius: 10px;\n margin-bottom: 12px;\n border-left: 5px solid #2a7faa;\n font-size: 14px;\n line-height: 1.6;\n }\n .text-passage img {\n max-width: 100%;\n height: auto;\n border-radius: 8px;\n margin: 10px 0 6px 0;\n display: block;\n }\n .options {\n list-style: none;\n padding-left: 8px;\n margin: 6px 0;\n }\n .options li {\n margin-bottom: 5px;\n font-size: 14px;\n padding: 4px 8px;\n border-radius: 6px;\n transition: background 0.2s;\n cursor: pointer;\n }\n .options li:hover {\n background: #f0f4fa;\n }\n .options input[type=\"radio\"] {\n margin-right: 10px;\n transform: scale(1.1);\n cursor: pointer;\n }\n .open-answer {\n margin: 6px 0 4px 0;\n }\n .open-answer textarea {\n width: 100%;\n padding: 10px 12px;\n border-radius: 8px;\n border: 1.5px solid #b8c9dd;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n min-height: 50px;\n background: #fafcfe;\n transition: border-color 0.3s;\n }\n .open-answer textarea:focus {\n border-color: #2a7faa;\n outline: none;\n box-shadow: 0 0 0 3px rgba(42, 127, 170, 0.15);\n }\n\n \/* ===== IM\u00c1GENES DE SE\u00d1AL\u00c9TICA - 300% M\u00c1S GRANDES ===== *\/\n .sign-single {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 12px 0 8px 0;\n background: #f8fafc;\n padding: 25px 20px;\n border-radius: 12px;\n border: 2px solid #e3edf6;\n }\n .sign-single img {\n \/* TAMA\u00d1O AUMENTADO AL 300% *\/\n width: 600px;\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n border: 3px solid #c8d6e5;\n box-shadow: 0 4px 16px rgba(0,0,0,0.10);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .sign-single img:hover {\n transform: scale(1.04);\n box-shadow: 0 8px 28px rgba(0,0,0,0.18);\n }\n .sign-label {\n text-align: center;\n font-weight: 700;\n font-size: 16px;\n color: #0b3b5c;\n margin-top: 8px;\n background: #e3edf6;\n padding: 4px 20px;\n border-radius: 20px;\n display: inline-block;\n }\n\n .glossary {\n font-size: 13px;\n color: #1f4b6e;\n background: #e0ebf5;\n padding: 4px 14px;\n border-radius: 20px;\n display: inline-block;\n margin-top: 6px;\n }\n\n \/* ===== BOTONES ===== *\/\n .btn-wrapper {\n text-align: center;\n margin: 30px 0 20px 0;\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n }\n .btn {\n padding: 14px 40px;\n font-size: 17px;\n font-weight: 600;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.25s;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n .btn-primary {\n background: #0b3b5c;\n color: white;\n box-shadow: 0 4px 14px rgba(11, 59, 92, 0.35);\n }\n .btn-primary:hover {\n background: #1a5276;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(11, 59, 92, 0.4);\n }\n .btn-primary:active {\n transform: scale(0.97);\n }\n .btn-danger {\n background: #a02c3a;\n color: white;\n box-shadow: 0 4px 14px rgba(160, 44, 58, 0.3);\n }\n .btn-danger:hover {\n background: #c0392b;\n transform: translateY(-2px);\n }\n .btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none !important;\n }\n\n \/* ===== RESULTADOS ===== *\/\n .results-panel {\n display: none;\n background: linear-gradient(135deg, #f0f7fe 0%, #e3edf6 100%);\n padding: 25px 30px;\n border-radius: 14px;\n margin-top: 25px;\n border: 2px solid #2a7faa;\n animation: fadeIn 0.6s ease;\n }\n .results-panel.show {\n display: block;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 18px;\n margin: 15px 0 20px 0;\n }\n .result-item {\n background: white;\n padding: 16px 20px;\n border-radius: 12px;\n text-align: center;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n }\n .result-item .label {\n font-size: 13px;\n color: #4d687e;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .result-item .value {\n font-size: 32px;\n font-weight: 700;\n color: #0b3b5c;\n margin-top: 4px;\n }\n .result-item .value.green { color: #1e7e34; }\n .result-item .value.orange { color: #d97706; }\n .result-item .value.red { color: #b91c1c; }\n .result-item .value.blue { color: #1a5276; }\n\n .feedback-box {\n background: white;\n padding: 18px 22px;\n border-radius: 12px;\n margin-top: 15px;\n border-left: 6px solid #2a7faa;\n font-size: 15px;\n line-height: 1.7;\n }\n .feedback-box .emoji-big {\n font-size: 38px;\n display: block;\n text-align: center;\n margin-bottom: 8px;\n }\n\n \/* ===== RETROALIMENTACI\u00d3N POR PREGUNTA ===== *\/\n .feedback-detail {\n margin-top: 20px;\n border-top: 2px solid #d0ddee;\n padding-top: 18px;\n }\n .feedback-detail h3 {\n color: #0b3b5c;\n font-size: 17px;\n margin-bottom: 12px;\n }\n .feedback-item {\n background: #f8fafc;\n padding: 10px 16px;\n border-radius: 8px;\n margin-bottom: 6px;\n font-size: 14px;\n border-left: 4px solid #b8c9dd;\n }\n .feedback-item.correct {\n border-left-color: #1e7e34;\n background: #f0f8f0;\n }\n .feedback-item.incorrect {\n border-left-color: #b91c1c;\n background: #fdf0ef;\n }\n .feedback-item .q-label {\n font-weight: 600;\n color: #0b3b5c;\n }\n .feedback-item .answer-status {\n font-weight: 600;\n }\n .feedback-item .answer-status.correct { color: #1e7e34; }\n .feedback-item .answer-status.incorrect { color: #b91c1c; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .container { padding: 18px 16px; }\n h1 { font-size: 22px; }\n .results-grid { grid-template-columns: 1fr 1fr; }\n .result-item .value { font-size: 26px; }\n .sign-single img { width: 100%; max-width: 480px; }\n .sign-single { padding: 18px 14px; }\n .btn { padding: 12px 24px; font-size: 15px; }\n }\n @media (max-width: 500px) {\n .results-grid { grid-template-columns: 1fr; }\n .container { padding: 12px 10px; }\n .sign-single img { max-width: 340px; }\n .sign-single { padding: 14px 10px; }\n }\n\n \/* ===== SCROLL SUAVE ===== *\/\n html {\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\" id=\"mainContainer\">\n\n <h1>\ud83d\udcd8 Examen Interactivo de Ingl\u00e9s<\/h1>\n <div class=\"subhead\">EPJA – Prof. Juan Mu\u00f1oz \u00b7 www.teacherjm.com\/epja<\/div>\n\n <div class=\"instructions\">\n <strong>\ud83d\udccc Instrucciones:<\/strong>\n <ul style=\"margin: 8px 0 0 20px; line-height: 1.7;\">\n <li>Lee cada texto y responde las preguntas.<\/li>\n <li>Selecciona la opci\u00f3n que consideres correcta.<\/li>\n <li>Para las preguntas abiertas, escribe tu respuesta en el recuadro.<\/li>\n <li>Al finalizar, haz clic en <strong>“\u2705 Corregir examen”<\/strong> para ver tu nota y retroalimentaci\u00f3n.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"1\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>Valpara\u00edso<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Valpo-Ok.jpg\" alt=\"Valpara\u00edso\">\n Valparaiso fascinates with its locations and unique houses forming a natural amphitheater that looks over the ocean. We recommend you visit the port city. Start at Anibal Pinto Plaza and then ride up the Peral elevator to reach the hill known as Cerro Alegre that, together with Cerro Concepci\u00f3n, are the city’s most touristic spots. There are delicious restaurants and caf\u00e9s such as Paste e Vino, the pizzeria Malandrino, Samsara Thai food and Caf\u00e9 Vinilo. But one of the city’s best attractions, the house-museum of Pablo Neruda, La Sebastiana. It’s the perfect place for a visit this autumn.\n <div class=\"glossary\">\ud83d\udcd6 look over: examinar \u00b7 known as: conocido como \u00b7 spots: locaciones<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 1<\/div>\n <div class=\"question-text\">What is the purpose of this text?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q1\" value=\"A\"> A. Describe some hills.<\/li>\n <li><input type=\"radio\" name=\"q1\" value=\"B\"> B. Recommend a port city.<\/li>\n <li><input type=\"radio\" name=\"q1\" value=\"C\"> C. Describe a house-museum.<\/li>\n <li><input type=\"radio\" name=\"q1\" value=\"D\"> D. Recommend some restaurants.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"2\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 2<\/div>\n <div class=\"question-text\">What is one of the city’s best attractions?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q2\" value=\"A\"> A. An elevator.<\/li>\n <li><input type=\"radio\" name=\"q2\" value=\"B\"> B. Cerro Alegre.<\/li>\n <li><input type=\"radio\" name=\"q2\" value=\"C\"> C. A house-museum.<\/li>\n <li><input type=\"radio\" name=\"q2\" value=\"D\"> D. Pizzeria Malandrino.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"3\" data-type=\"mc\" data-answer=\"D\">\n <div class=\"question-number\">Pregunta 3<\/div>\n <div class=\"question-text\">The text says: <em>“Start at Anibal Pinto Plaza and then ride up the Peral elevator to reach the hill.”<\/em> What is the meaning of <strong>ride up<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q3\" value=\"A\"> A. See.<\/li>\n <li><input type=\"radio\" name=\"q3\" value=\"B\"> B. Pay.<\/li>\n <li><input type=\"radio\" name=\"q3\" value=\"C\"> C. Find.<\/li>\n <li><input type=\"radio\" name=\"q3\" value=\"D\"> D. Take.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"4\" data-type=\"open\" data-answer=\"It has beautiful architecture|You can enjoy the sea view|It has a rich cultural history|The weather is nice|You can visit Pablo Neruda's house|It's a colorful city\">\n <div class=\"question-number\">Pregunta 4<\/div>\n <div class=\"question-text\">Add another reason, not mentioned in the text, telling why it is a good idea to visit Valpara\u00edso. (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"4\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"5\" data-type=\"mc\" data-answer=\"A\">\n <div class=\"text-passage\">\n <strong>27-04-2015<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Baby-Ok.jpg\" alt=\"Baby with hearing aids\">\n A baby is born. He is a boy. He cannot hear. Doctors help him. They give the baby hearing aids. The baby is nine weeks old now. He can hear. His mother talks to him. He can hear her for the first time. The baby smiles.<br>\n Someone films the amazing moment. He or she uploads it to YouTube. Many people watch this video.\n <div class=\"glossary\">\ud83d\udcd6 hearing aids: aud\u00edfonos \u00b7 can: poder \u00b7 amazing: asombroso<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 5<\/div>\n <div class=\"question-text\">What is the problem, mentioned in the text, that needs a solution?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q5\" value=\"A\"> A. The baby cannot hear.<\/li>\n <li><input type=\"radio\" name=\"q5\" value=\"B\"> B. Doctors cannot help the baby.<\/li>\n <li><input type=\"radio\" name=\"q5\" value=\"C\"> C. The baby’s mother talks to him.<\/li>\n <li><input type=\"radio\" name=\"q5\" value=\"D\"> D. Someone puts the baby’s video on Youtube.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"6\" data-type=\"open\" data-answer=\"He smiles|The baby smiles|He smiles when he hears her|He smiles because he can hear\">\n <div class=\"question-number\">Pregunta 6<\/div>\n <div class=\"question-text\">What does the baby do when he hears his mother’s voice? (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"6\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"7\" data-type=\"mc\" data-answer=\"D\">\n <div class=\"question-number\">Pregunta 7<\/div>\n <div class=\"question-text\">In the sentence: <em>“He or she uploads it to YouTube. Many people watch this video.”<\/em> What is the meaning of <strong>uploads<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q7\" value=\"A\"> A. Sells.<\/li>\n <li><input type=\"radio\" name=\"q7\" value=\"B\"> B. Finds.<\/li>\n <li><input type=\"radio\" name=\"q7\" value=\"C\"> C. Sails.<\/li>\n <li><input type=\"radio\" name=\"q7\" value=\"D\"> D. Shares.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"9\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>10-10-2015<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Animal-tourism-Ok.jpg\" alt=\"Animals in tourism\">\n This news is about animals. Not all animals are happy. Some have to live with people. They have to perform at shows. However, they don’t know everything about the animals. The animals often suffer. Some people are not nice to them. The animals are taken from their mothers. They are often lonely. The animals need to be helped.\n <div class=\"glossary\">\ud83d\udcd6 suffer: sufrir \u00b7 are taken: son separados \u00b7 lonely: solitario \u00b7 to be helped: ser ayudado<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 9<\/div>\n <div class=\"question-text\">In the sentence: <em>“Some have to live with people. They have to perform at shows.”<\/em> What is the meaning of <strong>perform<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q9\" value=\"A\"> A. Clap.<\/li>\n <li><input type=\"radio\" name=\"q9\" value=\"B\"> B. Act.<\/li>\n <li><input type=\"radio\" name=\"q9\" value=\"C\"> C. Help.<\/li>\n <li><input type=\"radio\" name=\"q9\" value=\"D\"> D. Attend.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"10\" data-type=\"open\" data-answer=\"I adopt pets from shelters|I give them food and water|I take them to the vet|I don't abandon them|I treat them with love|I protect them from danger\">\n <div class=\"question-number\">Pregunta 10<\/div>\n <div class=\"question-text\">How do you protect animals or pets? (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"10\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"11\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>Aromatherapy<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/aromaterapia-Ok.jpg\" alt=\"Aromatherapy oils\">\n Aromatherapy is a type of alternative medicine that uses essential oils and other aromatic compounds to improve health. It is used to reduce stress, anxiety, and pain. It is also popular in many countries. Some studies show that it can help people relax and sleep better.\n <\/div>\n <div class=\"question-number\">Pregunta 11<\/div>\n <div class=\"question-text\">What is this text essentially about?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q11\" value=\"A\"> A. Some inexpensive oils.<\/li>\n <li><input type=\"radio\" name=\"q11\" value=\"B\"> B. Aromatherapy benefits.<\/li>\n <li><input type=\"radio\" name=\"q11\" value=\"C\"> C. Aromatherapy in France.<\/li>\n <li><input type=\"radio\" name=\"q11\" value=\"D\"> D. Benefits to visit a therapist.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"12\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 12<\/div>\n <div class=\"question-text\">What is a reason that aromatherapy can improve your health?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q12\" value=\"A\"> A. It is easy to use.<\/li>\n <li><input type=\"radio\" name=\"q12\" value=\"B\"> B. It needs essential oils.<\/li>\n <li><input type=\"radio\" name=\"q12\" value=\"C\"> C. It can reduce stress.<\/li>\n <li><input type=\"radio\" name=\"q12\" value=\"D\"> D. It is popular in many countries.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"13\" data-type=\"open\" data-answer=\"Meditation|Yoga|Listen to music|Go for a walk|Read a book|Practice sports|Paint|Swim|Sleep\">\n <div class=\"question-number\">Pregunta 13<\/div>\n <div class=\"question-text\">Add another activity that people usually do or practice to relax. (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"13\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"14\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"text-passage\">\n <strong>Advertisement<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Balloom-Ok.jpg\" alt=\"Balloon flights\">\n <\/div>\n <div class=\"question-number\">Pregunta 14<\/div>\n <div class=\"question-text\">What does it say?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q14\" value=\"A\"> A. Everybody pays over $1500.<\/li>\n <li><input type=\"radio\" name=\"q14\" value=\"B\"> B. It invites you to see a city from the air.<\/li>\n <li><input type=\"radio\" name=\"q14\" value=\"C\"> C. It invites you to see some balloon flights.<\/li>\n <li><input type=\"radio\" name=\"q14\" value=\"D\"> D. Morning and afternoon flights: every Tuesday.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"15\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"text-passage\">\n <strong>Dangerous Area<\/strong><br>\n <em>“Dangerous Area High Voltage in overhead and buried cables”<\/em>\n <\/div>\n <div class=\"question-number\">Pregunta 15<\/div>\n <div class=\"question-text\">What do you have to protect?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q15\" value=\"A\"> A. Only feet and body.<\/li>\n <li><input type=\"radio\" name=\"q15\" value=\"B\"> B. Some buried cables.<\/li>\n <li><input type=\"radio\" name=\"q15\" value=\"C\"> C. Your head, feet and body.<\/li>\n <li><input type=\"radio\" name=\"q15\" value=\"D\"> D. Only the high voltage area.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"16\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 16<\/div>\n <div class=\"question-text\">In the sentence: <em>“dangerous Area High Voltage in overhead and buried cables”<\/em> What is the meaning of <strong>dangerous<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q16\" value=\"A\"> A. Near.<\/li>\n <li><input type=\"radio\" name=\"q16\" value=\"B\"> B. Electric.<\/li>\n <li><input type=\"radio\" name=\"q16\" value=\"C\"> C. Insecure.<\/li>\n <li><input type=\"radio\" name=\"q16\" value=\"D\"> D. Attractive.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"17\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>Welcome to my class!<\/strong><br>\n I’m happy you are here! I have new information of good things To help describe our learning process.<br>\n The eraser is to let you know It’s ok to make mistakes. We have to correct them and learn from them.<br>\n The Smarties candies say I know you are smart. The Lifesavers are to remind you that I am here for you.<br>\n The pencil represents the learning of this year There’s a lot to learn this term. Good luck!!! Your teacher…\n <div class=\"glossary\">\ud83d\udcd6 learning: aprendizaje \u00b7 lifesavers: salvavidas \u00b7 term: semestre<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 17<\/div>\n <div class=\"question-text\">What is this text essentially about?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q17\" value=\"A\"> A. To introduce new students.<\/li>\n <li><input type=\"radio\" name=\"q17\" value=\"B\"> B. To welcome students to a new class.<\/li>\n <li><input type=\"radio\" name=\"q17\" value=\"C\"> C. To describe how to correct our mistakes.<\/li>\n <li><input type=\"radio\" name=\"q17\" value=\"D\"> D. To introduce the learning of this year.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"18\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 18<\/div>\n <div class=\"question-text\">In the sentence: <em>“The eraser is to let you know It’s ok to make mistakes”.<\/em> What does the word <strong>mistakes<\/strong> mean?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q18\" value=\"A\"> A. Cleanings.<\/li>\n <li><input type=\"radio\" name=\"q18\" value=\"B\"> B. Writings.<\/li>\n <li><input type=\"radio\" name=\"q18\" value=\"C\"> C. Errors.<\/li>\n <li><input type=\"radio\" name=\"q18\" value=\"D\"> D. Drafts.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"19\" data-type=\"mc\" data-answer=\"A\">\n <div class=\"question-number\">Pregunta 19<\/div>\n <div class=\"question-text\">According to the text, which object(s) represent(s) the learning of the year?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q19\" value=\"A\"> A. The pencil.<\/li>\n <li><input type=\"radio\" name=\"q19\" value=\"B\"> B. The eraser.<\/li>\n <li><input type=\"radio\" name=\"q19\" value=\"C\"> C. The smarties.<\/li>\n <li><input type=\"radio\" name=\"q19\" value=\"D\"> D. The lifesavers.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"20\" data-type=\"open\" data-answer=\"I pay attention|I participate actively|I ask questions|I do my homework|I listen to the teacher|I take notes|I study every day|I practice\">\n <div class=\"question-number\">Pregunta 20<\/div>\n <div class=\"question-text\">What do you do to show you are interested in a new learning procedure or in a new class? (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"20\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"21\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>The Apple Club<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/The-apple-Club-Ok.jpg\" alt=\"The Apple Club advertisement\">\n <\/div>\n <div class=\"question-number\">Pregunta 21<\/div>\n <div class=\"question-text\">According to the text, when don’t you have to pay?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q21\" value=\"A\"> A. If you stay until eight.<\/li>\n <li><input type=\"radio\" name=\"q21\" value=\"B\"> B. If you wear 80s clothes.<\/li>\n <li><input type=\"radio\" name=\"q21\" value=\"C\"> C. If you go on weekends.<\/li>\n <li><input type=\"radio\" name=\"q21\" value=\"D\"> D. If you dance 80s music.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"22\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 22<\/div>\n <div class=\"question-text\">In the sentence: <em>“Free entry if you wear 80s clothes!”<\/em> What is the meaning of <strong>free entry<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q22\" value=\"A\"> A. Private.<\/li>\n <li><input type=\"radio\" name=\"q22\" value=\"B\"> B. Best price.<\/li>\n <li><input type=\"radio\" name=\"q22\" value=\"C\"> C. Gratuitous.<\/li>\n <li><input type=\"radio\" name=\"q22\" value=\"D\"> D. Half price.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"23\" data-type=\"mc\" data-answer=\"A\">\n <div class=\"question-number\">Pregunta 23<\/div>\n <div class=\"question-text\">Which sign says: <strong>don’t eat in this place<\/strong>?<\/div>\n <div class=\"sign-single\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/senaletica-1-Ok.jpg\" alt=\"Se\u00f1al 1 - Prohibido comer\">\n <span class=\"sign-label\">\u2b06\ufe0f Se\u00f1al 1<\/span>\n <\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q23\" value=\"A\"> A. Sign 1<\/li>\n <li><input type=\"radio\" name=\"q23\" value=\"B\"> B. Sign 2<\/li>\n <li><input type=\"radio\" name=\"q23\" value=\"C\"> C. Sign 3<\/li>\n <li><input type=\"radio\" name=\"q23\" value=\"D\"> D. None of the above<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"24\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"question-number\">Pregunta 24<\/div>\n <div class=\"question-text\">Which sign insists on covering a part of your body?<\/div>\n <div class=\"sign-single\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/senaletica-2-Ok.jpg\" alt=\"Se\u00f1al 2 - Usar casco\">\n <span class=\"sign-label\">\u2b06\ufe0f Se\u00f1al 2<\/span>\n <\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q24\" value=\"A\"> A. Sign 1<\/li>\n <li><input type=\"radio\" name=\"q24\" value=\"B\"> B. Sign 2<\/li>\n <li><input type=\"radio\" name=\"q24\" value=\"C\"> C. Sign 3<\/li>\n <li><input type=\"radio\" name=\"q24\" value=\"D\"> D. None of the above<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"25\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 25<\/div>\n <div class=\"question-text\">Which sign is directed to <strong>“shoppers”<\/strong>?<\/div>\n <div class=\"sign-single\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Senaletica-3-Ok.jpg\" alt=\"Se\u00f1al 3 - Shoppers\">\n <span class=\"sign-label\">\u2b06\ufe0f Se\u00f1al 3<\/span>\n <\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q25\" value=\"A\"> A. Sign 1<\/li>\n <li><input type=\"radio\" name=\"q25\" value=\"B\"> B. Sign 2<\/li>\n <li><input type=\"radio\" name=\"q25\" value=\"C\"> C. Sign 3<\/li>\n <li><input type=\"radio\" name=\"q25\" value=\"D\"> D. None of the above<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"btn-wrapper\">\n <button class=\"btn btn-primary\" id=\"btnCorregir\">\u2705 Corregir examen<\/button>\n <button class=\"btn btn-danger\" id=\"btnReiniciar\">\ud83d\udd04 Reiniciar respuestas<\/button>\n <\/div>\n\n \n <div class=\"results-panel\" id=\"resultsPanel\">\n <h2 style=\"color: #0b3b5c; text-align: center; margin-bottom: 6px;\">\ud83d\udcca Resultados<\/h2>\n\n <div class=\"results-grid\">\n <div class=\"result-item\">\n <div class=\"label\">\u2705 Correctas<\/div>\n <div class=\"value green\" id=\"correctCount\">0<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"label\">\u274c Incorrectas<\/div>\n <div class=\"value red\" id=\"incorrectCount\">0<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"label\">\ud83d\udcca Porcentaje<\/div>\n <div class=\"value blue\" id=\"percentage\">0%<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"label\">\ud83c\udf93 Nota (1-7)<\/div>\n <div class=\"value orange\" id=\"grade\">1.0<\/div>\n <\/div>\n <\/div>\n\n <div class=\"feedback-box\" id=\"feedbackBox\">\n <span class=\"emoji-big\" id=\"feedbackEmoji\">\ud83d\ude0a<\/span>\n <div id=\"feedbackText\">\u00a1Buen trabajo!<\/div>\n <\/div>\n\n <div class=\"feedback-detail\" id=\"feedbackDetail\">\n <h3>\ud83d\udcdd Retroalimentaci\u00f3n por pregunta<\/h3>\n <div id=\"feedbackItems\"><\/div>\n <\/div>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 25px; font-size: 13px; color: #4d687e; border-top: 1px solid #d0ddee; padding-top: 18px;\">\n \ud83d\udccc Actividad interactiva para EPJA – Prof. Juan Mu\u00f1oz \u00b7 www.teacherjm.com\/epja\n <\/div>\n\n<\/div>\n\n\n\n\n<script>\n (function() {\n 'use strict';\n\n \/\/ --- Definici\u00f3n de respuestas correctas ---\n const correctAnswers = {\n 'q1': 'B', 'q2': 'C', 'q3': 'D',\n 'q5': 'A', 'q7': 'D',\n 'q9': 'B',\n 'q11': 'B', 'q12': 'C',\n 'q14': 'C',\n 'q15': 'C', 'q16': 'C',\n 'q17': 'B', 'q18': 'C', 'q19': 'A',\n 'q21': 'B', 'q22': 'C',\n 'q23': 'A', 'q24': 'B', 'q25': 'C',\n 'q4': ['architecture', 'view', 'history', 'weather', 'colorful', 'neruda', 'beautiful'],\n 'q6': ['smile', 'smiles'],\n 'q10': ['adopt', 'food', 'water', 'vet', 'abandon', 'love', 'protect', 'care'],\n 'q13': ['meditation', 'yoga', 'music', 'walk', 'book', 'sport', 'paint', 'swim', 'sleep', 'exercise', 'read'],\n 'q20': ['attention', 'participate', 'questions', 'homework', 'listen', 'notes', 'study', 'practice', 'learn']\n };\n\n \/\/ --- Elementos DOM ---\n const btnCorregir = document.getElementById('btnCorregir');\n const btnReiniciar = document.getElementById('btnReiniciar');\n const resultsPanel = document.getElementById('resultsPanel');\n const correctCountEl = document.getElementById('correctCount');\n const incorrectCountEl = document.getElementById('incorrectCount');\n const percentageEl = document.getElementById('percentage');\n const gradeEl = document.getElementById('grade');\n const feedbackText = document.getElementById('feedbackText');\n const feedbackEmoji = document.getElementById('feedbackEmoji');\n const feedbackItems = document.getElementById('feedbackItems');\n\n \/\/ --- Funciones auxiliares ---\n function getSelectedValue(name) {\n const radios = document.getElementsByName(name);\n for (let r of radios) {\n if (r.checked) return r.value;\n }\n return null;\n }\n\n function getOpenAnswer(questionNum) {\n const textareas = document.querySelectorAll(`textarea[data-open-q=\"${questionNum}\"]`);\n if (textareas.length > 0) {\n return textareas[0].value.trim();\n }\n return '';\n }\n\n function normalizeText(text) {\n return text.toLowerCase().replace(\/[^a-z\u00e1\u00e9\u00ed\u00f3\u00fa\u00f1 ]\/g, '').trim();\n }\n\n function checkOpenAnswer(userAnswer, keywords) {\n if (!userAnswer || userAnswer.length < 2) return false;\n const normalized = normalizeText(userAnswer);\n for (let kw of keywords) {\n if (normalized.includes(kw.toLowerCase())) {\n return true;\n }\n }\n return false;\n }\n\n \/\/ --- Funci\u00f3n principal de correcci\u00f3n ---\n function corregirExamen() {\n let correctas = 0;\n let incorrectas = 0;\n let detalles = [];\n\n \/\/ --- Corregir opci\u00f3n m\u00faltiple ---\n const mcQuestions = [1,2,3,5,7,9,11,12,14,15,16,17,18,19,21,22,23,24,25];\n for (let num of mcQuestions) {\n const name = 'q' + num;\n const selected = getSelectedValue(name);\n const correct = correctAnswers[name];\n const isCorrect = (selected === correct);\n if (isCorrect) correctas++;\n else incorrectas++;\n\n const userAnswer = selected ? selected : '(No respondida)';\n const correctAnswer = correct ? correct : 'N\/A';\n detalles.push({\n num: num,\n type: 'MC',\n user: userAnswer,\n correct: correctAnswer,\n isCorrect: isCorrect\n });\n }\n\n \/\/ --- Corregir preguntas abiertas ---\n const openQuestions = [4,6,10,13,20];\n for (let num of openQuestions) {\n const key = 'q' + num;\n const userAnswer = getOpenAnswer(num);\n const keywords = correctAnswers[key] || [];\n const isCorrect = checkOpenAnswer(userAnswer, keywords);\n if (isCorrect) correctas++;\n else incorrectas++;\n\n const displayAnswer = userAnswer || '(No respondida)';\n const suggested = keywords.slice(0, 3).join(', ') + (keywords.length > 3 ? '...' : '');\n detalles.push({\n num: num,\n type: 'OPEN',\n user: displayAnswer,\n correct: suggested,\n isCorrect: isCorrect\n });\n }\n\n \/\/ --- Calcular resultados ---\n const total = correctas + incorrectas;\n const porcentaje = total > 0 ? Math.round((correctas \/ total) * 100) : 0;\n\n let nota = 1.0;\n if (porcentaje >= 95) nota = 7.0;\n else if (porcentaje >= 90) nota = 6.5;\n else if (porcentaje >= 80) nota = 6.0;\n else if (porcentaje >= 70) nota = 5.5;\n else if (porcentaje >= 60) nota = 5.0;\n else if (porcentaje >= 50) nota = 4.5;\n else if (porcentaje >= 45) nota = 4.0;\n else if (porcentaje >= 40) nota = 3.5;\n else if (porcentaje >= 30) nota = 3.0;\n else if (porcentaje >= 20) nota = 2.5;\n else if (porcentaje >= 10) nota = 2.0;\n else nota = 1.0;\n\n \/\/ --- Mostrar resultados ---\n correctCountEl.textContent = correctas;\n incorrectCountEl.textContent = incorrectas;\n percentageEl.textContent = porcentaje + '%';\n gradeEl.textContent = nota.toFixed(1);\n\n \/\/ --- Retroalimentaci\u00f3n general ---\n let emoji = '';\n let mensaje = '';\n if (porcentaje >= 90) {\n emoji = '\ud83c\udf1f';\n mensaje = '\u00a1Excelente! Demuestras un dominio sobresaliente del ingl\u00e9s. Sigue as\u00ed.';\n } else if (porcentaje >= 70) {\n emoji = '\ud83d\ude0a';\n mensaje = '\u00a1Muy bien! Tienes un buen nivel. Revisa los errores para mejorar a\u00fan m\u00e1s.';\n } else if (porcentaje >= 50) {\n emoji = '\ud83d\udcd6';\n mensaje = 'Vas por buen camino. Te recomiendo repasar los textos y vocabulario. \u00a1Puedes lograrlo!';\n } else if (porcentaje >= 30) {\n emoji = '\ud83d\udcaa';\n mensaje = 'No te desanimes. Practica m\u00e1s la lectura comprensiva y el vocabulario. \u00a1T\u00fa puedes!';\n } else {\n emoji = '\ud83d\udd04';\n mensaje = 'Es momento de estudiar con m\u00e1s dedicaci\u00f3n. Revisa los textos y vuelve a intentarlo.';\n }\n feedbackEmoji.textContent = emoji;\n feedbackText.textContent = mensaje;\n\n \/\/ --- Retroalimentaci\u00f3n por pregunta ---\n let html = '';\n for (let d of detalles) {\n const statusClass = d.isCorrect ? 'correct' : 'incorrect';\n const statusText = d.isCorrect ? '\u2705 Correcta' : '\u274c Incorrecta';\n const statusSpan = d.isCorrect ? 'correct' : 'incorrect';\n let extraInfo = '';\n if (d.type === 'MC') {\n extraInfo = `Tu respuesta: ${d.user} | Correcta: ${d.correct}`;\n } else {\n extraInfo = `Tu respuesta: \"${d.user}\" | Sugerencia: ${d.correct}`;\n }\n html += `\n <div class=\"feedback-item ${statusClass}\">\n <span class=\"q-label\">Pregunta ${d.num}<\/span>\n <span class=\"answer-status ${statusSpan}\">${statusText}<\/span><br>\n <span style=\"font-size:13px; color:#4d687e;\">${extraInfo}<\/span>\n <\/div>\n `;\n }\n feedbackItems.innerHTML = html;\n\n resultsPanel.classList.add('show');\n resultsPanel.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n \/\/ --- Reiniciar respuestas ---\n function reiniciarRespuestas() {\n const radios = document.querySelectorAll('input[type=\"radio\"]');\n for (let r of radios) {\n r.checked = false;\n }\n const textareas = document.querySelectorAll('textarea');\n for (let t of textareas) {\n t.value = '';\n }\n resultsPanel.classList.remove('show');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n \/\/ --- Eventos ---\n btnCorregir.addEventListener('click', corregirExamen);\n btnReiniciar.addEventListener('click', reiniciarRespuestas);\n\n document.querySelectorAll('textarea').forEach(t => {\n t.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n }\n });\n });\n\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Actividad Interactiva – Examen de Ingl\u00e9s \ud83d\udcd8 Examen Interactivo de Ingl\u00e9s EPJA – Prof. Juan Mu\u00f1oz \u00b7 www.teacherjm.com\/epja \ud83d\udccc Instrucciones: Lee cada texto y responde las preguntas. Selecciona la opci\u00f3n que consideres correcta. Para las preguntas abiertas, escribe tu respuesta en el recuadro. Al finalizar, haz clic en “\u2705 Corregir examen” para ver tu nota […]<\/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-761","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/761","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=761"}],"version-history":[{"count":2,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":763,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/761\/revisions\/763"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":761,"date":"2026-07-25T04:30:25","date_gmt":"2026-07-25T04:30:25","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=761"},"modified":"2026-07-25T04:56:48","modified_gmt":"2026-07-25T04:56:48","slug":"761-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/761-2\/","title":{"rendered":""},"content":{"rendered":"\n \n\n\n \n \n Actividad Interactiva – Examen de Ingl\u00e9s<\/title>\n <style>\n \/* ===== ESTILOS GENERALES ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #e8edf3 0%, #d5dde8 100%);\n min-height: 100vh;\n padding: 25px 20px;\n color: #1e2b3a;\n }\n .container {\n max-width: 1000px;\n margin: 0 auto;\n background: white;\n padding: 30px 40px;\n border-radius: 16px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n }\n h1 {\n color: #0b3b5c;\n border-bottom: 4px solid #2a7faa;\n padding-bottom: 12px;\n text-align: center;\n font-size: 28px;\n letter-spacing: 1px;\n }\n .subhead {\n text-align: center;\n font-size: 16px;\n color: #3a5b70;\n margin-bottom: 25px;\n font-style: italic;\n }\n .instructions {\n background: #eef3f9;\n padding: 14px 20px;\n border-radius: 10px;\n margin-bottom: 25px;\n border-left: 5px solid #2a7faa;\n font-size: 14px;\n line-height: 1.6;\n }\n .instructions strong {\n color: #0b3b5c;\n }\n\n \/* ===== ESTILOS DE PREGUNTAS ===== *\/\n .question-block {\n margin-bottom: 28px;\n padding-bottom: 20px;\n border-bottom: 1px dashed #cbdae9;\n }\n .question-number {\n font-weight: 700;\n font-size: 15px;\n color: #0b3b5c;\n margin-bottom: 4px;\n }\n .question-text {\n font-weight: 600;\n font-size: 15px;\n margin: 6px 0 8px 0;\n color: #1e2b3a;\n }\n .text-passage {\n background: #eef3f9;\n padding: 14px 20px;\n border-radius: 10px;\n margin-bottom: 12px;\n border-left: 5px solid #2a7faa;\n font-size: 14px;\n line-height: 1.6;\n }\n .text-passage img {\n max-width: 100%;\n height: auto;\n border-radius: 8px;\n margin: 10px 0 6px 0;\n display: block;\n }\n .options {\n list-style: none;\n padding-left: 8px;\n margin: 6px 0;\n }\n .options li {\n margin-bottom: 5px;\n font-size: 14px;\n padding: 4px 8px;\n border-radius: 6px;\n transition: background 0.2s;\n cursor: pointer;\n }\n .options li:hover {\n background: #f0f4fa;\n }\n .options input[type=\"radio\"] {\n margin-right: 10px;\n transform: scale(1.1);\n cursor: pointer;\n }\n .open-answer {\n margin: 6px 0 4px 0;\n }\n .open-answer textarea {\n width: 100%;\n padding: 10px 12px;\n border-radius: 8px;\n border: 1.5px solid #b8c9dd;\n font-family: inherit;\n font-size: 14px;\n resize: vertical;\n min-height: 50px;\n background: #fafcfe;\n transition: border-color 0.3s;\n }\n .open-answer textarea:focus {\n border-color: #2a7faa;\n outline: none;\n box-shadow: 0 0 0 3px rgba(42, 127, 170, 0.15);\n }\n\n \/* ===== IM\u00c1GENES DE SE\u00d1AL\u00c9TICA - 300% M\u00c1S GRANDES ===== *\/\n .sign-single {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 12px 0 8px 0;\n background: #f8fafc;\n padding: 25px 20px;\n border-radius: 12px;\n border: 2px solid #e3edf6;\n }\n .sign-single img {\n \/* TAMA\u00d1O AUMENTADO AL 300% *\/\n width: 600px;\n max-width: 100%;\n height: auto;\n border-radius: 10px;\n border: 3px solid #c8d6e5;\n box-shadow: 0 4px 16px rgba(0,0,0,0.10);\n transition: transform 0.3s, box-shadow 0.3s;\n }\n .sign-single img:hover {\n transform: scale(1.04);\n box-shadow: 0 8px 28px rgba(0,0,0,0.18);\n }\n .sign-label {\n text-align: center;\n font-weight: 700;\n font-size: 16px;\n color: #0b3b5c;\n margin-top: 8px;\n background: #e3edf6;\n padding: 4px 20px;\n border-radius: 20px;\n display: inline-block;\n }\n\n .glossary {\n font-size: 13px;\n color: #1f4b6e;\n background: #e0ebf5;\n padding: 4px 14px;\n border-radius: 20px;\n display: inline-block;\n margin-top: 6px;\n }\n\n \/* ===== BOTONES ===== *\/\n .btn-wrapper {\n text-align: center;\n margin: 30px 0 20px 0;\n display: flex;\n flex-wrap: wrap;\n gap: 15px;\n justify-content: center;\n }\n .btn {\n padding: 14px 40px;\n font-size: 17px;\n font-weight: 600;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.25s;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n }\n .btn-primary {\n background: #0b3b5c;\n color: white;\n box-shadow: 0 4px 14px rgba(11, 59, 92, 0.35);\n }\n .btn-primary:hover {\n background: #1a5276;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(11, 59, 92, 0.4);\n }\n .btn-primary:active {\n transform: scale(0.97);\n }\n .btn-danger {\n background: #a02c3a;\n color: white;\n box-shadow: 0 4px 14px rgba(160, 44, 58, 0.3);\n }\n .btn-danger:hover {\n background: #c0392b;\n transform: translateY(-2px);\n }\n .btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none !important;\n }\n\n \/* ===== RESULTADOS ===== *\/\n .results-panel {\n display: none;\n background: linear-gradient(135deg, #f0f7fe 0%, #e3edf6 100%);\n padding: 25px 30px;\n border-radius: 14px;\n margin-top: 25px;\n border: 2px solid #2a7faa;\n animation: fadeIn 0.6s ease;\n }\n .results-panel.show {\n display: block;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 18px;\n margin: 15px 0 20px 0;\n }\n .result-item {\n background: white;\n padding: 16px 20px;\n border-radius: 12px;\n text-align: center;\n box-shadow: 0 2px 8px rgba(0,0,0,0.06);\n }\n .result-item .label {\n font-size: 13px;\n color: #4d687e;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n .result-item .value {\n font-size: 32px;\n font-weight: 700;\n color: #0b3b5c;\n margin-top: 4px;\n }\n .result-item .value.green { color: #1e7e34; }\n .result-item .value.orange { color: #d97706; }\n .result-item .value.red { color: #b91c1c; }\n .result-item .value.blue { color: #1a5276; }\n\n .feedback-box {\n background: white;\n padding: 18px 22px;\n border-radius: 12px;\n margin-top: 15px;\n border-left: 6px solid #2a7faa;\n font-size: 15px;\n line-height: 1.7;\n }\n .feedback-box .emoji-big {\n font-size: 38px;\n display: block;\n text-align: center;\n margin-bottom: 8px;\n }\n\n \/* ===== RETROALIMENTACI\u00d3N POR PREGUNTA ===== *\/\n .feedback-detail {\n margin-top: 20px;\n border-top: 2px solid #d0ddee;\n padding-top: 18px;\n }\n .feedback-detail h3 {\n color: #0b3b5c;\n font-size: 17px;\n margin-bottom: 12px;\n }\n .feedback-item {\n background: #f8fafc;\n padding: 10px 16px;\n border-radius: 8px;\n margin-bottom: 6px;\n font-size: 14px;\n border-left: 4px solid #b8c9dd;\n }\n .feedback-item.correct {\n border-left-color: #1e7e34;\n background: #f0f8f0;\n }\n .feedback-item.incorrect {\n border-left-color: #b91c1c;\n background: #fdf0ef;\n }\n .feedback-item .q-label {\n font-weight: 600;\n color: #0b3b5c;\n }\n .feedback-item .answer-status {\n font-weight: 600;\n }\n .feedback-item .answer-status.correct { color: #1e7e34; }\n .feedback-item .answer-status.incorrect { color: #b91c1c; }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 768px) {\n .container { padding: 18px 16px; }\n h1 { font-size: 22px; }\n .results-grid { grid-template-columns: 1fr 1fr; }\n .result-item .value { font-size: 26px; }\n .sign-single img { width: 100%; max-width: 480px; }\n .sign-single { padding: 18px 14px; }\n .btn { padding: 12px 24px; font-size: 15px; }\n }\n @media (max-width: 500px) {\n .results-grid { grid-template-columns: 1fr; }\n .container { padding: 12px 10px; }\n .sign-single img { max-width: 340px; }\n .sign-single { padding: 14px 10px; }\n }\n\n \/* ===== SCROLL SUAVE ===== *\/\n html {\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\" id=\"mainContainer\">\n\n <h1>\ud83d\udcd8 Examen Interactivo de Ingl\u00e9s<\/h1>\n <div class=\"subhead\">EPJA – Prof. Juan Mu\u00f1oz \u00b7 www.teacherjm.com\/epja<\/div>\n\n <div class=\"instructions\">\n <strong>\ud83d\udccc Instrucciones:<\/strong>\n <ul style=\"margin: 8px 0 0 20px; line-height: 1.7;\">\n <li>Lee cada texto y responde las preguntas.<\/li>\n <li>Selecciona la opci\u00f3n que consideres correcta.<\/li>\n <li>Para las preguntas abiertas, escribe tu respuesta en el recuadro.<\/li>\n <li>Al finalizar, haz clic en <strong>“\u2705 Corregir examen”<\/strong> para ver tu nota y retroalimentaci\u00f3n.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"1\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>Valpara\u00edso<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Valpo-Ok.jpg\" alt=\"Valpara\u00edso\">\n Valparaiso fascinates with its locations and unique houses forming a natural amphitheater that looks over the ocean. We recommend you visit the port city. Start at Anibal Pinto Plaza and then ride up the Peral elevator to reach the hill known as Cerro Alegre that, together with Cerro Concepci\u00f3n, are the city’s most touristic spots. There are delicious restaurants and caf\u00e9s such as Paste e Vino, the pizzeria Malandrino, Samsara Thai food and Caf\u00e9 Vinilo. But one of the city’s best attractions, the house-museum of Pablo Neruda, La Sebastiana. It’s the perfect place for a visit this autumn.\n <div class=\"glossary\">\ud83d\udcd6 look over: examinar \u00b7 known as: conocido como \u00b7 spots: locaciones<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 1<\/div>\n <div class=\"question-text\">What is the purpose of this text?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q1\" value=\"A\"> A. Describe some hills.<\/li>\n <li><input type=\"radio\" name=\"q1\" value=\"B\"> B. Recommend a port city.<\/li>\n <li><input type=\"radio\" name=\"q1\" value=\"C\"> C. Describe a house-museum.<\/li>\n <li><input type=\"radio\" name=\"q1\" value=\"D\"> D. Recommend some restaurants.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"2\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 2<\/div>\n <div class=\"question-text\">What is one of the city’s best attractions?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q2\" value=\"A\"> A. An elevator.<\/li>\n <li><input type=\"radio\" name=\"q2\" value=\"B\"> B. Cerro Alegre.<\/li>\n <li><input type=\"radio\" name=\"q2\" value=\"C\"> C. A house-museum.<\/li>\n <li><input type=\"radio\" name=\"q2\" value=\"D\"> D. Pizzeria Malandrino.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"3\" data-type=\"mc\" data-answer=\"D\">\n <div class=\"question-number\">Pregunta 3<\/div>\n <div class=\"question-text\">The text says: <em>“Start at Anibal Pinto Plaza and then ride up the Peral elevator to reach the hill.”<\/em> What is the meaning of <strong>ride up<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q3\" value=\"A\"> A. See.<\/li>\n <li><input type=\"radio\" name=\"q3\" value=\"B\"> B. Pay.<\/li>\n <li><input type=\"radio\" name=\"q3\" value=\"C\"> C. Find.<\/li>\n <li><input type=\"radio\" name=\"q3\" value=\"D\"> D. Take.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"4\" data-type=\"open\" data-answer=\"It has beautiful architecture|You can enjoy the sea view|It has a rich cultural history|The weather is nice|You can visit Pablo Neruda's house|It's a colorful city\">\n <div class=\"question-number\">Pregunta 4<\/div>\n <div class=\"question-text\">Add another reason, not mentioned in the text, telling why it is a good idea to visit Valpara\u00edso. (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"4\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"5\" data-type=\"mc\" data-answer=\"A\">\n <div class=\"text-passage\">\n <strong>27-04-2015<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Baby-Ok.jpg\" alt=\"Baby with hearing aids\">\n A baby is born. He is a boy. He cannot hear. Doctors help him. They give the baby hearing aids. The baby is nine weeks old now. He can hear. His mother talks to him. He can hear her for the first time. The baby smiles.<br>\n Someone films the amazing moment. He or she uploads it to YouTube. Many people watch this video.\n <div class=\"glossary\">\ud83d\udcd6 hearing aids: aud\u00edfonos \u00b7 can: poder \u00b7 amazing: asombroso<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 5<\/div>\n <div class=\"question-text\">What is the problem, mentioned in the text, that needs a solution?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q5\" value=\"A\"> A. The baby cannot hear.<\/li>\n <li><input type=\"radio\" name=\"q5\" value=\"B\"> B. Doctors cannot help the baby.<\/li>\n <li><input type=\"radio\" name=\"q5\" value=\"C\"> C. The baby’s mother talks to him.<\/li>\n <li><input type=\"radio\" name=\"q5\" value=\"D\"> D. Someone puts the baby’s video on Youtube.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"6\" data-type=\"open\" data-answer=\"He smiles|The baby smiles|He smiles when he hears her|He smiles because he can hear\">\n <div class=\"question-number\">Pregunta 6<\/div>\n <div class=\"question-text\">What does the baby do when he hears his mother’s voice? (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"6\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"7\" data-type=\"mc\" data-answer=\"D\">\n <div class=\"question-number\">Pregunta 7<\/div>\n <div class=\"question-text\">In the sentence: <em>“He or she uploads it to YouTube. Many people watch this video.”<\/em> What is the meaning of <strong>uploads<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q7\" value=\"A\"> A. Sells.<\/li>\n <li><input type=\"radio\" name=\"q7\" value=\"B\"> B. Finds.<\/li>\n <li><input type=\"radio\" name=\"q7\" value=\"C\"> C. Sails.<\/li>\n <li><input type=\"radio\" name=\"q7\" value=\"D\"> D. Shares.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"9\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>10-10-2015<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Animal-tourism-Ok.jpg\" alt=\"Animals in tourism\">\n This news is about animals. Not all animals are happy. Some have to live with people. They have to perform at shows. However, they don’t know everything about the animals. The animals often suffer. Some people are not nice to them. The animals are taken from their mothers. They are often lonely. The animals need to be helped.\n <div class=\"glossary\">\ud83d\udcd6 suffer: sufrir \u00b7 are taken: son separados \u00b7 lonely: solitario \u00b7 to be helped: ser ayudado<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 9<\/div>\n <div class=\"question-text\">In the sentence: <em>“Some have to live with people. They have to perform at shows.”<\/em> What is the meaning of <strong>perform<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q9\" value=\"A\"> A. Clap.<\/li>\n <li><input type=\"radio\" name=\"q9\" value=\"B\"> B. Act.<\/li>\n <li><input type=\"radio\" name=\"q9\" value=\"C\"> C. Help.<\/li>\n <li><input type=\"radio\" name=\"q9\" value=\"D\"> D. Attend.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"10\" data-type=\"open\" data-answer=\"I adopt pets from shelters|I give them food and water|I take them to the vet|I don't abandon them|I treat them with love|I protect them from danger\">\n <div class=\"question-number\">Pregunta 10<\/div>\n <div class=\"question-text\">How do you protect animals or pets? (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"10\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"11\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>Aromatherapy<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/aromaterapia-Ok.jpg\" alt=\"Aromatherapy oils\">\n Aromatherapy is a type of alternative medicine that uses essential oils and other aromatic compounds to improve health. It is used to reduce stress, anxiety, and pain. It is also popular in many countries. Some studies show that it can help people relax and sleep better.\n <\/div>\n <div class=\"question-number\">Pregunta 11<\/div>\n <div class=\"question-text\">What is this text essentially about?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q11\" value=\"A\"> A. Some inexpensive oils.<\/li>\n <li><input type=\"radio\" name=\"q11\" value=\"B\"> B. Aromatherapy benefits.<\/li>\n <li><input type=\"radio\" name=\"q11\" value=\"C\"> C. Aromatherapy in France.<\/li>\n <li><input type=\"radio\" name=\"q11\" value=\"D\"> D. Benefits to visit a therapist.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"12\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 12<\/div>\n <div class=\"question-text\">What is a reason that aromatherapy can improve your health?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q12\" value=\"A\"> A. It is easy to use.<\/li>\n <li><input type=\"radio\" name=\"q12\" value=\"B\"> B. It needs essential oils.<\/li>\n <li><input type=\"radio\" name=\"q12\" value=\"C\"> C. It can reduce stress.<\/li>\n <li><input type=\"radio\" name=\"q12\" value=\"D\"> D. It is popular in many countries.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"13\" data-type=\"open\" data-answer=\"Meditation|Yoga|Listen to music|Go for a walk|Read a book|Practice sports|Paint|Swim|Sleep\">\n <div class=\"question-number\">Pregunta 13<\/div>\n <div class=\"question-text\">Add another activity that people usually do or practice to relax. (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"13\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"14\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"text-passage\">\n <strong>Advertisement<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Balloom-Ok.jpg\" alt=\"Balloon flights\">\n <\/div>\n <div class=\"question-number\">Pregunta 14<\/div>\n <div class=\"question-text\">What does it say?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q14\" value=\"A\"> A. Everybody pays over $1500.<\/li>\n <li><input type=\"radio\" name=\"q14\" value=\"B\"> B. It invites you to see a city from the air.<\/li>\n <li><input type=\"radio\" name=\"q14\" value=\"C\"> C. It invites you to see some balloon flights.<\/li>\n <li><input type=\"radio\" name=\"q14\" value=\"D\"> D. Morning and afternoon flights: every Tuesday.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"15\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"text-passage\">\n <strong>Dangerous Area<\/strong><br>\n <em>“Dangerous Area High Voltage in overhead and buried cables”<\/em>\n <\/div>\n <div class=\"question-number\">Pregunta 15<\/div>\n <div class=\"question-text\">What do you have to protect?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q15\" value=\"A\"> A. Only feet and body.<\/li>\n <li><input type=\"radio\" name=\"q15\" value=\"B\"> B. Some buried cables.<\/li>\n <li><input type=\"radio\" name=\"q15\" value=\"C\"> C. Your head, feet and body.<\/li>\n <li><input type=\"radio\" name=\"q15\" value=\"D\"> D. Only the high voltage area.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"16\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 16<\/div>\n <div class=\"question-text\">In the sentence: <em>“dangerous Area High Voltage in overhead and buried cables”<\/em> What is the meaning of <strong>dangerous<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q16\" value=\"A\"> A. Near.<\/li>\n <li><input type=\"radio\" name=\"q16\" value=\"B\"> B. Electric.<\/li>\n <li><input type=\"radio\" name=\"q16\" value=\"C\"> C. Insecure.<\/li>\n <li><input type=\"radio\" name=\"q16\" value=\"D\"> D. Attractive.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"17\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>Welcome to my class!<\/strong><br>\n I’m happy you are here! I have new information of good things To help describe our learning process.<br>\n The eraser is to let you know It’s ok to make mistakes. We have to correct them and learn from them.<br>\n The Smarties candies say I know you are smart. The Lifesavers are to remind you that I am here for you.<br>\n The pencil represents the learning of this year There’s a lot to learn this term. Good luck!!! Your teacher…\n <div class=\"glossary\">\ud83d\udcd6 learning: aprendizaje \u00b7 lifesavers: salvavidas \u00b7 term: semestre<\/div>\n <\/div>\n <div class=\"question-number\">Pregunta 17<\/div>\n <div class=\"question-text\">What is this text essentially about?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q17\" value=\"A\"> A. To introduce new students.<\/li>\n <li><input type=\"radio\" name=\"q17\" value=\"B\"> B. To welcome students to a new class.<\/li>\n <li><input type=\"radio\" name=\"q17\" value=\"C\"> C. To describe how to correct our mistakes.<\/li>\n <li><input type=\"radio\" name=\"q17\" value=\"D\"> D. To introduce the learning of this year.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"18\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 18<\/div>\n <div class=\"question-text\">In the sentence: <em>“The eraser is to let you know It’s ok to make mistakes”.<\/em> What does the word <strong>mistakes<\/strong> mean?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q18\" value=\"A\"> A. Cleanings.<\/li>\n <li><input type=\"radio\" name=\"q18\" value=\"B\"> B. Writings.<\/li>\n <li><input type=\"radio\" name=\"q18\" value=\"C\"> C. Errors.<\/li>\n <li><input type=\"radio\" name=\"q18\" value=\"D\"> D. Drafts.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"19\" data-type=\"mc\" data-answer=\"A\">\n <div class=\"question-number\">Pregunta 19<\/div>\n <div class=\"question-text\">According to the text, which object(s) represent(s) the learning of the year?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q19\" value=\"A\"> A. The pencil.<\/li>\n <li><input type=\"radio\" name=\"q19\" value=\"B\"> B. The eraser.<\/li>\n <li><input type=\"radio\" name=\"q19\" value=\"C\"> C. The smarties.<\/li>\n <li><input type=\"radio\" name=\"q19\" value=\"D\"> D. The lifesavers.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"20\" data-type=\"open\" data-answer=\"I pay attention|I participate actively|I ask questions|I do my homework|I listen to the teacher|I take notes|I study every day|I practice\">\n <div class=\"question-number\">Pregunta 20<\/div>\n <div class=\"question-text\">What do you do to show you are interested in a new learning procedure or in a new class? (Write your answer in English)<\/div>\n <div class=\"open-answer\">\n <textarea placeholder=\"Escribe tu respuesta aqu\u00ed...\" data-open-q=\"20\"><\/textarea>\n <\/div>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"21\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"text-passage\">\n <strong>The Apple Club<\/strong><br>\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/The-apple-Club-Ok.jpg\" alt=\"The Apple Club advertisement\">\n <\/div>\n <div class=\"question-number\">Pregunta 21<\/div>\n <div class=\"question-text\">According to the text, when don’t you have to pay?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q21\" value=\"A\"> A. If you stay until eight.<\/li>\n <li><input type=\"radio\" name=\"q21\" value=\"B\"> B. If you wear 80s clothes.<\/li>\n <li><input type=\"radio\" name=\"q21\" value=\"C\"> C. If you go on weekends.<\/li>\n <li><input type=\"radio\" name=\"q21\" value=\"D\"> D. If you dance 80s music.<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"question-block\" data-question=\"22\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 22<\/div>\n <div class=\"question-text\">In the sentence: <em>“Free entry if you wear 80s clothes!”<\/em> What is the meaning of <strong>free entry<\/strong>?<\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q22\" value=\"A\"> A. Private.<\/li>\n <li><input type=\"radio\" name=\"q22\" value=\"B\"> B. Best price.<\/li>\n <li><input type=\"radio\" name=\"q22\" value=\"C\"> C. Gratuitous.<\/li>\n <li><input type=\"radio\" name=\"q22\" value=\"D\"> D. Half price.<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"23\" data-type=\"mc\" data-answer=\"A\">\n <div class=\"question-number\">Pregunta 23<\/div>\n <div class=\"question-text\">Which sign says: <strong>don’t eat in this place<\/strong>?<\/div>\n <div class=\"sign-single\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/senaletica-1-Ok.jpg\" alt=\"Se\u00f1al 1 - Prohibido comer\">\n <span class=\"sign-label\">\u2b06\ufe0f Se\u00f1al 1<\/span>\n <\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q23\" value=\"A\"> A. Sign 1<\/li>\n <li><input type=\"radio\" name=\"q23\" value=\"B\"> B. Sign 2<\/li>\n <li><input type=\"radio\" name=\"q23\" value=\"C\"> C. Sign 3<\/li>\n <li><input type=\"radio\" name=\"q23\" value=\"D\"> D. None of the above<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"24\" data-type=\"mc\" data-answer=\"B\">\n <div class=\"question-number\">Pregunta 24<\/div>\n <div class=\"question-text\">Which sign insists on covering a part of your body?<\/div>\n <div class=\"sign-single\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/senaletica-2-Ok.jpg\" alt=\"Se\u00f1al 2 - Usar casco\">\n <span class=\"sign-label\">\u2b06\ufe0f Se\u00f1al 2<\/span>\n <\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q24\" value=\"A\"> A. Sign 1<\/li>\n <li><input type=\"radio\" name=\"q24\" value=\"B\"> B. Sign 2<\/li>\n <li><input type=\"radio\" name=\"q24\" value=\"C\"> C. Sign 3<\/li>\n <li><input type=\"radio\" name=\"q24\" value=\"D\"> D. None of the above<\/li>\n <\/ul>\n <\/div>\n\n \n \n \n <div class=\"question-block\" data-question=\"25\" data-type=\"mc\" data-answer=\"C\">\n <div class=\"question-number\">Pregunta 25<\/div>\n <div class=\"question-text\">Which sign is directed to <strong>“shoppers”<\/strong>?<\/div>\n <div class=\"sign-single\">\n <img decoding=\"async\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/Senaletica-3-Ok.jpg\" alt=\"Se\u00f1al 3 - Shoppers\">\n <span class=\"sign-label\">\u2b06\ufe0f Se\u00f1al 3<\/span>\n <\/div>\n <ul class=\"options\">\n <li><input type=\"radio\" name=\"q25\" value=\"A\"> A. Sign 1<\/li>\n <li><input type=\"radio\" name=\"q25\" value=\"B\"> B. Sign 2<\/li>\n <li><input type=\"radio\" name=\"q25\" value=\"C\"> C. Sign 3<\/li>\n <li><input type=\"radio\" name=\"q25\" value=\"D\"> D. None of the above<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"btn-wrapper\">\n <button class=\"btn btn-primary\" id=\"btnCorregir\">\u2705 Corregir examen<\/button>\n <button class=\"btn btn-danger\" id=\"btnReiniciar\">\ud83d\udd04 Reiniciar respuestas<\/button>\n <\/div>\n\n \n <div class=\"results-panel\" id=\"resultsPanel\">\n <h2 style=\"color: #0b3b5c; text-align: center; margin-bottom: 6px;\">\ud83d\udcca Resultados<\/h2>\n\n <div class=\"results-grid\">\n <div class=\"result-item\">\n <div class=\"label\">\u2705 Correctas<\/div>\n <div class=\"value green\" id=\"correctCount\">0<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"label\">\u274c Incorrectas<\/div>\n <div class=\"value red\" id=\"incorrectCount\">0<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"label\">\ud83d\udcca Porcentaje<\/div>\n <div class=\"value blue\" id=\"percentage\">0%<\/div>\n <\/div>\n <div class=\"result-item\">\n <div class=\"label\">\ud83c\udf93 Nota (1-7)<\/div>\n <div class=\"value orange\" id=\"grade\">1.0<\/div>\n <\/div>\n <\/div>\n\n <div class=\"feedback-box\" id=\"feedbackBox\">\n <span class=\"emoji-big\" id=\"feedbackEmoji\">\ud83d\ude0a<\/span>\n <div id=\"feedbackText\">\u00a1Buen trabajo!<\/div>\n <\/div>\n\n <div class=\"feedback-detail\" id=\"feedbackDetail\">\n <h3>\ud83d\udcdd Retroalimentaci\u00f3n por pregunta<\/h3>\n <div id=\"feedbackItems\"><\/div>\n <\/div>\n <\/div>\n\n <div style=\"text-align: center; margin-top: 25px; font-size: 13px; color: #4d687e; border-top: 1px solid #d0ddee; padding-top: 18px;\">\n \ud83d\udccc Actividad interactiva para EPJA – Prof. Juan Mu\u00f1oz \u00b7 www.teacherjm.com\/epja\n <\/div>\n\n<\/div>\n\n\n\n\n<script>\n (function() {\n 'use strict';\n\n \/\/ --- Definici\u00f3n de respuestas correctas ---\n const correctAnswers = {\n 'q1': 'B', 'q2': 'C', 'q3': 'D',\n 'q5': 'A', 'q7': 'D',\n 'q9': 'B',\n 'q11': 'B', 'q12': 'C',\n 'q14': 'C',\n 'q15': 'C', 'q16': 'C',\n 'q17': 'B', 'q18': 'C', 'q19': 'A',\n 'q21': 'B', 'q22': 'C',\n 'q23': 'A', 'q24': 'B', 'q25': 'C',\n 'q4': ['architecture', 'view', 'history', 'weather', 'colorful', 'neruda', 'beautiful'],\n 'q6': ['smile', 'smiles'],\n 'q10': ['adopt', 'food', 'water', 'vet', 'abandon', 'love', 'protect', 'care'],\n 'q13': ['meditation', 'yoga', 'music', 'walk', 'book', 'sport', 'paint', 'swim', 'sleep', 'exercise', 'read'],\n 'q20': ['attention', 'participate', 'questions', 'homework', 'listen', 'notes', 'study', 'practice', 'learn']\n };\n\n \/\/ --- Elementos DOM ---\n const btnCorregir = document.getElementById('btnCorregir');\n const btnReiniciar = document.getElementById('btnReiniciar');\n const resultsPanel = document.getElementById('resultsPanel');\n const correctCountEl = document.getElementById('correctCount');\n const incorrectCountEl = document.getElementById('incorrectCount');\n const percentageEl = document.getElementById('percentage');\n const gradeEl = document.getElementById('grade');\n const feedbackText = document.getElementById('feedbackText');\n const feedbackEmoji = document.getElementById('feedbackEmoji');\n const feedbackItems = document.getElementById('feedbackItems');\n\n \/\/ --- Funciones auxiliares ---\n function getSelectedValue(name) {\n const radios = document.getElementsByName(name);\n for (let r of radios) {\n if (r.checked) return r.value;\n }\n return null;\n }\n\n function getOpenAnswer(questionNum) {\n const textareas = document.querySelectorAll(`textarea[data-open-q=\"${questionNum}\"]`);\n if (textareas.length > 0) {\n return textareas[0].value.trim();\n }\n return '';\n }\n\n function normalizeText(text) {\n return text.toLowerCase().replace(\/[^a-z\u00e1\u00e9\u00ed\u00f3\u00fa\u00f1 ]\/g, '').trim();\n }\n\n function checkOpenAnswer(userAnswer, keywords) {\n if (!userAnswer || userAnswer.length < 2) return false;\n const normalized = normalizeText(userAnswer);\n for (let kw of keywords) {\n if (normalized.includes(kw.toLowerCase())) {\n return true;\n }\n }\n return false;\n }\n\n \/\/ --- Funci\u00f3n principal de correcci\u00f3n ---\n function corregirExamen() {\n let correctas = 0;\n let incorrectas = 0;\n let detalles = [];\n\n \/\/ --- Corregir opci\u00f3n m\u00faltiple ---\n const mcQuestions = [1,2,3,5,7,9,11,12,14,15,16,17,18,19,21,22,23,24,25];\n for (let num of mcQuestions) {\n const name = 'q' + num;\n const selected = getSelectedValue(name);\n const correct = correctAnswers[name];\n const isCorrect = (selected === correct);\n if (isCorrect) correctas++;\n else incorrectas++;\n\n const userAnswer = selected ? selected : '(No respondida)';\n const correctAnswer = correct ? correct : 'N\/A';\n detalles.push({\n num: num,\n type: 'MC',\n user: userAnswer,\n correct: correctAnswer,\n isCorrect: isCorrect\n });\n }\n\n \/\/ --- Corregir preguntas abiertas ---\n const openQuestions = [4,6,10,13,20];\n for (let num of openQuestions) {\n const key = 'q' + num;\n const userAnswer = getOpenAnswer(num);\n const keywords = correctAnswers[key] || [];\n const isCorrect = checkOpenAnswer(userAnswer, keywords);\n if (isCorrect) correctas++;\n else incorrectas++;\n\n const displayAnswer = userAnswer || '(No respondida)';\n const suggested = keywords.slice(0, 3).join(', ') + (keywords.length > 3 ? '...' : '');\n detalles.push({\n num: num,\n type: 'OPEN',\n user: displayAnswer,\n correct: suggested,\n isCorrect: isCorrect\n });\n }\n\n \/\/ --- Calcular resultados ---\n const total = correctas + incorrectas;\n const porcentaje = total > 0 ? Math.round((correctas \/ total) * 100) : 0;\n\n let nota = 1.0;\n if (porcentaje >= 95) nota = 7.0;\n else if (porcentaje >= 90) nota = 6.5;\n else if (porcentaje >= 80) nota = 6.0;\n else if (porcentaje >= 70) nota = 5.5;\n else if (porcentaje >= 60) nota = 5.0;\n else if (porcentaje >= 50) nota = 4.5;\n else if (porcentaje >= 45) nota = 4.0;\n else if (porcentaje >= 40) nota = 3.5;\n else if (porcentaje >= 30) nota = 3.0;\n else if (porcentaje >= 20) nota = 2.5;\n else if (porcentaje >= 10) nota = 2.0;\n else nota = 1.0;\n\n \/\/ --- Mostrar resultados ---\n correctCountEl.textContent = correctas;\n incorrectCountEl.textContent = incorrectas;\n percentageEl.textContent = porcentaje + '%';\n gradeEl.textContent = nota.toFixed(1);\n\n \/\/ --- Retroalimentaci\u00f3n general ---\n let emoji = '';\n let mensaje = '';\n if (porcentaje >= 90) {\n emoji = '\ud83c\udf1f';\n mensaje = '\u00a1Excelente! Demuestras un dominio sobresaliente del ingl\u00e9s. Sigue as\u00ed.';\n } else if (porcentaje >= 70) {\n emoji = '\ud83d\ude0a';\n mensaje = '\u00a1Muy bien! Tienes un buen nivel. Revisa los errores para mejorar a\u00fan m\u00e1s.';\n } else if (porcentaje >= 50) {\n emoji = '\ud83d\udcd6';\n mensaje = 'Vas por buen camino. Te recomiendo repasar los textos y vocabulario. \u00a1Puedes lograrlo!';\n } else if (porcentaje >= 30) {\n emoji = '\ud83d\udcaa';\n mensaje = 'No te desanimes. Practica m\u00e1s la lectura comprensiva y el vocabulario. \u00a1T\u00fa puedes!';\n } else {\n emoji = '\ud83d\udd04';\n mensaje = 'Es momento de estudiar con m\u00e1s dedicaci\u00f3n. Revisa los textos y vuelve a intentarlo.';\n }\n feedbackEmoji.textContent = emoji;\n feedbackText.textContent = mensaje;\n\n \/\/ --- Retroalimentaci\u00f3n por pregunta ---\n let html = '';\n for (let d of detalles) {\n const statusClass = d.isCorrect ? 'correct' : 'incorrect';\n const statusText = d.isCorrect ? '\u2705 Correcta' : '\u274c Incorrecta';\n const statusSpan = d.isCorrect ? 'correct' : 'incorrect';\n let extraInfo = '';\n if (d.type === 'MC') {\n extraInfo = `Tu respuesta: ${d.user} | Correcta: ${d.correct}`;\n } else {\n extraInfo = `Tu respuesta: \"${d.user}\" | Sugerencia: ${d.correct}`;\n }\n html += `\n <div class=\"feedback-item ${statusClass}\">\n <span class=\"q-label\">Pregunta ${d.num}<\/span>\n <span class=\"answer-status ${statusSpan}\">${statusText}<\/span><br>\n <span style=\"font-size:13px; color:#4d687e;\">${extraInfo}<\/span>\n <\/div>\n `;\n }\n feedbackItems.innerHTML = html;\n\n resultsPanel.classList.add('show');\n resultsPanel.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n \/\/ --- Reiniciar respuestas ---\n function reiniciarRespuestas() {\n const radios = document.querySelectorAll('input[type=\"radio\"]');\n for (let r of radios) {\n r.checked = false;\n }\n const textareas = document.querySelectorAll('textarea');\n for (let t of textareas) {\n t.value = '';\n }\n resultsPanel.classList.remove('show');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n\n \/\/ --- Eventos ---\n btnCorregir.addEventListener('click', corregirExamen);\n btnReiniciar.addEventListener('click', reiniciarRespuestas);\n\n document.querySelectorAll('textarea').forEach(t => {\n t.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n }\n });\n });\n\n })();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Actividad Interactiva – Examen de Ingl\u00e9s \ud83d\udcd8 Examen Interactivo de Ingl\u00e9s EPJA – Prof. Juan Mu\u00f1oz \u00b7 www.teacherjm.com\/epja \ud83d\udccc Instrucciones: Lee cada texto y responde las preguntas. Selecciona la opci\u00f3n que consideres correcta. Para las preguntas abiertas, escribe tu respuesta en el recuadro. Al finalizar, haz clic en “\u2705 Corregir examen” para ver tu nota […]<\/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-761","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/761","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=761"}],"version-history":[{"count":2,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":763,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/761\/revisions\/763"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}