{"id":12311,"date":"2025-11-05T12:56:11","date_gmt":"2025-11-05T15:56:11","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=12311"},"modified":"2025-11-05T12:56:12","modified_gmt":"2025-11-05T15:56:12","slug":"calendario-academico","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/calendario-academico\/","title":{"rendered":"Calendario Acad\u00e9mico"},"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 CALENDARIO ACAD\u00c9MICO -->\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    #calendario-container {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #f8fafc;\n        color: #6b4941;\n        overflow-x: hidden;\n    }\n    #calendario-container h1,\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    #calendario-container h2,\n    #calendario-container h3 {\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    }\n    #calendario-container a {\n        text-decoration: none;\n        color: inherit;\n        transition: all 0.3s ease;\n    }\n    .calendario-section {\n        padding: 4rem 1rem;\n        max-width: 960px;\n        margin: auto;\n    }\n\n    \/* Banner Principal *\/\n    .calendario-header {\n        background-image: linear-gradient(rgba(62, 129, 184, 0.9), rgba(19, 180, 209, 0.9)), url('https:\/\/images.pexels.com\/photos\/39811\/pexels-photo-39811.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');\n        background-size: cover;\n        background-position: center;\n        padding: 5rem 1rem;\n        text-align: center;\n        color: white;\n    }\n    .calendario-header h1 {\n        font-size: 3rem;\n        font-weight: 700;\n        margin: 0;\n        color: white;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n    .calendario-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    \/* Bot\u00f3n de Descarga *\/\n    .download-section {\n        background-color: #e4e0e5;\n        padding: 3rem 1rem;\n        text-align: center;\n    }\n    .cta-button {\n        display: inline-block;\n        background: #e9c46a; \/* Amarillo Ocre *\/\n        color: #6b4941;\n        padding: 1rem 2.5rem;\n        border-radius: 9999px;\n        font-weight: 700;\n        font-size: 1.1rem;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n    }\n    .cta-button:hover {\n        background-color: #d25c54; \/* Rojo Terracota *\/\n        color: white;\n        transform: scale(1.05);\n    }\n    .cta-button .material-symbols-outlined {\n        vertical-align: middle;\n        margin-left: 0.5rem;\n    }\n\n    \/* L\u00ednea de Tiempo *\/\n    .timeline-section {\n        padding-top: 2rem;\n    }\n    .semester-block {\n        margin-bottom: 3rem;\n    }\n    .semester-title {\n        font-size: 2rem;\n        font-weight: 700;\n        text-align: center;\n        margin-bottom: 3rem;\n        position: relative;\n    }\n    \/* L\u00ednea decorativa *\/\n    .semester-title::after {\n        content: '';\n        display: block;\n        width: 100px;\n        height: 4px;\n        background-color: #13b4d1; \/* Cian *\/\n        margin: 0.5rem auto 0 auto;\n        border-radius: 2px;\n    }\n    \n    .month-group {\n        margin-bottom: 2.5rem;\n    }\n    .month-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: #7b7159; \/* Marr\u00f3n Claro *\/\n        margin-bottom: 1.5rem;\n    }\n    \n    .event-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 1.5rem;\n        padding: 1.5rem;\n        background-color: white;\n        border-radius: 0.75rem;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        margin-bottom: 1rem;\n    }\n    .event-icon {\n        flex-shrink: 0;\n        width: 50px;\n        height: 50px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #e4e0e5;\n    }\n    .event-icon .material-symbols-outlined {\n        font-size: 24px;\n        color: #3e81b8;\n    }\n    .event-item.examenes .event-icon {\n        background-color: #ffebee; \/* Rojo claro *\/\n    }\n    .event-item.examenes .material-symbols-outlined {\n        color: #d25c54; \/* Rojo Terracota *\/\n    }\n    .event-item.feriado .event-icon {\n        background-color: #fffbeb; \/* Amarillo claro *\/\n    }\n     .event-item.feriado .material-symbols-outlined {\n        color: #e9c46a; \/* Amarillo Ocre *\/\n    }\n    \/* NUEVO ESTILO LIT\u00daRGICO *\/\n    .event-item.liturgico .event-icon {\n        background-color: #f3e5f5; \/* Morado claro *\/\n    }\n     .event-item.liturgico .material-symbols-outlined {\n        color: #8e24aa; \/* Morado *\/\n    }\n    \n    .event-details {\n        flex-grow: 1;\n    }\n    .event-date {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: #3e81b8;\n        margin: 0 0 0.25rem 0;\n    }\n    .event-description {\n        font-size: 0.95rem;\n        margin: 0;\n        line-height: 1.6;\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=\"calendario-container\">\n\n    <!-- Banner -->\n    <header class=\"calendario-header\">\n        <h1>Calendario Acad\u00e9mico 2025<\/h1>\n        <p>Aqu\u00ed encontrar\u00e1s las fechas clave que organizan el ciclo lectivo.<\/p>\n    <\/header>\n    \n    <!-- Bot\u00f3n de Descarga -->\n    <section class=\"download-section\">\n        <a href=\"#\" class=\"cta-button animate-on-scroll\" target=\"_blank\" rel=\"noopener\">\n            Descargar Calendario (PDF)\n            <span class=\"material-symbols-outlined\">download<\/span>\n        <\/a>\n    <\/section>\n    \n    <!-- L\u00ednea de Tiempo -->\n    <section class=\"calendario-section timeline-section\">\n\n        <!-- Segundo Cuatrimestre -->\n        <div class=\"semester-block\">\n            <h2 class=\"semester-title animate-on-scroll\">Segundo Cuatrimestre<\/h2>\n\n            <!-- Agosto -->\n            <div class=\"month-group\">\n                <h3 class=\"month-title animate-on-scroll\">Agosto<\/h3>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 100ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">landscape<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 01<\/div>\n                        <p class=\"event-description\">D\u00eda de la Pachamama. Asueto provincial.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 200ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">edit_calendar<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 04 al Jueves 14<\/div>\n                        <p class=\"event-description\">Per\u00edodo de inscripci\u00f3n de estudiantes en Unidades Curriculares del 2do. Cuatrimestre.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 300ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">swap_horiz<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">04\/08 al 01\/09<\/div>\n                        <p class=\"event-description\">Per\u00edodo de solicitud de equivalencias para Unidades Curriculares del 2do. Cuatrimestre.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 400ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Mi\u00e9rcoles 06<\/div>\n                        <p class=\"event-description\">Feriado Capitalino: D\u00eda del Sant\u00edsimo Salvador, Patrono de la ciudad de San Salvador de Jujuy.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 500ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">play_arrow<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Jueves 14<\/div>\n                        <p class=\"event-description\">Inicio del Segundo Cuatrimestre.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 600ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 15<\/div>\n                        <p class=\"event-description\">Asunci\u00f3n de la Virgen Mar\u00eda. D\u00eda no laborable con fines tur\u00edsticos.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 700ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">campaign<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Jueves 21<\/div>\n                        <p class=\"event-description\">Acto 23 de agosto \u201c\u00c9xodo Juje\u00f1o\u201d. 18:30 hs.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 800ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">groups<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 22<\/div>\n                        <p class=\"event-description\">Encuentro de Educadores Cat\u00f3licos. Sin actividad institucional.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 900ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">S\u00e1bado 23<\/div>\n                        <p class=\"event-description\">Gesta Hist\u00f3rica del \u00c9xodo Juje\u00f1o.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 1000ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">groups<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Jueves 28<\/div>\n                        <p class=\"event-description\">Tercera Jornada Institucional con participaci\u00f3n de estudiantes.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Septiembre -->\n            <div class=\"month-group\">\n                <h3 class=\"month-title animate-on-scroll\">Septiembre<\/h3>\n                <div class=\"event-item examenes animate-on-scroll\" style=\"transition-delay: 100ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">edit_calendar<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">30\/08 al 03\/09<\/div>\n                        <p class=\"event-description\">Inscripci\u00f3n a mesas de examen Turno Septiembre.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 200ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">school<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Mi\u00e9rcoles 03<\/div>\n                        <p class=\"event-description\">Jubileo de los Estudiantes.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item examenes animate-on-scroll\" style=\"transition-delay: 300ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 05 al Martes 16<\/div>\n                        <p class=\"event-description\">Turno de ex\u00e1menes sin suspensi\u00f3n de actividades \u00e1ulicas.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 400ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">volunteer_activism<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">S\u00e1bado 06 y Domingo 07<\/div>\n                        <p class=\"event-description\">Colecta M\u00e1s por Menos.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 500ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">hiking<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">S\u00e1bado 13<\/div>\n                        <p class=\"event-description\">Peregrinaci\u00f3n al Santuario de R\u00edo Blanco.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 600ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">school<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Martes 16<\/div>\n                        <p class=\"event-description\">Jubileo de los Docentes.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 700ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">history_edu<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Mi\u00e9rcoles 17<\/div>\n                        <p class=\"event-description\">D\u00eda del Profesor.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 800ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">celebration<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 19<\/div>\n                        <p class=\"event-description\">Festejo D\u00eda del Estudiante.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 900ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">celebration<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Domingo 21<\/div>\n                        <p class=\"event-description\">D\u00eda del Estudiante.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Octubre -->\n            <div class=\"month-group\">\n                <h3 class=\"month-title animate-on-scroll\">Octubre<\/h3>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 100ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">sports_soccer<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">S\u00e1bado 04<\/div>\n                        <p class=\"event-description\">Olimp\u00edadas 2025 \u00abPeregrinos de Esperanza\u00bb (abiertas para docentes y estudiantes).<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 200ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">grading<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">06\/10 al 28\/11<\/div>\n                        <p class=\"event-description\">Desarrollo de evaluaciones parciales y fortalecimientos.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 300ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Martes 07<\/div>\n                        <p class=\"event-description\">Feriado Provincial: D\u00eda de la Virgen de R\u00edo Blanco y Paypaya.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 400ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">science<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Mi\u00e9rcoles 08 y Jueves 09<\/div>\n                        <p class=\"event-description\">XIV Jornadas Cient\u00edficas. \u00abTramas y experiencias. La construcci\u00f3n de saberes en los escenarios de investigaci\u00f3n actuales.\u00bb<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 500ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 10<\/div>\n                        <p class=\"event-description\">Feriado con fines tur\u00edsticos.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 600ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Domingo 12<\/div>\n                        <p class=\"event-description\">D\u00eda del Respeto a la Diversidad Cultural.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 700ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 13 al Viernes 17<\/div>\n                        <p class=\"event-description\">Visita de la Virgen del Rosario de R\u00edo Blanco y Paypaya a nuestra instituci\u00f3n.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 800ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">edit_calendar<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Mi\u00e9rcoles 15 al Viernes 31<\/div>\n                        <p class=\"event-description\">Per\u00edodo de inscripci\u00f3n de aspirantes mayores de 25 a\u00f1os (sin estudios secundarios completos) a ingreso 2026.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 900ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">store<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Jueves 16<\/div>\n                        <p class=\"event-description\">II Expo Emprendedores.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 1000ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">school<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 17<\/div>\n                        <p class=\"event-description\">XXIV Acto de Colaci\u00f3n.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 1100ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">groups<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 20 al Viernes 24<\/div>\n                        <p class=\"event-description\">Jornada Nacional \u201cEducar en Igualdad: prevenci\u00f3n y erradicaci\u00f3n de la violencia de g\u00e9nero\u201d.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 1200ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Jueves 30 y Viernes 31<\/div>\n                        <p class=\"event-description\">Conmemoraci\u00f3n de los fieles difuntos. Armado mesa de ofrendas.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Noviembre -->\n            <div class=\"month-group\">\n                <h3 class=\"month-title animate-on-scroll\">Noviembre<\/h3>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 100ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">groups<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 03<\/div>\n                        <p class=\"event-description\">Cuarta Jornada Institucional con participaci\u00f3n de estudiantes.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 200ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 21<\/div>\n                        <p class=\"event-description\">Feriado puente tur\u00edstico no laborable.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item feriado animate-on-scroll\" style=\"transition-delay: 300ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 24<\/div>\n                        <p class=\"event-description\">D\u00eda de la Soberan\u00eda Nacional.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 400ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">grading<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">25\/11 al 05\/12<\/div>\n                        <p class=\"event-description\">Desarrollo de coloquios.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 500ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">volunteer_activism<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Todo el mes<\/div>\n                        <p class=\"event-description\">Colecta diocesana \u201cEl gozo de compartir\u201d.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 600ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Martes 25<\/div>\n                        <p class=\"event-description\">Misa de env\u00edo para estudiantes que cursan el \u00faltimo a\u00f1o de las carreras. 18:00 horas.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Diciembre -->\n            <div class=\"month-group\">\n                <h3 class=\"month-title animate-on-scroll\">Diciembre<\/h3>\n                 <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 100ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 01<\/div>\n                        <p class=\"event-description\">Misa de adviento en los tres turnos.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item examenes animate-on-scroll\" style=\"transition-delay: 200ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">edit_calendar<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">30\/11 al 04\/12<\/div>\n                        <p class=\"event-description\">Inscripci\u00f3n al Turno de Ex\u00e1menes Diciembre.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 300ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">stop<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Viernes 05<\/div>\n                        <p class=\"event-description\">Finalizaci\u00f3n del Segundo Cuatrimestre y del Ciclo Lectivo.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 400ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Lunes 08<\/div>\n                        <p class=\"event-description\">D\u00eda de la Inmaculada Concepci\u00f3n de Mar\u00eda.<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item examenes animate-on-scroll\" style=\"transition-delay: 500ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Martes 09 al Lunes 29<\/div>\n                        <p class=\"event-description\">Ex\u00e1menes Turno Diciembre (dos llamados).<\/p>\n                    <\/div>\n                <\/div>\n                 <div class=\"event-item liturgico animate-on-scroll\" style=\"transition-delay: 600ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">church<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Jueves 25<\/div>\n                        <p class=\"event-description\">Navidad.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"event-item animate-on-scroll\" style=\"transition-delay: 700ms;\">\n                    <div class=\"event-icon\"><span class=\"material-symbols-outlined\">event_available<\/span><\/div>\n                    <div class=\"event-details\">\n                        <div class=\"event-date\">Mi\u00e9rcoles 31<\/div>\n                        <p class=\"event-description\">Finalizaci\u00f3n del per\u00edodo escolar.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ --- Animaciones al hacer 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<\/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>Calendario Acad\u00e9mico 2025 Aqu\u00ed encontrar\u00e1s las fechas clave que organizan el ciclo lectivo. Descargar Calendario (PDF) download Segundo Cuatrimestre Agosto landscape Viernes 01 D\u00eda de la Pachamama. Asueto provincial. edit_calendar Lunes 04 al Jueves 14 Per\u00edodo de inscripci\u00f3n de estudiantes en Unidades Curriculares del 2do. Cuatrimestre. swap_horiz 04\/08 al 01\/09 Per\u00edodo de solicitud de equivalencias &#8230; <a title=\"Calendario Acad\u00e9mico\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/calendario-academico\/\" aria-label=\"More on Calendario Acad\u00e9mico\">[+]<\/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\/12311"}],"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=12311"}],"version-history":[{"count":3,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12311\/revisions"}],"predecessor-version":[{"id":12314,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12311\/revisions\/12314"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=12311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}