{"id":8680,"date":"2023-02-22T13:22:01","date_gmt":"2023-02-22T16:22:01","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=8680"},"modified":"2025-11-06T12:54:09","modified_gmt":"2025-11-06T15:54:09","slug":"oferta-educativa-2026","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/oferta-educativa-2026\/","title":{"rendered":"Oferta Educativa 2026"},"content":{"rendered":"\n<!-- BLOQUE REUTILIZABLE 1: MEN\u00da PRINCIPAL -->\n<!-- Carga de fuentes e \u00edconos -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&#038;family=Open+Sans:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n\n<style>\n    :root {\n        --color-primario: #3e81b8;\n        --color-cian: #13b4d1;\n        --color-texto: #6b4941;\n        --color-texto-oscuro: #6b4441;\n        --color-texto-suave: #7b7159;\n        --color-acento: #e9c46a;\n        --color-terracota: #d25c54;\n        --color-fondo-claro: #e4e0e5;\n        --color-azul-claro: #acd4ec;\n        --color-azul-intermedio: #4b9bd3;\n        --color-blanco: #ffffff;\n        --color-gris-deshabilitado: #95a3ae;\n        --color-fondo-base: #f8fafc;\n        --color-fondo-suave: #f4f6f8;\n        --color-fondo-info: #f0f4f8;\n        --color-fondo-info-acento: #e3f2fd;\n        --alto-menu: 64px;\n    }\n\n    \/* Compensa men\u00fa fijo sin agregar div espaciador *\/\n    body {\n        padding-top: var(--alto-menu) !important;\n    }\n\n    \/* Barra admin WordPress *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar {\n            padding-top: calc(var(--alto-menu) + 32px) !important;\n        }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar {\n            padding-top: calc(var(--alto-menu) + 46px) !important;\n        }\n    }\n\n    \/* Estilos del Men\u00fa *\/\n    #ies7-container-menu {\n        font-family: 'Open Sans', sans-serif;\n    }\n    #ies7-container-menu h1,\n    #ies7-container-menu h2,\n    #ies7-container-menu h3 {\n        font-family: 'Montserrat', sans-serif;\n    }\n    #ies7-container-menu a {\n        text-decoration: none;\n        color: var(--color-fondo-claro) !important;\n        transition: all 0.3s ease;\n    }\n    #ies7-container-menu .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    #ies7-container-menu .external-link-icon {\n        font-size: 0.85em;\n        opacity: 0.9;\n    }\n    body.mobile-menu-open {\n        overflow: hidden;\n    }\n\n    #ies7-container-menu .custom-nav {\n        background-color: var(--color-primario);\n        color: var(--color-fondo-claro);\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1000;\n    }\n    #ies7-container-menu .nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1280px;\n        margin: auto;\n        height: var(--alto-menu);\n        padding: 0 1rem;\n    }\n    #ies7-container-menu .nav-logo {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n    }\n    #ies7-container-menu .nav-logo img {\n        height: 50px;\n        width: auto;\n    }\n    #ies7-container-menu .logo-text-container {\n        display: none;\n        flex-direction: column;\n        line-height: 1.2;\n        color: white;\n    }\n    #ies7-container-menu .logo-main-text {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 1rem;\n    }\n    #ies7-container-menu .logo-sub-text {\n        font-size: 0.8rem;\n        color: var(--color-azul-claro);\n        font-weight: 300;\n    }\n    #ies7-container-menu .nav-menu {\n        display: none;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        align-items: center;\n        gap: 1.5rem;\n    }\n    #ies7-container-menu .nav-menu > li {\n        position: relative;\n    }\n    #ies7-container-menu .nav-menu a {\n        display: block;\n        padding: 1rem 0;\n        font-size: 0.95rem;\n        font-weight: 600;\n        position: relative;\n    }\n    #ies7-container-menu .nav-menu > li > a:hover {\n        color: white !important;\n    }\n    #ies7-container-menu .nav-menu > li > a::after {\n        content: '';\n        position: absolute;\n        width: 0%;\n        height: 3px;\n        background-color: var(--color-acento);\n        bottom: 10px;\n        left: 0;\n        border-radius: 2px;\n        transition: width 0.3s ease-in-out;\n    }\n    #ies7-container-menu .nav-menu > li:hover > a::after {\n        width: 100%;\n    }\n    #ies7-container-menu .dropdown {\n        display: block;\n        opacity: 0;\n        visibility: hidden;\n        position: absolute;\n        top: 90%;\n        left: 0;\n        background-color: var(--color-primario);\n        border-radius: 0.375rem;\n        list-style: none;\n        padding: 0.5rem;\n        margin: 0;\n        min-width: 240px;\n        box-shadow: 0 8px 16px rgba(0,0,0,0.2);\n        transform: translateY(10px);\n        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n    }\n    #ies7-container-menu .dropdown .dropdown {\n        top: 0;\n        left: 100%;\n        transform: translateY(0) translateX(10px);\n    }\n    #ies7-container-menu .dropdown > li:hover > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0) translateX(0);\n    }\n    #ies7-container-menu .nav-menu > li:last-child .dropdown {\n        left: auto;\n        right: 0;\n    }\n    #ies7-container-menu .nav-menu > li:last-child .dropdown .dropdown {\n        right: 100%;\n        left: auto;\n    }\n    #ies7-container-menu .dropdown li {\n        list-style: none;\n        position: relative;\n    }\n    #ies7-container-menu .dropdown a {\n        padding: 0.75rem 1rem;\n        white-space: nowrap;\n        border-radius: 0.25rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;\n    }\n    #ies7-container-menu .dropdown a:hover {\n        background-color: var(--color-cian);\n        color: white !important;\n        padding-left: 1.5rem;\n    }\n    #ies7-container-menu .nav-menu > li:hover > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n\n    \/* Men\u00fa M\u00f3vil *\/\n    #ies7-container-menu .mobile-menu-button {\n        display: block;\n        background: none;\n        border: none;\n        color: white;\n        padding: 0.5rem;\n        cursor: pointer;\n    }\n    #ies7-container-menu .mobile-menu-button svg {\n        width: 24px;\n        height: 24px;\n    }\n    #ies7-container-menu .mobile-nav-panel {\n        display: none;\n        background-color: var(--color-primario);\n        padding: 1rem;\n        position: fixed;\n        top: var(--alto-menu);\n        left: 0;\n        right: 0;\n        height: calc(100vh - var(--alto-menu));\n        overflow-y: auto;\n    }\n    #ies7-container-menu .mobile-nav-panel.open {\n        display: block;\n    }\n    #ies7-container-menu .mobile-nav-panel ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        padding-bottom: 100px;\n    }\n    #ies7-container-menu .mobile-nav-panel li {\n        list-style-type: none;\n    }\n    #ies7-container-menu .mobile-nav-panel > ul > li > a {\n        display: block;\n        padding: 0.75rem 0.5rem;\n        border-bottom: 1px solid var(--color-azul-claro);\n        color: var(--color-fondo-claro) !important;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown {\n        position: static;\n        display: block;\n        background: none;\n        box-shadow: none;\n        padding: 0 0 0 1rem;\n        margin: 0;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        min-width: unset;\n        width: 100%;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown a {\n        padding-left: 1.5rem;\n        border: none;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown .dropdown {\n        padding-left: 1rem;\n    }\n\n    \/* Top offset en admin bar para el nav fijo *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar #ies7-container-menu .custom-nav {\n            top: 32px;\n        }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar #ies7-container-menu .custom-nav {\n            top: 46px;\n        }\n        body.admin-bar #ies7-container-menu .mobile-nav-panel {\n            top: calc(var(--alto-menu) + 46px);\n            height: calc(100vh - var(--alto-menu) - 46px);\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #ies7-container-menu .mobile-menu-button { display: none; }\n        #ies7-container-menu .nav-menu { display: flex; }\n        #ies7-container-menu .mobile-nav-panel { display: none !important; }\n        #ies7-container-menu .logo-text-container { display: flex; }\n    }\n<\/style>\n\n<div id=\"ies7-container-menu\">\n    <nav class=\"custom-nav\">\n        <div class=\"nav-container\">\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\" class=\"nav-logo\" aria-label=\"Inicio IES N\u00b07\">\n                <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00b07\">\n                <div class=\"logo-text-container\">\n                    <span class=\"logo-main-text\">Instituto de Educaci\u00f3n Superior N\u00ba 7<\/span>\n                    <span class=\"logo-sub-text\">\u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/span>\n                <\/div>\n            <\/a>\n\n            <ul class=\"nav-menu\">\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\">Inicio<\/a><\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Institucional <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Misi\u00f3n y Visi\u00f3n<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Valores e Ideario<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\">Departamentos <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-investigacion\/\">Investigaci\u00f3n<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-inicial\/\">Formaci\u00f3n Inicial<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-continua-y-desarrollo-profesional\/\">Formaci\u00f3n Continua<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral Educativa<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/saad\/\">D.A.T.E<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Sedes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-san-pedro\/\">Sede San Pedro<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-perico\/\">Sede Perico<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/sede-libertador-gral-san-martin\/\">Sede Libertador<\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Estudiantes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\">Turnos de Examen<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretar\u00eda Acad\u00e9mica<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/pasantias-educativas\/\">Pasant\u00edas Educativas<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/becas\/\">Becas Acad\u00e9micas<\/a><\/li>\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n Estudiantes (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n Estudiantes <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Docentes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/docentes.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n Docentes (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n Docentes <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li><a href=\"javascript:void(0)\">Egresados<\/a><\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Recursos <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                     <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Noticias<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/publicaciones-2024\/\">Publicaciones<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/xiv-jornadas-cientificas\/\">Jornadas Cient\u00edficas<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Tesorer\u00eda<\/a><\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <button class=\"mobile-menu-button\" id=\"mobile-menu-toggle-ies7\" aria-label=\"Abrir menu\" aria-expanded=\"false\" aria-controls=\"mobile-nav-ies7\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"mobile-nav-panel\" id=\"mobile-nav-ies7\">\n            <!-- El contenido del men\u00fa m\u00f3vil se genera con JS -->\n        <\/div>\n    <\/nav>\n<\/div>\n<script>\n    (function() {\n        if (window.ies7MenuScriptLoaded) return;\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const menuContainer = document.querySelector('#ies7-container-menu');\n            if (!menuContainer) return;\n\n            const menu = menuContainer.querySelector('.nav-menu');\n            const mobileNavPanel = menuContainer.querySelector('#mobile-nav-ies7');\n            const toggleButton = menuContainer.querySelector('#mobile-menu-toggle-ies7');\n\n            if (!menu || !mobileNavPanel || !toggleButton) return;\n\n            mobileNavPanel.innerHTML = '<ul>' + menu.innerHTML + '<\/ul>';\n\n            const closeIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>';\n            const openIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>';\n\n            function closeMenu() {\n                mobileNavPanel.classList.remove('open');\n                document.body.classList.remove('mobile-menu-open');\n                toggleButton.innerHTML = openIcon;\n                toggleButton.setAttribute('aria-label', 'Abrir menu');\n                toggleButton.setAttribute('aria-expanded', 'false');\n            }\n\n            toggleButton.addEventListener('click', function() {\n                const isOpen = mobileNavPanel.classList.toggle('open');\n                document.body.classList.toggle('mobile-menu-open', isOpen);\n\n                if (isOpen) {\n                    toggleButton.innerHTML = closeIcon;\n                    toggleButton.setAttribute('aria-label', 'Cerrar menu');\n                    toggleButton.setAttribute('aria-expanded', 'true');\n                } else {\n                    toggleButton.innerHTML = openIcon;\n                    toggleButton.setAttribute('aria-label', 'Abrir menu');\n                    toggleButton.setAttribute('aria-expanded', 'false');\n                }\n            });\n\n            mobileNavPanel.addEventListener('click', function(e) {\n                if (e.target.tagName === 'A') {\n                    closeMenu();\n                }\n            });\n        });\n\n        window.ies7MenuScriptLoaded = true;\n    })();\n<\/script>\n\n\n\n\n<!-- BLOQUE DE CONTENIDO PARA LA P\u00c1GINA DE OFERTA EDUCATIVA (FINAL REDISE\u00d1ADO) -->\n<!-- Las fuentes e \u00edconos se cargan desde el bloque del Men\u00fa -->\n\n<style>\n    \/* Estilos Generales *\/\n    #oferta-container {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #f8fafc;\n        color: #6b4941;\n    }\n    #oferta-container h1,\n        font-family: 'Montserrat', sans-serif;\n        color: #ffffff;\n    #oferta-container h2,\n    #oferta-container h3,\n    #oferta-container h4 {\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    }\n    #oferta-container a {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n    }\n\n    \/* Banner Principal *\/\n    .oferta-header {\n        background-image: linear-gradient(rgba(62, 129, 184, 0.9), rgba(19, 180, 209, 0.9)), url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2024\/07\/foto-seccion-porque-ies7.jpg');\n        background-size: cover;\n        background-position: center;\n        padding: 5rem 1rem;\n        text-align: center;\n        color: white;\n    }\n    .oferta-header h1, .oferta-header p { color: white; }\n    .oferta-header h1 {\n        font-size: 3rem;\n        font-weight: 700;\n        margin: 0;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n    .oferta-header p {\n        font-size: 1.25rem;\n        margin: 0.5rem 0 0 0;\n        opacity: 0.9;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    \/* Contenedor de Secciones *\/\n    .oferta-section {\n        padding: 4rem 1rem;\n        max-width: 1200px;\n        margin: auto;\n    }\n    \n    \/* Filtros *\/\n    .filtros-container {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 1rem;\n        margin-bottom: 3rem;\n    }\n    .filtro-btn {\n        background-color: white;\n        color: #3e81b8;\n        padding: 0.75rem 2rem;\n        border-radius: 9999px;\n        font-weight: 600;\n        border: 2px solid #acd4ec;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    .filtro-btn:hover, .filtro-btn:focus {\n        background-color: #e4e0e5;\n        border-color: #95a3ae;\n    }\n    .filtro-btn.active {\n        background-color: #13b4d1;\n        color: white;\n        border-color: transparent;\n    }\n\n    \/* Grid de Carreras Limpio *\/\n    .carreras-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n        gap: 2rem;\n    }\n    .carrera-card {\n        background-color: white;\n        border-radius: 1rem;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .carrera-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n    }\n    .carrera-card-content {\n        padding: 2rem;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    .card-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 1rem;\n    }\n    .carrera-card .icon-container {\n        font-size: 2.5rem;\n        color: #3e81b8;\n        margin-right: 1rem;\n    }\n    .carrera-card h4 {\n        font-size: 1.3rem;\n        margin: 0;\n        line-height: 1.3;\n    }\n    .category-tag {\n        font-size: 0.75rem;\n        font-weight: 600;\n        padding: 0.25rem 0.75rem;\n        border-radius: 9999px;\n        background-color: #e4e0e5;\n        color: #7b7159;\n        white-space: nowrap;\n    }\n    .carrera-card .details {\n        font-size: 0.9rem;\n        color: #7b7159;\n        margin-bottom: 1.5rem;\n        border-top: 1px solid #e4e0e5;\n        padding-top: 1rem;\n        margin-top: 1rem;\n    }\n    .carrera-card .details span {\n        margin-right: 1.5rem;\n    }\n    .carrera-card .cta-link {\n        color: #13b4d1;\n        font-weight: 600;\n        align-self: flex-start;\n        margin-top: auto;\n    }\n    .carrera-card .cta-link:hover {\n        color: #d25c54;\n    }\n\n    \/* SECCI\u00d3N FINAL DE CTA REDISE\u00d1ADA *\/\n    .cta-final-section {\n        padding: 0; \/* Sin padding para que la imagen ocupe todo *\/\n        max-width: none; \/* Ocupa todo el ancho *\/\n    }\n    .cta-final-container {\n        position: relative;\n        color: white;\n        text-align: center;\n        padding: 6rem 2rem;\n        background-color: #3e81b8; \/* Fallback color *\/\n        background-image: url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2024\/07\/foto-noticia-1.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed; \/* Efecto parallax *\/\n    }\n    .cta-final-container::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(rgba(62, 129, 184, 0.85), rgba(19, 180, 209, 0.85));\n    }\n    .cta-content {\n        position: relative;\n        z-index: 2;\n        max-width: 700px;\n        margin: auto;\n    }\n    .cta-final-container h2 {\n        font-size: 2.5rem;\n        margin: 0 0 1rem 0;\n        color: white;\n        text-shadow: 1px 1px 3px rgba(0,0,0,0.2);\n    }\n    .cta-final-container p {\n        margin: 0 auto 2rem auto;\n        opacity: 0.9;\n        line-height: 1.7;\n        font-size: 1.1rem;\n    }\n    .cta-final-container .cta-button {\n        background: #e9c46a;\n        color: #6b4941;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n        font-size: 1.1rem;\n        padding: 1rem 3rem;\n        border-radius: 9999px;\n        font-weight: 700;\n        transition: all 0.3s ease;\n    }\n    .cta-final-container .cta-button:hover, .cta-final-container .cta-button:focus {\n        transform: scale(1.05);\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n        background: #d25c54;\n        color: white;\n    }\n    \n    \/* Animaciones *\/\n    .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }\n    .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); }\n\n<\/style>\n\n<div id=\"oferta-container\">\n\n    <!-- Banner -->\n    <header class=\"oferta-header\">\n        <h1>Oferta Acad\u00e9mica<\/h1>\n        <p>Descubr\u00ed la carrera que te apasiona y form\u00e1 parte de nuestra comunidad educativa.<\/p>\n    <\/header>\n\n    <!-- Contenido de Carreras -->\n    <section class=\"oferta-section\">\n        <div class=\"animate-on-scroll\" style=\"text-align: center; margin-bottom: 3rem;\">\n            <h2 class=\"section-title\" style=\"margin-bottom: 1rem;\">Explor\u00e1 por Sede<\/h2>\n            <div class=\"filtros-container\">\n                <button class=\"filtro-btn active\" data-filter=\"central\">Casa Central<\/button>\n                <button class=\"filtro-btn\" data-filter=\"perico\">Sede Perico<\/button>\n                <button class=\"filtro-btn\" data-filter=\"san-pedro\">Sede San Pedro<\/button>\n                <button class=\"filtro-btn\" data-filter=\"libertador\">Sede Libertador<\/button>\n            <\/div>\n        <\/div>\n        <div class=\"carreras-grid animate-on-scroll\">\n            <!-- Casa Central -->\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">gavel<\/span> <h4>Profesorado de Educaci\u00f3n Secundaria en Ciencia Pol\u00edtica<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Ma\u00f1ana<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-de-educacion-secundaria-en-ciencia-politica\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">psychology<\/span> <h4>Profesorado de Educaci\u00f3n Especial con Orientaci\u00f3n en Discapacidad Intelectual<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Ma\u00f1ana y Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-de-educacion-especial-con-orientacion-en-discapacidad-intelectual\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">church<\/span> <h4>Profesorado en Ciencias Sagradas<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-en-ciencias-sagradas\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">eco<\/span> <h4>Tecnicatura Superior en Gesti\u00f3n Ambiental<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-gestion-ambiental\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">child_care<\/span> <h4>Tecnicatura Superior en Ni\u00f1ez, Adolescencia y Familia<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-ninez-adolescencia-y-familia\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">biotech<\/span> <h4>Tecnicatura Superior en Laboratorio de An\u00e1lisis Cl\u00ednicos<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-laboratorio-de-analisis-clinicos\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">bloodtype<\/span> <h4>Tecnicatura Superior en Hemoterapia<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-hemoterapia\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">diversity_3<\/span> <h4>Tecnicatura Superior en Acompa\u00f1amiento Terap\u00e9utico<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-acompanamiento-terapeutico\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">store<\/span> <h4>Tecnicatura Superior en Administraci\u00f3n de Empresas con Orientaci\u00f3n en PyME<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde y Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-administracion-de-empresas-con-orientacion-en-pyme\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">account_balance<\/span> <h4>Tecnicatura Superior en Administraci\u00f3n P\u00fablica con Orientaci\u00f3n al Desarrollo Local<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-administracion-publica-con-orientacion-al-desarrollo-local\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">smart_toy<\/span> <h4>Tecnicatura Superior en Ciencia de Datos e Inteligencia Artificial<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Ma\u00f1ana<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-ciencia-de-datos-e-inteligencia-artificial\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"central\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">work<\/span> <h4>Tecnicatura Superior en Gesti\u00f3n Jur\u00eddica<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-gestion-juridica\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n\n            <!-- Sede Perico -->\n            <div class=\"carrera-card\" data-category=\"perico\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">menu_book<\/span> <h4>Profesorado de Educaci\u00f3n Secundaria en Lengua y Literatura<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-de-educacion-secundaria-en-lengua-y-literatura\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"perico\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">store<\/span> <h4>Tecnicatura Superior en Administraci\u00f3n de Empresas con Orientaci\u00f3n en PyME<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-administracion-de-empresas-con-orientacion-en-pyme-perico\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"perico\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">precision_manufacturing<\/span> <h4>Tecnicatura Superior en Mecatr\u00f3nica<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-mecatronica\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n\n            <!-- Sede San Pedro -->\n            <div class=\"carrera-card\" data-category=\"san-pedro\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">hearing<\/span> <h4>Profesorado de Educaci\u00f3n Especial con Orientaci\u00f3n en Sordos e Hipoac\u00fasicos<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-de-educacion-especial-con-orientacion-en-sordos-e-hipoacusicos\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"san-pedro\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">history_edu<\/span> <h4>Profesorado de Educaci\u00f3n Secundaria en Historia<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Ma\u00f1ana y Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-de-educacion-secundaria-en-historia\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"san-pedro\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">code<\/span> <h4>Tecnicatura Superior en Desarrollo de Software<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Tarde<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-desarrollo-de-software\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n\n            <!-- Sede Libertador -->\n            <div class=\"carrera-card\" data-category=\"libertador\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">psychology<\/span> <h4>Profesorado de Educaci\u00f3n Secundaria en Psicolog\u00eda<\/h4> <\/div> <span class=\"category-tag\">Profesorado<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 4 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/profesorado-de-educacion-secundaria-en-psicologia\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"libertador\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">smart_toy<\/span> <h4>Tecnicatura Superior en Automatizaci\u00f3n y Rob\u00f3tica<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-automatizacion-y-robotica\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n            <div class=\"carrera-card\" data-category=\"libertador\"> <div class=\"carrera-card-content\"> <div class=\"card-header\"> <div> <span class=\"material-symbols-outlined icon-container\">diversity_3<\/span> <h4>Tecnicatura Superior en Acompa\u00f1amiento Terap\u00e9utico<\/h4> <\/div> <span class=\"category-tag\">Tecnicatura<\/span> <\/div> <div class=\"details\"><span><strong>Turno:<\/strong> Noche<\/span> \u2022 <span><strong>Duraci\u00f3n:<\/strong> 3 a\u00f1os<\/span><\/div> <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/tecnicatura-superior-en-acompanamiento-terapeutico-sede-libertador\/\" class=\"cta-link\">Ver Plan de Estudios &rarr;<\/a> <\/div> <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- CTA Final Redise\u00f1ado -->\n    <section class=\"cta-final-section\">\n        <div class=\"cta-final-container animate-on-scroll\">\n            <div class=\"cta-content\">\n                <h2>\u00bfListo para dar el siguiente paso?<\/h2>\n                <p>Ahora que conoces nuestra oferta, te invitamos a visitar la p\u00e1gina de ingresantes para conocer las fechas, requisitos y todo el proceso de inscripci\u00f3n.<\/p>\n                <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingreso2026\/\" class=\"cta-button\">Ir a la P\u00e1gina de Ingresantes<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                }\n            });\n        }, {\n            threshold: 0.1\n        });\n        const elementsToAnimate = document.querySelectorAll('.animate-on-scroll');\n        elementsToAnimate.forEach(el => {\n            observer.observe(el);\n        });\n\n        const filtroBtns = document.querySelectorAll('.filtro-btn');\n        const carreraCards = document.querySelectorAll('.carrera-card');\n\n        function filterCards(filter) {\n            carreraCards.forEach(card => {\n                const category = card.getAttribute('data-category');\n                \/\/ La tarjeta se muestra si el filtro es 'all' o si su categor\u00eda coincide con el filtro\n                if (filter === 'all' || category === filter) {\n                    card.style.display = 'flex';\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        }\n\n        filtroBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                filtroBtns.forEach(b => b.classList.remove('active'));\n                btn.classList.add('active');\n                const filter = btn.getAttribute('data-filter');\n                filterCards(filter);\n            });\n        });\n        \n        \/\/ Muestra Casa Central por defecto al cargar la p\u00e1gina\n        filterCards('central');\n    });\n<\/script>\n\n\n\n<!-- BLOQUE REUTILIZABLE 3: FOOTER PRINCIPAL -->\n<!-- Este bloque se inserta al final de la p\u00c3\u00a1gina -->\n<!-- NOTA: Este bloque asume que Material Symbols y las Google Fonts ya fueron cargadas por el Bloque 1 (Men\u00c3\u00ba) -->\n<!-- Si se usa de forma aislada, es necesario cargar las librer\u00c3\u00adas de fuentes e \u00c3\u00adconos. -->\n\n<style>\n    \/* ==== ESTILOS DEL FOOTER ==== *\/\n    .custom-footer {\n        \/* Color de Marca: Azul Principal *\/\n        background-color: var(--color-primario);\n        \/* Texto Base: Gris Muy Claro *\/\n        color: var(--color-fondo-claro);\n        padding: 4rem 1rem 2rem 1rem;\n        \/* Fuente Base: Open Sans *\/\n        font-family: 'Open Sans', sans-serif;\n    }\n    .footer-container {\n        max-width: 1200px;\n        margin: auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n        gap: 2.5rem;\n    }\n    .footer-col .logo-footer {\n        height: 60px;\n        margin-bottom: 1.5rem;\n    }\n    .footer-col p {\n        font-size: 0.9rem;\n        line-height: 1.6;\n        margin: 0 0 1rem 0;\n    }\n    .footer-col h3 {\n        \/* Fuente de T\u00c3\u00adtulos: Montserrat *\/\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        color: var(--color-blanco);\n        font-size: 1.1rem;\n        margin: 0 0 1.5rem 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .footer-col ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .footer-col a {\n        \/* Texto Base: Gris Muy Claro *\/\n        color: var(--color-fondo-claro);\n        text-decoration: none;\n        font-size: 0.95rem;\n        transition: color 0.3s ease;\n    }\n    \n    .footer-col a:hover {\n        \/* Interacci\u00ef\u00bf\u00bdn: Cian *\/\n        color: var(--color-cian);\n    }\n    \n    .footer-col .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    .footer-col .external-link-icon {\n        font-size: 0.85em;\n        opacity: 0.9;\n    }\n    .footer-col .icon-text {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        font-size: 0.95rem;\n        margin-bottom: 0.75rem;\n    }\n    .footer-col .icon-text .material-symbols-outlined {\n        margin-top: 4px;\n        font-size: 1rem;\n        width: 20px; \/* Ancho fijo para alineaci\u00c3\u00b3n *\/\n        text-align: center;\n    }\n    .social-links {\n        display: flex;\n        gap: 1rem;\n        margin-top: 1.5rem;\n    }\n    .social-links a {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        border: 2px solid var(--color-fondo-claro);\n        color: var(--color-fondo-claro);\n        font-size: 1.1rem;\n        transition: background-color 0.3s, color 0.3s;\n    }\n    .social-links a svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n        display: block;\n    }\n    .social-links a:hover {\n        background-color: var(--color-fondo-claro);\n        \/* Al invertir, el \u00c3\u00adcono toma el color del Azul Principal *\/\n        color: var(--color-primario);\n    }\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 3rem auto 0 auto;\n        padding-top: 2rem;\n        \/* Borde: Azul Intermedio *\/\n        border-top: 1px solid var(--color-azul-intermedio);\n        text-align: center;\n    }\n    .footer-bottom p {\n        font-size: 0.85rem;\n        color: var(--color-azul-claro); \/* Azul Muy Claro *\/\n        margin: 0;\n    }\n<\/style>\n\n<footer class=\"custom-footer\">\n    <div class=\"footer-container\">\n        <!-- Columna 1: Contacto -->\n        <div class=\"footer-col\">\n            <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00c2\u00b07 Blanco\" class=\"logo-footer\">\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">location_on<\/span>\n                <span>Sarmiento 268, San Salvador de Jujuy<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">call<\/span>\n                <span>(0388) 4224514<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">mail<\/span>\n                <a href=\"mailto:campus@populorumjujuy.ar\">campus@populorumjujuy.ar<\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Columna 2: Institucional -->\n        <div class=\"footer-col\">\n            <h3>Institucional<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta&ntilde;a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#8599;<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 3: Estudiantes -->\n        <div class=\"footer-col\">\n            <h3>Estudiantes<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretaria Acad\u00e9mica<\/a><\/li>\n                <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n <span class=\"external-link-icon\" aria-hidden=\"true\">&#8599;<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 4: Redes Sociales -->\n        <div class=\"footer-col\">\n            <h3>Seguinos<\/h3>\n            <p>Conectate con nuestra comunidad.<\/p>\n            <div class=\"social-links\">\n                <a href=\"https:\/\/www.facebook.com\/infopopu\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.78-3.88 1.1 0 2.24.2 2.24.2v2.46H15.2c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.9h-2.34v6.99A10 10 0 0 0 22 12z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/popu.jujuy\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5zM12 7.6a4.4 4.4 0 1 1 0 8.8 4.4 4.4 0 0 1 0-8.8zm0 1.8a2.6 2.6 0 1 0 0 5.2 2.6 2.6 0 0 0 0-5.2zm4.75-2.5a1.05 1.05 0 1 1 0 2.1 1.05 1.05 0 0 1 0-2.1z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.whatsapp.com\/channel\/0029VaoIWj2Fy72ILDVbqs1I\" target=\"_blank\" aria-label=\"Canal de WhatsApp\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20.52 3.48A11.88 11.88 0 0 0 12.06 0C5.5 0 .15 5.35.15 11.91c0 2.1.55 4.15 1.6 5.97L0 24l6.3-1.65a11.85 11.85 0 0 0 5.76 1.47h.01c6.56 0 11.91-5.35 11.91-11.91 0-3.18-1.24-6.16-3.46-8.43zm-8.46 18.3h-.01a9.9 9.9 0 0 1-5.05-1.38l-.36-.21-3.73.98 1-3.64-.23-.37a9.88 9.88 0 0 1-1.52-5.25C2.16 6.43 6.58 2 12.06 2c2.64 0 5.12 1.03 6.98 2.89a9.8 9.8 0 0 1 2.9 6.98c0 5.48-4.43 9.91-9.88 9.91zm5.43-7.43c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.28-.47-2.43-1.5-.9-.8-1.5-1.8-1.67-2.1-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.5 0 1.47 1.08 2.9 1.23 3.1.15.2 2.1 3.2 5.08 4.49.71.3 1.27.48 1.7.62.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2-1.42.25-.7.25-1.3.17-1.42-.08-.12-.27-.2-.57-.35z\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"footer-bottom\">\n        <p>&copy; 2025 &#8211; Instituto de Educaci\u00f3n Superior N\u00ba 7 \u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/p>\n    <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Oferta Acad\u00e9mica Descubr\u00ed la carrera que te apasiona y form\u00e1 parte de nuestra comunidad educativa. Explor\u00e1 por Sede Casa Central Sede Perico Sede San Pedro Sede Libertador gavel Profesorado de Educaci\u00f3n Secundaria en Ciencia Pol\u00edtica Profesorado Turno: Ma\u00f1ana \u2022 Duraci\u00f3n: 4 a\u00f1os Ver Plan de Estudios &rarr; psychology Profesorado de Educaci\u00f3n Especial con Orientaci\u00f3n en &#8230; <a title=\"Oferta Educativa 2026\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/oferta-educativa-2026\/\" aria-label=\"More on Oferta Educativa 2026\">[+]<\/a><\/p>\n","protected":false},"author":542,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/8680"}],"collection":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/542"}],"replies":[{"embeddable":true,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=8680"}],"version-history":[{"count":32,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/8680\/revisions"}],"predecessor-version":[{"id":12328,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/8680\/revisions\/12328"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=8680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}