{"id":832,"date":"2022-07-01T10:32:29","date_gmt":"2022-07-01T13:32:29","guid":{"rendered":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/?page_id=832"},"modified":"2026-05-11T09:24:12","modified_gmt":"2026-05-11T12:24:12","slug":"historia-2","status":"publish","type":"page","link":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/historia-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>FAQ &#8211; Profesorado en Historia ISFD N\u00b039<\/title>\n    <style>\n        \/* --- Paleta de Colores --- *\/\n        :root {\n            --brand-magenta: #e81f76;       \/* Color Principal *\/\n            --brand-cyan: #00aec3;          \/* Color de Acento\/Interacci\u00f3n *\/\n            --bg-body: #fFFFFF;             \/* Fondo gris suave *\/\n            --card-bg: #ffffff;             \/* Fondo blanco *\/\n            --text-main: #2d3748;           \/* Texto oscuro *\/\n            --text-light: #718096;          \/* Texto gris medio *\/\n            --border-line: #e2e8f0;         \/* L\u00edneas divisorias *\/\n        }\n\n        \/* --- Estilos Generales --- *\/\n        body {\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--bg-body);\n            color: var(--text-main);\n            margin: 0;\n            padding: 40px 20px;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            background: var(--card-bg);\n            border-radius: 12px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n            overflow: hidden;\n        }\n\n        \/* --- Cabecera --- *\/\n        .header-section {\n            background: linear-gradient(135deg, var(--brand-magenta) 0%, #c01560 100%);\n            color: white;\n            padding: 35px 30px;\n            text-align: center;\n            position: relative;\n        }\n\n        .header-section::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background-color: var(--brand-cyan);\n        }\n\n        .header-section h1 {\n            margin: 0;\n            font-size: 1.8rem;\n            font-weight: 600;\n        }\n\n        .header-section p {\n            margin: 8px 0 0;\n            color: rgba(255, 255, 255, 0.9);\n            font-size: 1rem;\n        }\n\n        \/* --- Acorde\u00f3n --- *\/\n        .accordion-item {\n            border-bottom: 1px solid var(--border-line);\n        }\n\n        .accordion-item:last-child {\n            border-bottom: none;\n        }\n\n        .accordion-button {\n            background-color: var(--card-bg);\n            color: var(--text-main);\n            cursor: pointer;\n            padding: 22px 30px;\n            width: 100%;\n            border: none;\n            text-align: left;\n            outline: none;\n            font-size: 1.05rem;\n            font-weight: 600;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        .accordion-button:hover {\n            background-color: #fafafa;\n            color: var(--brand-cyan);\n        }\n\n        .accordion-button.active {\n            background-color: #fff5f9;\n            color: var(--brand-magenta);\n            padding-left: 36px;\n        }\n\n        .accordion-button.active::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 6px;\n            background-color: var(--brand-magenta);\n        }\n\n        .icon {\n            font-size: 24px;\n            font-weight: 400;\n            color: #cbd5e0;\n            transition: transform 0.3s ease, color 0.3s;\n            line-height: 1;\n        }\n\n        .accordion-button:hover .icon {\n            color: var(--brand-cyan);\n        }\n\n        .accordion-button.active .icon {\n            transform: rotate(45deg);\n            color: var(--brand-magenta);\n        }\n\n        \/* --- Panel de Respuesta --- *\/\n        .panel {\n            padding: 0 30px;\n            background-color: #ffffff;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n            color: var(--text-light);\n            font-size: 0.95rem;\n        }\n\n        .panel-content {\n            padding: 20px 0;\n        }\n\n        .panel p {\n            margin: 0 0 15px;\n        }\n\n        .panel ul {\n            margin: 10px 0;\n            padding-left: 20px;\n        }\n\n        .panel li {\n            margin-bottom: 8px;\n        }\n\n        .panel strong {\n            color: var(--brand-magenta);\n            font-weight: 600;\n        }\n\n        \/* --- Footer --- *\/\n        .footer {\n            padding: 25px;\n            text-align: center;\n            font-size: 0.85rem;\n            color: #a0aec0;\n            background-color: #fafafa;\n            border-top: 1px solid var(--border-line);\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <div class=\"header-section\">\n        <h1>Profesorado en Historia<\/h1>\n        <p>ISFD N\u00b039 \u201cJean Piaget\u201d &#8211; Vicente L\u00f3pez<\/p>\n    <\/div>\n    \n    <div class=\"accordion\">\n        \n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfQu\u00e9 t\u00edtulo otorga la carrera?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>El t\u00edtulo es <strong>Profesor\/a de Educaci\u00f3n Secundaria en Historia<\/strong>. Tiene validez nacional y es emitido por la Direcci\u00f3n de Cultura y Educaci\u00f3n de la Provincia de Buenos Aires.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfCu\u00e1l es la duraci\u00f3n y el horario de cursada?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>La carrera tiene una duraci\u00f3n de <strong>4 a\u00f1os<\/strong>, con una carga horaria total de 2960 horas reloj. Se cursa en el <strong>turno vespertino<\/strong> de 17:30 a 23:00 horas.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfLa carrera tiene alg\u00fan costo?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>No, la formaci\u00f3n es <strong>p\u00fablica y gratuita<\/strong>. Como instituci\u00f3n de gesti\u00f3n estatal, solo se solicita una colaboraci\u00f3n voluntaria con la Asociaci\u00f3n Cooperadora para el mantenimiento del instituto.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfD\u00f3nde puede trabajar un egresado?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>El t\u00edtulo habilita para el ejercicio de la docencia en:<\/p>\n                    <ul>\n                        <li><strong>Nivel Secundario<\/strong> (Ciclo B\u00e1sico y Ciclo Superior).<\/li>\n                        <li><strong>Nivel Superior<\/strong> (Profesorados y Tecnicaturas).<\/li>\n                    <\/ul>\n                    <p>Es v\u00e1lido dentro del sistema educativo de la Provincia de Buenos Aires y otras jurisdicciones a nivel nacional.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfExiste salida laboral fuera de la docencia?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>S\u00ed. Si bien el foco es la docencia, el perfil permite desempe\u00f1arse en <strong>investigaci\u00f3n, asesoramiento hist\u00f3rico, museos, archivos o proyectos culturales<\/strong>.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfCu\u00e1ndo es la preinscripci\u00f3n para el ciclo 2026?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>La inscripci\u00f3n en <strong>SIU-Guaran\u00ed<\/strong> (paso 4) se habilita el <strong>martes 25 de noviembre de 2025 a las 9:00 AM<\/strong> y permanecer\u00e1 abierta hasta completar cupos.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfQu\u00e9 debo hacer antes de inscribirme en SIU-Guaran\u00ed?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>Es obligatorio completar los pasos previos antes de la fecha de habilitaci\u00f3n:<\/p>\n                    <ul>\n                        <li>Reunir la documentaci\u00f3n digital (DNI y T\u00edtulo\/Constancia).<\/li>\n                        <li>Enviar la documentaci\u00f3n a trav\u00e9s del formulario online \u00abENV\u00cdO DE DOCUMENTACI\u00d3N &#8211; INGRESO 2026\u00bb.<\/li>\n                        <li>Registrarse como usuario en el sistema SIU-Guaran\u00ed.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfC\u00f3mo encuentro al Instituto N\u00b0 39 en el sistema?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>Al registrarte en el sistema, debes seleccionar la localidad <strong>\u00abFLORIDA-VICENTE L\u00d3PEZ\u00bb<\/strong> y buscar o ingresar el n\u00famero de instituto <strong>\u00ab39\u00bb<\/strong>.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfLa preinscripci\u00f3n asegura mi vacante?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p><strong>No.<\/strong> La preinscripci\u00f3n es solo el primer paso. La vacante se confirma \u00fanicamente cuando el personal del instituto valida tu documentaci\u00f3n y tu registro, lo cual ocurre entre diciembre y febrero.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"accordion-item\">\n            <button class=\"accordion-button\">\n                \u00bfPuedo hacer un posgrado con este t\u00edtulo?\n                <span class=\"icon\">+<\/span>\n            <\/button>\n            <div class=\"panel\">\n                <div class=\"panel-content\">\n                    <p>S\u00ed. Al ser un t\u00edtulo de cuatro a\u00f1os de duraci\u00f3n, puedes realizar una <strong>maestr\u00eda<\/strong> o un ciclo de complementaci\u00f3n curricular en cualquier universidad del pa\u00eds.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    \n    <div class=\"footer\">\n        ISFD N\u00b039 \u201cJean Piaget\u201d &#8211; Vicente L\u00f3pez\n    <\/div>\n<\/div>\n\n<script>\n    var acc = document.getElementsByClassName(\"accordion-button\");\n    var i;\n\n    for (i = 0; i < acc.length; i++) {\n        acc[i].addEventListener(\"click\", function() {\n            this.classList.toggle(\"active\");\n            var panel = this.nextElementSibling;\n            if (panel.style.maxHeight) {\n                panel.style.maxHeight = null;\n            } else {\n                \/\/ C\u00f3digo opcional para cerrar otros paneles (efecto acorde\u00f3n \u00fanico)\n                var allPanels = document.getElementsByClassName(\"panel\");\n                var allButtons = document.getElementsByClassName(\"accordion-button\");\n                for (var j = 0; j < allPanels.length; j++) {\n                    allPanels[j].style.maxHeight = null;\n                    allButtons[j].classList.remove(\"active\");\n                }\n                \/\/ Activar el actual\n                this.classList.add(\"active\");\n                panel.style.maxHeight = panel.scrollHeight + \"px\";\n            } \n        });\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Profesorado de Historia - ISFD 39 (Resoluci\u00f3n 3609\/22)<\/title>\n    <!-- Carga de Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Carga de Font Awesome para iconos -->\n    <script src=\"https:\/\/kit.fontawesome.com\/4a29a4a75b.js\" crossorigin=\"anonymous\"><\/script>\n    \n    <!-- Configuraci\u00f3n de fuente y estilos personalizados -->\n    <style>\n        \/* 1. Fuente y Base *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap');\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f7f9fb; \/* Fondo muy claro *\/\n        }\n        \n        \/* 2. Estilo de Bot\u00f3n de Pesta\u00f1a Mejorado (modular) *\/\n        .tab-button {\n            transition: all 0.3s ease-in-out;\n            position: relative;\n            z-index: 20; \n            border-bottom: 4px solid transparent;\n            \/* Usamos margin-bottom -1px para que el borde de la pesta\u00f1a se superponga al borde de la secci\u00f3n de contenido *\/\n            margin-bottom: -1px; \n            \/* Asegura que los botones ocupen el espacio completo en m\u00f3vil pero sean fijos en desktop *\/\n            flex-grow: 1;\n        }\n\n        \/* 3. Estilo de Pesta\u00f1a Activa *\/\n        .tab-button.active {\n            border-color: #1d4ed8; \/* blue-700 *\/\n            color: #1e40af; \/* blue-800 *\/\n            background-color: #ffffff; \/* Blanco *\/\n            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15); \/* Sombra m\u00e1s fuerte y profesional *\/\n            transform: translateY(-3px); \/* Efecto de \"levantamiento\" sutil *\/\n        }\n        \n        \/* 4. Estilo de Tablas de Materias (mejor contraste y separaci\u00f3n) *\/\n        .materia-table thead th {\n            background-color: #3b82f6; \/* blue-500 *\/\n            color: white;\n            padding: 1rem;\n            text-align: left;\n        }\n        .materia-table td {\n            padding: 1rem;\n            \/* Usamos una l\u00ednea m\u00e1s suave y un borde redondeado para el contenedor *\/\n            border-bottom: 1px solid #e0e7ff; \/* indigo-200 m\u00e1s claro *\/\n        }\n        .materia-table tr:nth-child(even) {\n            background-color: #f9fafb; \/* Ligeramente m\u00e1s claro que el fondo principal *\/\n        }\n\n        \/* 5. Estilos para Etiquetas de Campo (campo-tag) *\/\n        .campo-tag {\n            display: inline-flex; \/* Usar flexbox para centrar el icono si lo hubiera *\/\n            align-items: center;\n            padding: 0.3rem 0.8rem;\n            font-size: 0.7rem; \/* Texto m\u00e1s peque\u00f1o *\/\n            font-weight: 700; \/* M\u00e1s negrita *\/\n            border-radius: 9999px;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            white-space: nowrap;\n        }\n        .campo-general {\n            background-color: #e0e7ff; \/* indigo-100 *\/\n            color: #4338ca; \/* indigo-700 *\/\n        }\n        .campo-especifico {\n            background-color: #dcfce7; \/* emerald-100 *\/\n            color: #047857; \/* emerald-700 *\/\n        }\n        .campo-practica {\n            background-color: #fef3c7; \/* amber-100 *\/\n            color: #b45309; \/* amber-700 *\/\n            \/* A\u00f1adimos un peque\u00f1o icono para pr\u00e1ctica docente *\/\n        }\n        .campo-oco {\n            background-color: #fee2e2; \/* red-100 *\/\n            color: #b91c1c; \/* red-700 *\/\n            border: 1px dashed #fca5a5;\n        }\n\n        \/* Animaci\u00f3n de entrada para el contenido de las pesta\u00f1as *\/\n        .fade-in {\n            animation: fadeIn 0.4s ease-out;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n    <\/style>\n<\/head>\n<body class=\"min-h-screen\">\n\n    <!-- Encabezado Fijo con Sombra y Dise\u00f1o Mejorado -->\n    <header class=\"bg-white shadow-lg sticky top-0 z-50\">\n        <div class=\"container mx-auto p-4 flex justify-between items-center max-w-6xl\">\n            <a href=\"#\" class=\"text-3xl font-extrabold text-blue-800 tracking-tighter hover:text-blue-600 transition duration-200\">\n                <!-- Icono de B\u00faho (Sabidur\u00eda\/Historia) -->\n                <i class=\"fas fa-book-reader text-blue-500 mr-2\"><\/i>\n                <span class=\"text-blue-500\">ISFD<\/span>39\n            <\/a>\n            <div class=\"hidden sm:block text-gray-600 font-medium text-sm\">\n                Profesorado en Historia\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Secci\u00f3n Principal \/ Informaci\u00f3n General -->\n    <main class=\"container mx-auto mt-8 p-4 max-w-6xl\">\n        \n        <!-- T\u00edtulo Principal -->\n        <div class=\"bg-white p-6 rounded-xl shadow-xl mb-8 border-b-4 border-blue-500\">\n            <h2 class=\"text-4xl font-extrabold text-gray-900 mb-2\">Profesorado de Historia<\/h2>\n            <p class=\"text-xl text-gray-600 mb-4\">Instituto Superior de Formaci\u00f3n Docente N\u00b0 39<\/p>\n            <div class=\"flex flex-wrap gap-4 items-center\">\n                <span class=\"bg-blue-100 text-blue-800 text-sm font-semibold px-4 py-1.5 rounded-full shadow-inner\">\n                    <i class=\"fas fa-graduation-cap mr-1\"><\/i> Duraci\u00f3n: 4 A\u00f1os\n                <\/span>\n                <span class=\"bg-indigo-100 text-indigo-800 text-sm font-semibold px-4 py-1.5 rounded-full shadow-inner\">\n                    <i class=\"fas fa-scroll mr-1\"><\/i> Resoluci\u00f3n 3609\/22\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Bloque de Coordinaci\u00f3n -->\n        <div id=\"coordinacion-info\" class=\"bg-white p-6 rounded-xl shadow-xl mb-8 border-t-4 border-blue-600\">\n            <div class=\"flex items-center mb-4 border-b pb-3\">\n                <i class=\"fas fa-user-tie h-8 w-8 text-blue-600 mr-3 text-3xl\"><\/i>\n                <h3 class=\"text-2xl font-semibold text-gray-700\">Coordinaci\u00f3n de Carrera<\/h3>\n            <\/div>\n            \n            <ul class=\"list-none space-y-3 text-gray-700 mb-6\">\n                <li class=\"flex items-center\">\n                    <i class=\"fas fa-user-circle text-blue-500 w-5 mr-3\"><\/i>\n                    <strong class=\"font-medium\">Coordinadora:<\/strong> Mgter M. Laura Veltri\n                <\/li>\n                <li class=\"flex items-center\">\n                    <i class=\"fas fa-at text-blue-500 w-5 mr-3\"><\/i>\n                    <strong class=\"font-medium\">Correo de la Carrera:<\/strong> <a href=\" mailto:mveltri5@abc.gob.ar\" class=\"text-blue-600 hover:text-blue-800 transition\">analasanchez1@abc.gob.ar<\/a>\n                <\/li>\n                <li class=\"flex items-center\">\n                    <i class=\"fas fa-clock text-blue-500 w-5 mr-3\"><\/i>\n                    <strong class=\"font-medium\">Horario de atenci\u00f3n:<\/strong> Lunes y viernes 18,30 a 21,30 hs.\n                <\/li>\n            <\/ul>\n\n            <!-- Botones de Contacto y Redes Sociales -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mt-6\">\n                \n                <!-- Bot\u00f3n Contacto -->\n                <a href=\"mailto:analasanchez1@abc.gob.ar\" class=\"text-center bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg shadow-md transition duration-300 transform hover:scale-[1.01] hover:shadow-lg\">\n                    <i class=\"fas fa-envelope mr-2\"><\/i>\n                    Contactar a la Coordinadora\n                <\/a>\n\n                <!-- Bot\u00f3n Instagram - Corregido el enlace con target=\"_blank\" -->\n                <a href=\"https:\/\/www.instagram.com\/historia_isfd39\/?igsh=MWlmMTdub3dqYzNhZQ%3D%3D\" target=\"_blank\" class=\"text-center bg-pink-600 hover:bg-pink-700 text-white font-semibold py-3 px-6 rounded-lg shadow-md transition duration-300 transform hover:scale-[1.01] hover:shadow-lg\" rel=\"noopener noreferrer\">\n                    <i class=\"fab fa-instagram mr-2\"><\/i>\n                    Seguir en Instagram\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Bloque de Descarga -->\n        <div id=\"descarga-plan\" class=\"bg-blue-50 border border-blue-200 p-6 rounded-xl shadow-lg mb-8 transition duration-300 hover:shadow-xl\">\n            <div class=\"flex flex-col md:flex-row justify-between items-center\">\n                <div class=\"flex items-center mb-4 md:mb-0\">\n                    <i class=\"fas fa-file-pdf h-10 w-10 text-blue-600 mr-4 text-4xl\"><\/i>\n                    <div>\n                        <h3 class=\"text-xl font-bold text-blue-700\">Documento Oficial<\/h3>\n                        <p class=\"text-blue-500 text-sm\">Plan de Estudios Completo (Resoluci\u00f3n 3609\/22)<\/p>\n                    <\/div>\n                <\/div>\n                <!-- ENLACE DE DESCARGA - Manteniendo el que proporcionaste y asegurando rel=\"noopener noreferrer\" -->\n                <a href=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/11\/plan-de-historia-historia-50-54.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-8 rounded-full shadow-lg transition duration-300 transform hover:scale-105 min-w-[150px] text-center\">\n                    <i class=\"fas fa-download mr-2\"><\/i> Descargar PDF\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- \u00c1rea de Pesta\u00f1as (Materias por A\u00f1o y Perfil del Egresado) -->\n        <section id=\"plan-de-estudios\" class=\"w-full mt-10\">\n            <div class=\"flex flex-wrap border-b border-gray-300 mb-0\">\n                <!-- Botones de Pesta\u00f1as -->\n                <!-- Usamos md:flex-none para que en desktop no se estiren demasiado los botones -->\n                <button data-tab=\"1\" class=\"tab-button py-3 px-4 text-base font-semibold text-gray-700 bg-white hover:bg-blue-50 rounded-t-xl sm:flex-none\" aria-controls=\"content-1\" aria-selected=\"false\">\n                    1er A\u00f1o\n                <\/button>\n                <button data-tab=\"2\" class=\"tab-button py-3 px-4 text-base font-semibold text-gray-700 bg-white hover:bg-blue-50 rounded-t-xl sm:flex-none\" aria-controls=\"content-2\" aria-selected=\"false\">\n                    2do A\u00f1o\n                <\/button>\n                <button data-tab=\"3\" class=\"tab-button py-3 px-4 text-base font-semibold text-gray-700 bg-white hover:bg-blue-50 rounded-t-xl sm:flex-none\" aria-controls=\"content-3\" aria-selected=\"false\">\n                    3er A\u00f1o\n                <\/button>\n                <button data-tab=\"4\" class=\"tab-button active py-3 px-4 text-base font-semibold text-gray-700 bg-white hover:bg-blue-50 rounded-t-xl sm:flex-none\" aria-controls=\"content-4\" aria-selected=\"true\">\n                    4to A\u00f1o\n                <\/button>\n                <button data-tab=\"perfil\" class=\"tab-button py-3 px-4 text-base font-semibold text-gray-700 bg-white hover:bg-blue-50 rounded-t-xl sm:flex-none\" aria-controls=\"content-perfil\" aria-selected=\"false\">\n                    <i class=\"fas fa-user-graduate mr-1 text-sm\"><\/i> Perfil\n                <\/button>\n            <\/div>\n\n            <!-- Contenido de Pesta\u00f1as -->\n            <div id=\"tab-content-container\" class=\"bg-white p-6 md:p-10 rounded-b-xl rounded-tr-xl shadow-2xl border border-gray-200\">\n                \n                <!-- Contenido 1er A\u00f1o (Se mantiene igual) -->\n                <div data-tab-content=\"1\" id=\"content-1\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <h4 class=\"text-3xl font-bold text-gray-800 mb-6 border-b pb-3\">Materias - Primer A\u00f1o<\/h4>\n                    <div class=\"overflow-x-auto\">\n                        <table class=\"w-full min-w-full materia-table rounded-xl overflow-hidden text-sm md:text-base border-collapse\">\n                            <thead>\n                                <tr>\n                                    <th class=\"rounded-tl-xl\">Unidad Curricular<\/th>\n                                    <th class=\"rounded-tr-xl hidden md:table-cell\">Campo<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td>Pedagog\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Educaci\u00f3n y transformaciones sociales contempor\u00e1neas<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Educaci\u00f3n Sexual Integral (ESI)<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Cultura Digital y educaci\u00f3n<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia del Mundo Antiguo<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia Americana I: del poblamiento a la invasi\u00f3n europea<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Antropolog\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Introducci\u00f3n a las Ciencias Sociales y a la Historia<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Geograf\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Pr\u00e1ctica Docente I<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-practica\"><i class=\"fas fa-hands-helping mr-1\"><\/i> Pr\u00e1ctica Docente<\/span><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Contenido 2do A\u00f1o (Se mantiene actualizado) -->\n                <div data-tab-content=\"2\" id=\"content-2\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <h4 class=\"text-3xl font-bold text-gray-800 mb-6 border-b pb-3\">Materias - Segundo A\u00f1o<\/h4>\n                    <div class=\"overflow-x-auto\">\n                        <table class=\"w-full min-w-full materia-table rounded-xl overflow-hidden text-sm md:text-base border-collapse\">\n                            <thead>\n                                <tr>\n                                    <th class=\"rounded-tl-xl\">Unidad Curricular<\/th>\n                                    <th class=\"rounded-tr-xl hidden md:table-cell\">Campo<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <!-- Formaci\u00f3n General (4) -->\n                                <tr>\n                                    <td>Did\u00e1ctica y curr\u00edculum<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Psicolog\u00eda del aprendizaje<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>An\u00e1lisis de las instituciones educativas<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Pensamiento pol\u00edtico pedag\u00f3gico latinoamericano<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <!-- Formaci\u00f3n Espec\u00edfica (7) -->\n                                <tr>\n                                    <td>Historia del Mundo Medieval<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia del Mundo Moderno<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia Americana II: de la invasi\u00f3n europea hasta la crisis del orden colonial<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Sociolog\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Econom\u00eda Pol\u00edtica<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Did\u00e1ctica de las Ciencias Sociales<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Problemas de Asia y \u00c1frica I<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <!-- Pr\u00e1ctica Docente (1) -->\n                                <tr>\n                                    <td>Pr\u00e1ctica Docente II<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-practica\"><i class=\"fas fa-hands-helping mr-1\"><\/i> Pr\u00e1ctica Docente<\/span><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Contenido 3er A\u00f1o (Se mantiene actualizado) -->\n                <div data-tab-content=\"3\" id=\"content-3\" class=\"tab-content hidden\" role=\"tabpanel\">\n                    <h4 class=\"text-3xl font-bold text-gray-800 mb-6 border-b pb-3\">Materias - Tercer A\u00f1o<\/h4>\n                    <div class=\"overflow-x-auto\">\n                        <table class=\"w-full min-w-full materia-table rounded-xl overflow-hidden text-sm md:text-base border-collapse\">\n                            <thead>\n                                <tr>\n                                    <th class=\"rounded-tl-xl\">Unidad Curricular<\/th>\n                                    <th class=\"rounded-tr-xl hidden md:table-cell\">Campo<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <!-- Formaci\u00f3n General (3) -->\n                                <tr>\n                                    <td>Pol\u00edtica educativa argentina<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Problemas filos\u00f3ficos de la educaci\u00f3n<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Trayectorias Educativas de j\u00f3venes y adultos<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <!-- Formaci\u00f3n Espec\u00edfica (6) -->\n                                <tr>\n                                    <td>Did\u00e1ctica de la Historia<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia del Mundo Contempor\u00e1neo<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia Argentina I<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Teor\u00eda e Historia de la Historiograf\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Problemas de Asia y \u00c1frica II<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia Latinoamericana I: de la crisis del orden colonial a la formaci\u00f3n de los Estados Nacionales<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <!-- Pr\u00e1ctica Docente (1) -->\n                                <tr>\n                                    <td>Pr\u00e1ctica Docente III<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-practica\"><i class=\"fas fa-hands-helping mr-1\"><\/i> Pr\u00e1ctica Docente<\/span><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/div>\n\n                <!-- Contenido 4to A\u00f1o (ACTUALIZADO CON LA NUEVA LISTA) -->\n                <div data-tab-content=\"4\" id=\"content-4\" class=\"tab-content fade-in\" role=\"tabpanel\">\n                    <h4 class=\"text-3xl font-bold text-gray-800 mb-6 border-b pb-3\">Materias - Cuarto A\u00f1o <\/h4>\n                    <div class=\"overflow-x-auto\">\n                        <table class=\"w-full min-w-full materia-table rounded-xl overflow-hidden text-sm md:text-base border-collapse\">\n                            <thead>\n                                <tr>\n                                    <th class=\"rounded-tl-xl\">Unidad Curricular<\/th>\n                                    <th class=\"rounded-tr-xl hidden md:table-cell\">Campo<\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <!-- Formaci\u00f3n General (4) -->\n                                <tr>\n                                    <td>Reflexi\u00f3n filos\u00f3fico-pol\u00edtica de la pr\u00e1ctica docente<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Derechos, interculturalidad y ciudadan\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Espacio de Opci\u00f3n Institucional (EOI Form. Gral.)<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-general\">Formaci\u00f3n General<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Espacio de Opci\u00f3n Institucional (EOI Form. Espec.)<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <!-- Formaci\u00f3n Espec\u00edfica (5) -->\n                                <tr>\n                                    <td>La Ense\u00f1anza de la Historia en la Escuela Secundaria<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Problemas del Mundo Actual<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia Latinoamericana II: de la conformaci\u00f3n de los Estados Nacionales a la actualidad<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Investigaci\u00f3n sobre los problemas de la Historia Argentina reciente<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <tr>\n                                    <td>Historia Argentina II<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-especifico\">Formaci\u00f3n Espec\u00edfica<\/span><\/td>\n                                <\/tr>\n                                <!-- Pr\u00e1ctica Docente (1) -->\n                                <tr>\n                                    <td>Pr\u00e1ctica Docente IV<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-practica\"><i class=\"fas fa-hands-helping mr-1\"><\/i> Pr\u00e1ctica Docente<\/span><\/td>\n                                <\/tr>\n                                <!-- UCOs (3) - Las marco con una etiqueta especial, suelen ser optativas de Formaci\u00f3n General -->\n                                <tr class=\"bg-yellow-50\">\n                                    <td>UCO: Experiencias culturales, de ciencia y tecnolog\u00eda<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-oco\"><i class=\"fas fa-plus-circle mr-1\"><\/i> Optativa (UCO)<\/span><\/td>\n                                <\/tr>\n                                <tr class=\"bg-yellow-50\">\n                                    <td>UCO: Producci\u00f3n de materiales de ense\u00f1anza<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-oco\"><i class=\"fas fa-plus-circle mr-1\"><\/i> Optativa (UCO)<\/span><\/td>\n                                <\/tr>\n                                <tr class=\"bg-yellow-50\">\n                                    <td>UCO: Investigaci\u00f3n educativa<\/td>\n                                    <td class=\"hidden md:table-cell\"><span class=\"campo-tag campo-oco\"><i class=\"fas fa-plus-circle mr-1\"><\/i> Optativa (UCO)<\/span><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                    <div class=\"mt-8 p-4 bg-blue-50 border-l-4 border-blue-400 text-sm text-gray-700 rounded-lg\">\n                        <p class=\"font-semibold mb-2 flex items-center\"><i class=\"fas fa-info-circle mr-2 text-blue-600\"><\/i> Sobre las UCOs (Unidades Curriculares Optativas)<\/p>\n                        <p>Estas unidades permiten al estudiante complementar su formaci\u00f3n. Generalmente, el estudiante debe seleccionar un n\u00famero m\u00ednimo de estas ofertas para obtener los cr\u00e9ditos requeridos. Se identifican aqu\u00ed como materias de Formaci\u00f3n General Optativas.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Contenido PERFIL DEL EGRESADO (Se mantiene igual) -->\n                <div data-tab-content=\"perfil\" id=\"content-perfil\" class=\"tab-content hidden fade-in\" role=\"tabpanel\">\n                    <h4 class=\"text-3xl font-bold text-gray-800 mb-6 border-b pb-3 flex items-center\">\n                        <i class=\"fas fa-user-graduate text-blue-600 mr-3 text-2xl\"><\/i>\n                        Perfil Profesional del Egresado\n                    <\/h4>\n                    \n                    <div class=\"bg-gray-50 p-6 rounded-xl shadow-inner border border-blue-100\">\n                        <p class=\"text-gray-700 mb-6 leading-relaxed border-l-4 border-blue-400 pl-4 py-1\">\n                            Las egresadas y los egresados del Profesorado de Educaci\u00f3n Secundaria en Historia de la provincia de Buenos Aires se reconocer\u00e1n como **agentes p\u00fablicos, intelectuales y trabajadoras y trabajadores de las culturas y la educaci\u00f3n**. Asumir\u00e1n el compromiso con el derecho a la educaci\u00f3n y, por lo tanto, propiciar\u00e1n el acceso al conocimiento m\u00e1s justo e igualitario de las y los estudiantes de la escuela secundaria.\n                        <\/p>\n                        \n                        <h5 class=\"text-xl font-bold text-blue-700 mb-4 pt-4 border-t border-gray-200\">El Dise\u00f1o aspira a formar Profesoras y Profesores que:<\/h5>\n                        <ul class=\"list-none space-y-4 text-gray-700\">\n                            <li class=\"flex items-start\">\n                                <i class=\"fas fa-check-circle text-green-500 mr-3 mt-1 flex-shrink-0\"><\/i>\n                                Reconozcan el trabajo docente desde la comprensi\u00f3n de los procesos hist\u00f3ricos, pol\u00edticos, sociales, culturales y pedag\u00f3gicos, producidos y\/o significados desde Am\u00e9rica Latina, Argentina y la Provincia de Buenos Aires.\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <i class=\"fas fa-check-circle text-green-500 mr-3 mt-1 flex-shrink-0\"><\/i>\n                                Problematicen la construcci\u00f3n de los contenidos de ense\u00f1anza de la Historia entramada con la perspectiva de g\u00e9nero, ambiental y la cultura digital.\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <i class=\"fas fa-check-circle text-green-500 mr-3 mt-1 flex-shrink-0\"><\/i>\n                                Asuman con sentido \u00e9tico y pol\u00edtico la ense\u00f1anza de la disciplina desde una perspectiva social, cr\u00edtica, multicausal y multiperspectivista.\n                            <\/li>\n                            <li class=\"flex items-start\">\n                                <i class=\"fas fa-check-circle text-green-500 mr-3 mt-1 flex-shrink-0\"><\/i>\n                                Establezcan una praxis coherente entre el conocimiento hist\u00f3rico a ense\u00f1ar y la construcci\u00f3n de propuestas did\u00e1cticas que promuevan conceptualizar la ciencia como una actividad humana en construcci\u00f3n.\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"text-center py-8 mt-12 border-t-4 border-gray-100 bg-white shadow-inner\">\n        <p class=\"text-gray-600 text-sm font-medium\">&copy; 2024 ISFD N\u00b0 39 - Jean Piaget. Vicente L\u00f3pez, Buenos Aires.<\/p>\n        <p class=\"text-gray-400 text-xs mt-1\">Desarrollo web para la comunidad educativa.<\/p>\n    <\/footer>\n\n    <!-- Script para funcionalidad de Pesta\u00f1as (Mejorado con l\u00f3gica de accesibilidad y animaci\u00f3n) -->\n    <script>\n        document.addEventListener('DOMContentLoaded', () => {\n            const tabsContainer = document.getElementById('plan-de-estudios');\n            const contentContainer = document.getElementById('tab-content-container');\n            const tabButtons = tabsContainer.querySelectorAll('.tab-button');\n            const tabContents = contentContainer.querySelectorAll('.tab-content');\n\n            \/**\n             * Maneja la activaci\u00f3n de una pesta\u00f1a, actualizando la visibilidad \n             * y el estado de accesibilidad (ARIA).\n             * @param {string} tabToActivate - El valor del atributo data-tab del contenido a mostrar.\n             * @param {HTMLElement} clickedButton - El bot\u00f3n que se ha pulsado.\n             *\/\n            function activateTab(tabToActivate, clickedButton) {\n                \/\/ 1. Ocultar todo el contenido y quitar clases de animaci\u00f3n\n                tabContents.forEach(content => {\n                    content.classList.add('hidden');\n                    content.classList.remove('fade-in');\n                    content.setAttribute('aria-hidden', 'true');\n                });\n\n                \/\/ 2. Desactivar todos los botones (clases visuales y ARIA)\n                tabButtons.forEach(button => {\n                    button.classList.remove('active');\n                    button.setAttribute('aria-selected', 'false');\n                    button.tabIndex = -1; \/\/ Deshabilitar navegaci\u00f3n por teclado\n                });\n\n                \/\/ 3. Activar el bot\u00f3n clickeado\n                clickedButton.classList.add('active');\n                clickedButton.setAttribute('aria-selected', 'true');\n                clickedButton.tabIndex = 0; \/\/ Habilitar navegaci\u00f3n por teclado\n\n                \/\/ 4. Mostrar y animar el contenido seleccionado\n                const activeContent = contentContainer.querySelector(`[data-tab-content=\"${tabToActivate}\"]`);\n                if (activeContent) {\n                    activeContent.classList.remove('hidden');\n                    \/\/ A\u00f1adimos un peque\u00f1o retraso para asegurar que la animaci\u00f3n se aplique correctamente\n                    setTimeout(() => {\n                        activeContent.classList.add('fade-in');\n                    }, 50); \n                    activeContent.setAttribute('aria-hidden', 'false');\n                }\n            }\n\n            \/\/ Inicializar la pesta\u00f1a del 4to a\u00f1o\n            const initialButton = tabsContainer.querySelector('[data-tab=\"4\"]');\n            if (initialButton) {\n                initialButton.tabIndex = 0;\n                \/\/ Nos aseguramos de que el contenido del 4to a\u00f1o se muestre al cargar\n                activateTab(initialButton.dataset.tab, initialButton); \n            }\n\n            \/\/ Listener de clicks\n            tabsContainer.addEventListener('click', (event) => {\n                const clickedButton = event.target.closest('.tab-button');\n                if (!clickedButton || clickedButton.classList.contains('active')) return;\n\n                const tabToActivate = clickedButton.dataset.tab;\n                activateTab(tabToActivate, clickedButton);\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>FAQ &#8211; Profesorado en Historia ISFD N\u00b039 Profesorado en Historia ISFD N\u00b039 \u201cJean Piaget\u201d &#8211; Vicente L\u00f3pez \u00bfQu\u00e9 t\u00edtulo otorga la carrera? + El t\u00edtulo es Profesor\/a de Educaci\u00f3n Secundaria en Historia. Tiene validez nacional y es emitido por la Direcci\u00f3n de Cultura y Educaci\u00f3n de la Provincia de Buenos Aires. \u00bfCu\u00e1l es la duraci\u00f3n &#8230; <a title=\"\" class=\"read-more\" href=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/historia-2\/\" aria-label=\"More on \">[+]<\/a><\/p>\n","protected":false},"author":30,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/832"}],"collection":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=832"}],"version-history":[{"count":13,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/832\/revisions"}],"predecessor-version":[{"id":2102,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/832\/revisions\/2102"}],"wp:attachment":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}