{"id":11650,"date":"2024-12-27T10:01:18","date_gmt":"2024-12-27T13:01:18","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=11650"},"modified":"2025-12-29T13:37:49","modified_gmt":"2025-12-29T16:37:49","slug":"cartillas-del-curso-de-ingreso","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/cartillas-del-curso-de-ingreso\/","title":{"rendered":"Cartillas del Curso de Ingreso 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 CARTILLAS DE INGRESO -->\n<!-- Este c\u00f3digo se inserta entre el Bloque de Men\u00fa y el Bloque de Footer -->\n<!-- Asume que las fuentes e \u00edconos ya han sido cargados por el men\u00fa -->\n\n<style>\n    \/* Estilos Generales *\/\n    #cartillas-container {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #f8fafc;\n        color: #6b4941;\n        overflow-x: hidden;\n    }\n    #cartillas-container h1,\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    #cartillas-container h2,\n    #cartillas-container h3 {\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    }\n    #cartillas-container a {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n    }\n    .cartillas-section {\n        padding: 4rem 1rem;\n        max-width: 1100px;\n        margin: auto;\n    }\n    .section-title {\n        font-size: 2rem;\n        font-weight: 700;\n        margin-bottom: 2rem;\n        text-align: center;\n        color: #3e81b8;\n    }\n\n    \/* Banner Principal *\/\n    .cartillas-header {\n        position: relative;\n        height: 300px;\n        background-color: #3e81b8;\n        background-image: url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/12\/POPULORUM-PROGRESSIO.png');\n        background-size: cover;\n        background-position: center;\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 2rem 1rem;\n    }\n    .cartillas-header::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: linear-gradient(rgba(62, 129, 184, 0.9), rgba(19, 180, 209, 0.8));\n    }\n    .cartillas-header-content {\n        position: relative;\n        z-index: 2;\n        max-width: 800px;\n    }\n    .cartillas-header h1 {\n        font-size: 2.8rem;\n        font-weight: 700;\n        margin: 0 0 0.5rem 0;\n        text-shadow: 1px 1px 3px rgba(0,0,0,0.3);\n    }\n    .cartillas-header p {\n        font-size: 1.1rem;\n        opacity: 0.9;\n    }\n\n    \/* Contenedor de Controles (Volver, Filtros, Buscador) *\/\n    .controls-wrapper {\n        max-width: 1000px;\n        margin: -3rem auto 3rem auto; \/* Flotando sobre el banner *\/\n        position: relative;\n        z-index: 10;\n        padding: 0 1rem;\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n    }\n\n    \/* Bot\u00f3n Volver *\/\n    .back-link-container {\n        display: flex;\n        justify-content: flex-start;\n    }\n    .back-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        background-color: white;\n        color: #3e81b8;\n        padding: 0.5rem 1rem;\n        border-radius: 0.5rem;\n        font-weight: 600;\n        font-size: 0.9rem;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        transition: all 0.3s ease;\n    }\n    .back-btn:hover {\n        transform: translateY(-2px);\n        background-color: #f0f4f8;\n        color: #13b4d1;\n    }\n\n    \/* Panel de Filtros y B\u00fasqueda *\/\n    .controls-panel {\n        background: white;\n        padding: 1.5rem;\n        border-radius: 1rem;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 1.5rem;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .filter-group {\n        display: flex;\n        gap: 0.5rem;\n        flex-wrap: wrap;\n    }\n    .filter-btn {\n        background: #f0f4f8;\n        border: none;\n        padding: 0.6rem 1.2rem;\n        border-radius: 9999px;\n        font-weight: 600;\n        color: #6b4941;\n        cursor: pointer;\n        transition: all 0.3s;\n        font-size: 0.9rem;\n        position: relative;\n        overflow: hidden;\n    }\n    .filter-btn:hover {\n        background-color: #e2e8f0;\n    }\n    \/* Estilo Activo con Brillo *\/\n    .filter-btn.active {\n        background-color: #3e81b8;\n        color: white;\n        box-shadow: 0 0 10px rgba(62, 129, 184, 0.5), 0 0 2px rgba(62, 129, 184, 0.8) inset;\n        transform: scale(1.05);\n    }\n\n    .search-box {\n        position: relative;\n        flex-grow: 1;\n        min-width: 200px;\n        max-width: 300px; \/* Limitamos el ancho m\u00e1ximo *\/\n    }\n    .search-box input {\n        width: 100%;\n        padding: 0.5rem 1rem 0.5rem 2.2rem; \/* Padding reducido *\/\n        border: 1px solid #e4e0e5;\n        border-radius: 9999px; \/* M\u00e1s redondeado *\/\n        font-size: 0.9rem;\n        outline: none;\n        font-family: 'Open Sans', sans-serif;\n        transition: border-color 0.3s;\n    }\n    .search-box input:focus {\n        border-color: #13b4d1;\n    }\n    .search-box .material-symbols-outlined {\n        position: absolute;\n        left: 0.8rem;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #9ca3af;\n        font-size: 1.2rem;\n    }\n\n    \/* Grilla de Cartillas *\/\n    .material-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n        gap: 2rem;\n    }\n    \n    .material-card {\n        background: white;\n        border-radius: 0.75rem;\n        overflow: hidden;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n        border: 1px solid #e4e0e5;\n        transition: transform 0.3s, box-shadow 0.3s;\n        display: flex;\n        flex-direction: column;\n    }\n    .material-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        border-color: #13b4d1;\n    }\n    \n    .card-icon-area {\n        background-color: #e3f2fd; \/* Azul suave por defecto *\/\n        height: 120px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n    \/* Colores por Sede *\/\n    .material-card[data-sede=\"central\"] .card-icon-area { background-color: #e3f2fd; } \/* Azul *\/\n    .material-card[data-sede=\"perico\"] .card-icon-area { background-color: #e0f2f1; } \/* Verde *\/\n    .material-card[data-sede=\"sanpedro\"] .card-icon-area { background-color: #fff3e0; } \/* Naranja *\/\n    .material-card[data-sede=\"libertador\"] .card-icon-area { background-color: #f3e5f5; } \/* Violeta *\/\n    \n    .card-icon-area .material-symbols-outlined {\n        font-size: 3.5rem;\n        color: rgba(0,0,0,0.15);\n    }\n    .card-badge {\n        position: absolute;\n        top: 1rem;\n        right: 1rem;\n        background: white;\n        padding: 0.3rem 0.8rem;\n        border-radius: 9999px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        color: #6b4941;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n    }\n    \n    .card-body {\n        padding: 1.5rem;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between; \/* Espacia el contenido *\/\n    }\n    .card-title {\n        font-size: 1.1rem;\n        font-weight: 700;\n        margin: 0 0 1rem 0;\n        color: #3e81b8;\n        line-height: 1.4;\n    }\n    \/* Eliminado .card-info para limpieza *\/\n    \n    .download-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        background-color: #e9c46a; \/* Amarillo Ocre *\/\n        color: #6b4941;\n        padding: 0.8rem;\n        border-radius: 0.5rem;\n        font-weight: 700;\n        transition: background 0.3s;\n        text-align: center;\n    }\n    .download-btn:hover {\n        background-color: #d25c54; \/* Rojo Terracota *\/\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    @media (max-width: 768px) {\n        .controls-panel {\n            flex-direction: column;\n            align-items: stretch;\n        }\n        .filter-group {\n            justify-content: center;\n        }\n        .search-box {\n            max-width: 100%;\n        }\n    }\n<\/style>\n\n<div id=\"cartillas-container\">\n\n    <!-- Banner -->\n    <header class=\"cartillas-header\">\n        <div class=\"cartillas-header-content animate-on-scroll\">\n            <h1>Cartillas del Curso de Ingreso 2026<\/h1>\n            <p>Selecciona tu sede y descarga la cartilla de tu carrera<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- Wrapper de Controles -->\n    <div class=\"controls-wrapper animate-on-scroll\">\n        \n        <!-- Bot\u00f3n Volver -->\n        <div class=\"back-link-container\">\n            <!-- REEMPLAZAR # con el link a la p\u00e1gina de Ingresantes real -->\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingreso2026\/\" class=\"back-btn\">\n                <span class=\"material-symbols-outlined\">arrow_back<\/span>\n                Volver a Ingresantes\n            <\/a>\n        <\/div>\n\n        <!-- Panel de Filtros y B\u00fasqueda -->\n        <div class=\"controls-panel\">\n            <div class=\"filter-group\">\n                <button class=\"filter-btn active\" data-filter=\"all\">Todas<\/button>\n                <button class=\"filter-btn\" data-filter=\"central\">Casa Central<\/button>\n                <button class=\"filter-btn\" data-filter=\"perico\">Sede Perico<\/button>\n                <button class=\"filter-btn\" data-filter=\"sanpedro\">Sede San Pedro<\/button>\n                <button class=\"filter-btn\" data-filter=\"libertador\">Sede Libertador<\/button>\n            <\/div>\n            <div class=\"search-box\">\n                <span class=\"material-symbols-outlined\">search<\/span>\n                <input type=\"text\" id=\"searchInput\" placeholder=\"Buscar carrera...\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Grilla de Material -->\n    <section class=\"cartillas-section\">\n        <div class=\"material-grid\" id=\"materialGrid\">\n            \n            <!-- CASA CENTRAL -->\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"ciencia politica profesorado central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">gavel<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado de Educaci\u00f3n Secundaria en Ciencia Pol\u00edtica<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1_GiOzkV6Z2ccIl7ACR81cZ-d0TWjTMmk\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"educacion especial discapacidad intelectual profesorado central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">psychology<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado de Educaci\u00f3n Especial orientaci\u00f3n Discapacidad Intelectual<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1VTp_8dl0-kcqINfmiBiMedMDABUpTVJ8\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"ciencias sagradas religion profesorado central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">menu_book<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado en Ciencias Sagradas<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1KqWsfEvIMM-qeawrU_vF5IcnYvVJ419A\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"administracion empresas pyme tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">business_center<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Administraci\u00f3n de Empresas con orientaci\u00f3n en PyME<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1NWIeZbys9pmNDUlzFl1jTXKYpfmoehh_\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"administracion publica estado tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">location_city<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Administraci\u00f3n P\u00fablica con orientaci\u00f3n al Desarrollo Local<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/12w7dHLkjN8vma8G0ItJp30O8m_wDUkx3\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"ciencia datos inteligencia artificial ia tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">memory<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Ciencia de Datos e IA<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1JY-a1BK7oY5kQuA0LZE449-Oumqiu5v6\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"acompa\u00f1amiento terapeutico salud tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">accessibility_new<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Acompa\u00f1amiento Terap\u00e9utico<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1XdFHrzf9ZLWMmVDXeXAJcod4TvulbSDY\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"laboratorio analisis clinicos salud tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">biotech<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Laboratorio de An\u00e1lisis Cl\u00ednicos<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1BHgwWUefIlj4z_LVBfOzMRkwFiJSlslO\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"hemoterapia sangre salud tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">bloodtype<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Hemoterapia<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1TCxfDBxcfax_WDWgACkcye1q7xgFGnFL\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"ninez adolescencia familia tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">family_restroom<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Ni\u00f1ez, Adolescencia y Familia<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1gN6I2K5P9au3kTuO5q_t7T-QjBbKPNhq\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"gestion ambiental ambiente tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">eco<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Gesti\u00f3n Ambiental<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/11dXcGEx8i2Uro2Ls6ioRyM-b-EaxEbIw\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"central\" data-search=\"gestion juridica derecho leyes tecnicatura central\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #3e81b8;\">balance<\/span>\n                    <span class=\"card-badge\">Central<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Gesti\u00f3n Jur\u00eddica<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1E4_UnQom45wwWei_STfhwhl5dfdhpOfQ\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- SEDE PERICO -->\n            <div class=\"material-card animate-on-scroll\" data-sede=\"perico\" data-search=\"lengua literatura profesorado perico\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #e0f2f1; filter: invert(30%) sepia(20%) saturate(500%) hue-rotate(120deg);\">history_edu<\/span>\n                    <span class=\"card-badge\">Perico<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado de Educaci\u00f3n Secundaria en Lengua y Literatura<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1WSdgRCGNvwtPlW42Wzqol_-7Z_JLbraY\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"perico\" data-search=\"administracion empresas pyme tecnicatura perico\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #e0f2f1; filter: invert(30%) sepia(20%) saturate(500%) hue-rotate(120deg);\">business_center<\/span>\n                    <span class=\"card-badge\">Perico<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Administraci\u00f3n de Empresas con orientaci\u00f3n en PyME<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1NgcYQUV5rhEMTNNwosgP-4ewriNINY3W\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"perico\" data-search=\"mecatronica robotica perico tecnicatura\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #e0f2f1; filter: invert(30%) sepia(20%) saturate(500%) hue-rotate(120deg);\">precision_manufacturing<\/span>\n                    <span class=\"card-badge\">Perico<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Mecatr\u00f3nica<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1EiaDp8LvzcXXXXUBIJ_RDuWhgoXEQgpy\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- SEDE SAN PEDRO -->\n            <div class=\"material-card animate-on-scroll\" data-sede=\"sanpedro\" data-search=\"educacion especial sordos hipoacusicos profesorado san pedro\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #fff3e0; filter: invert(30%) sepia(50%) saturate(500%) hue-rotate(350deg);\">hearing<\/span>\n                    <span class=\"card-badge\">San Pedro<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado en Educaci\u00f3n Especial orientaci\u00f3n en Sordos e Hipoac\u00fasicos<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1UjRefqxJG1MUgOhV4ncj5XTTcspEWXhY\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"sanpedro\" data-search=\"historia profesorado san pedro\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #fff3e0; filter: invert(30%) sepia(50%) saturate(500%) hue-rotate(350deg);\">hourglass_empty<\/span>\n                    <span class=\"card-badge\">San Pedro<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado de Educaci\u00f3n Secundaria en Historia<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1Bo9Gbzd5dF1-hcmOAs8IXGNIKl1tPEfX\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"sanpedro\" data-search=\"desarrollo software programacion sistemas tecnicatura san pedro\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #fff3e0; filter: invert(30%) sepia(50%) saturate(500%) hue-rotate(350deg);\">terminal<\/span>\n                    <span class=\"card-badge\">San Pedro<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Desarrollo de Software<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1ARft1cbAlKmu-6xGv2j-aINdcdco3m-M\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- SEDE LIBERTADOR -->\n            <div class=\"material-card animate-on-scroll\" data-sede=\"libertador\" data-search=\"psicologia profesorado libertador\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #f3e5f5; filter: invert(20%) sepia(30%) saturate(300%) hue-rotate(250deg);\">psychology_alt<\/span>\n                    <span class=\"card-badge\">Libertador<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Profesorado de Educaci\u00f3n Secundaria en Psicolog\u00eda<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1wq53wFU-GK3jyLwoh-IF1T7AOdMv4rKk\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"libertador\" data-search=\"automatizacion robotica libertador tecnicatura\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #f3e5f5; filter: invert(20%) sepia(30%) saturate(300%) hue-rotate(250deg);\">smart_toy<\/span>\n                    <span class=\"card-badge\">Libertador<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Automatizaci\u00f3n y Rob\u00f3tica<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/1nTmmyM9BKlxDdiQLDK4zcLSxN9EyeJUV\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"material-card animate-on-scroll\" data-sede=\"libertador\" data-search=\"acompa\u00f1amiento terapeutico salud tecnicatura libertador\">\n                <div class=\"card-icon-area\">\n                    <span class=\"material-symbols-outlined\" style=\"color: #f3e5f5; filter: invert(20%) sepia(30%) saturate(300%) hue-rotate(250deg);\">accessibility_new<\/span>\n                    <span class=\"card-badge\">Libertador<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Tec. Sup. en Acompa\u00f1amiento Terap\u00e9utico<\/h3>\n                    <a href=\"https:\/\/drive.google.com\/file\/d\/18rNWwQbmLgNYlHRjP3rxeElFtWCrhVdr\/view?usp=drive_link\" class=\"download-btn\" target=\"_blank\" download rel=\"noopener\">\n                        Descargar Cartilla <span class=\"material-symbols-outlined\">download<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n        \n        <!-- Mensaje de no resultados -->\n        <p id=\"noResults\" style=\"text-align:center; display:none; margin-top: 2rem; font-style: italic;\">No se encontraron cartillas que coincidan con tu b\u00fasqueda.<\/p>\n    <\/section>\n\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ --- Animaciones Scroll ---\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                }\n            });\n        }, { threshold: 0.1 });\n        document.querySelectorAll('.animate-on-scroll').forEach(el => observer.observe(el));\n\n        \/\/ --- L\u00f3gica de Filtros y Buscador ---\n        const filterBtns = document.querySelectorAll('.filter-btn');\n        const searchInput = document.getElementById('searchInput');\n        const cards = document.querySelectorAll('.material-card');\n        const noResultsMsg = document.getElementById('noResults');\n        let currentFilter = 'all';\n\n        function filterCards() {\n            const searchTerm = searchInput.value.toLowerCase();\n            let visibleCount = 0;\n\n            cards.forEach(card => {\n                const sede = card.getAttribute('data-sede');\n                const searchData = card.getAttribute('data-search');\n                const title = card.querySelector('.card-title').innerText.toLowerCase();\n                \n                const matchesFilter = (currentFilter === 'all') || (sede === currentFilter);\n                \/\/ Buscar en data-search (keywords) y en el t\u00edtulo visible\n                const matchesSearch = searchData.includes(searchTerm) || title.includes(searchTerm);\n\n                if (matchesFilter && matchesSearch) {\n                    card.style.display = 'flex';\n                    setTimeout(() => card.style.opacity = '1', 50); \/\/ Fade in suave\n                    visibleCount++;\n                } else {\n                    card.style.display = 'none';\n                    card.style.opacity = '0';\n                }\n            });\n\n            noResultsMsg.style.display = (visibleCount === 0) ? 'block' : 'none';\n        }\n\n        \/\/ Eventos Botones Filtro\n        filterBtns.forEach(btn => {\n            btn.addEventListener('click', () => {\n                filterBtns.forEach(b => b.classList.remove('active'));\n                btn.classList.add('active');\n                currentFilter = btn.getAttribute('data-filter');\n                filterCards();\n            });\n        });\n\n        \/\/ Evento Buscador\n        searchInput.addEventListener('input', filterCards);\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>Cartillas del Curso de Ingreso 2026 Selecciona tu sede y descarga la cartilla de tu carrera arrow_back Volver a Ingresantes Todas Casa Central Sede Perico Sede San Pedro Sede Libertador search gavel Central Profesorado de Educaci\u00f3n Secundaria en Ciencia Pol\u00edtica Descargar Cartilla download psychology Central Profesorado de Educaci\u00f3n Especial orientaci\u00f3n Discapacidad Intelectual Descargar Cartilla download &#8230; <a title=\"Cartillas del Curso de Ingreso 2026\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/cartillas-del-curso-de-ingreso\/\" aria-label=\"More on Cartillas del Curso de Ingreso 2026\">[+]<\/a><\/p>\n","protected":false},"author":3026,"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\/11650"}],"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\/3026"}],"replies":[{"embeddable":true,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=11650"}],"version-history":[{"count":9,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11650\/revisions"}],"predecessor-version":[{"id":12357,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11650\/revisions\/12357"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=11650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}