{"id":11816,"date":"2025-03-24T19:48:45","date_gmt":"2025-03-24T22:48:45","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=11816"},"modified":"2026-04-01T11:34:05","modified_gmt":"2026-04-01T14:34:05","slug":"secretaria-academica2025","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/","title":{"rendered":"Secretar\u00eda Acad\u00e9mica 2025"},"content":{"rendered":"\n<!-- REUSABLE BLOCK: INSTITUTIONAL MENU IES N\u00b07 (FULL RESPONSIVE + FULL CONTENT) -->\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@500;600;700&#038;family=Open+Sans:wght@400;500;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        \/* PALETA ADAPTADA: Azul Marino, Cian y Dorado *\/\n        --color-primario-oscuro: #0f172a;\n        --color-primario-rgb: 20, 53, 96;\n        --color-acento: #06b6d4; \/* Cian para l\u00edneas y hover de enlaces *\/\n        --color-acento-hover: ##e9c46a;\n        --color-destacado: #06b6d4; \/* Cian para los \u00edconos de la topbar *\/\n        --color-texto-secundario: #94a3b8;\n        --color-blanco: #ffffff;\n        --color-verde-badge: #10b981;\n        --color-rojo-badge: #ef4444;\n\n        \/* Nuevas variables para el Bot\u00f3n CTA (Dorado) *\/\n        --gradiente-cta: linear-gradient(135deg, #e9c46a 0%, #d97706 100%);\n        --sombra-cta: 0 4px 14px rgba(245, 158, 11, 0.35);\n        --sombra-cta-hover: 0 6px 18px rgba(245, 158, 11, 0.5);\n\n        --alto-topbar: 36px;\n        --alto-menu: 68px;\n        --alto-total: calc(var(--alto-topbar) + var(--alto-menu));\n    }\n\n    body {\n        padding-top: var(--alto-total) !important;\n    }\n\n    \/* Soporte WordPress Admin Bar *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar { padding-top: calc(var(--alto-total) + 32px) !important; }\n        body.admin-bar #ies7-container-menu { top: 32px; }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar { padding-top: calc(var(--alto-total) + 46px) !important; }\n        body.admin-bar #ies7-container-menu { top: 46px; }\n    }\n\n    \/* Contenedor Principal *\/\n    #ies7-container-menu {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1000;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    #ies7-container-menu a {\n        text-decoration: none;\n        color: var(--color-blanco) !important;\n        transition: all 0.2s ease;\n    }\n\n    #ies7-container-menu a:focus-visible,\n    #ies7-container-menu button:focus-visible {\n        outline: 2px solid var(--color-acento) !important;\n        outline-offset: 2px;\n    }\n\n    \/* 1. TOP BAR *\/\n    #ies7-container-menu .top-bar {\n        background-color: var(--color-primario-oscuro);\n        height: var(--alto-topbar);\n        font-size: 0.8rem;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        display: flex;\n        align-items: center;\n    }\n    #ies7-container-menu .top-bar-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        width: 100%;\n        padding: 0 1.25rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    #ies7-container-menu .top-bar-info {\n        display: flex;\n        align-items: center;\n        gap: 1.25rem;\n        color: rgba(255, 255, 255, 0.85);\n    }\n    #ies7-container-menu .top-bar-item {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    #ies7-container-menu .top-bar-item .material-symbols-outlined {\n        font-size: 0.95rem;\n        color: var(--color-destacado);\n    }\n\n    \/* 2. NAVBAR PRINCIPAL *\/\n    #ies7-container-menu .custom-nav {\n        background-color: rgba(var(--color-primario-rgb), 0.92);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);\n        transition: background-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    #ies7-container-menu .custom-nav.scrolled {\n        background-color: rgba(var(--color-primario-rgb), 0.98);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n    }\n    #ies7-container-menu .nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1400px;\n        margin: auto;\n        height: var(--alto-menu);\n        padding: 0 1.25rem;\n        gap: 0.5rem;\n    }\n\n    \/* LOGO Y MARCA *\/\n    #ies7-container-menu .nav-logo {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        flex-shrink: 0;\n        text-decoration: none !important;\n    }\n\n    #ies7-container-menu .nav-logo img {\n        height: 42px;\n        width: auto;\n        filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.35));\n        transition: transform 0.25s ease, filter 0.25s ease;\n    }\n\n    #ies7-container-menu .nav-logo:hover img {\n        transform: scale(1.04);\n        filter: drop-shadow(0 4px 12px rgba(217, 119, 6, 0.4));\n    }\n\n    #ies7-container-menu .logo-text-container {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        line-height: 1.15;\n        border-left: 1px solid rgba(255, 255, 255, 0.2);\n        padding-left: 0.75rem;\n    }\n\n    #ies7-container-menu .logo-main-text {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 0.88rem;\n        color: #ffffff;\n        letter-spacing: 0.2px;\n    }\n\n    #ies7-container-menu .logo-main-text .highlight-num {\n        color: var(--color-acento);\n    }\n\n    #ies7-container-menu .logo-sub-text {\n        font-size: 0.72rem;\n        font-style: italic;\n        color: var(--color-texto-secundario);\n        letter-spacing: 0.3px;\n        margin-top: 2px;\n    }\n\n    #ies7-container-menu .brand-full-name { display: none; }\n    #ies7-container-menu .brand-short-name { display: inline; }\n\n    @media (min-width: 1024px) {\n        #ies7-container-menu .nav-logo img { height: 48px; }\n        #ies7-container-menu .logo-main-text { font-size: 0.92rem; }\n        #ies7-container-menu .brand-full-name { display: inline; }\n        #ies7-container-menu .brand-short-name { display: none; }\n    }\n\n    @media (max-width: 1023px) {\n        #ies7-container-menu .logo-sub-text { display: none; }\n    }\n\n    \/* MEN\u00da ESCRITORIO *\/\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: 0.15rem;\n    }\n    #ies7-container-menu .nav-menu > li {\n        position: relative;\n        padding: 0.5rem 0; \n    }\n\n    #ies7-container-menu .nav-menu > li > a {\n        position: relative;\n        display: flex;\n        align-items: center;\n        gap: 0.15rem;\n        padding: 0.6rem 0.65rem;\n        font-size: 0.85rem;\n        font-weight: 600;\n        border-radius: 6px;\n        cursor: pointer;\n    }\n\n    #ies7-container-menu .nav-menu > li > a::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 3px;\n        background-color: var(--color-acento);\n        transition: width 0.25s ease, left 0.25s ease;\n        border-radius: 3px 3px 0 0;\n    }\n\n    #ies7-container-menu .nav-menu > li:hover > a,\n    #ies7-container-menu .nav-menu > li.active > a {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: #ffffff !important;\n    }\n\n    #ies7-container-menu .nav-menu > li:hover > a::after,\n    #ies7-container-menu .nav-menu > li.active > a::after {\n        width: 80%;\n        left: 10%;\n    }\n\n    #ies7-container-menu .nav-menu .menu-icon-arrow {\n        font-size: 1.1rem;\n        transition: transform 0.2s ease;\n        opacity: 0.7;\n    }\n    #ies7-container-menu .nav-menu > li:hover > a .menu-icon-arrow {\n        transform: rotate(180deg);\n        opacity: 1;\n        color: var(--color-acento);\n    }\n\n    \/* DROPDOWNS MEJORADOS (SIN BRECHA INVISIBLE) *\/\n    #ies7-container-menu .dropdown {\n        display: block;\n        opacity: 0;\n        visibility: hidden;\n        position: absolute;\n        top: 100%; \n        left: 0;\n        background: rgba(15, 23, 42, 0.97);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-radius: 10px;\n        list-style: none;\n        padding: 0.5rem;\n        margin: 0;\n        min-width: 250px;\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);\n        transform: translateY(8px);\n        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;\n        pointer-events: none;\n    }\n\n    \/* Puente invisible para mantener el hover aunque el usuario mueva r\u00e1pido el rat\u00f3n *\/\n    #ies7-container-menu .dropdown::before {\n        content: '';\n        position: absolute;\n        top: -15px;\n        left: 0;\n        right: 0;\n        height: 15px;\n        background: transparent;\n    }\n\n    #ies7-container-menu .dropdown .dropdown {\n        top: 0;\n        left: calc(100% - 4px);\n    }\n\n    \/* CORRECCI\u00d3N: \u00daltimos dos elementos abren hacia la izquierda *\/\n    #ies7-container-menu .nav-menu > li:nth-last-child(-n+2) > .dropdown {\n        left: auto;\n        right: 0;\n    }\n    #ies7-container-menu .nav-menu > li:nth-last-child(-n+2) .dropdown .dropdown {\n        left: auto;\n        right: calc(100% - 4px);\n    }\n\n    #ies7-container-menu .nav-menu > li:hover > .dropdown,\n    #ies7-container-menu .dropdown > li:hover > .dropdown,\n    #ies7-container-menu .nav-menu > li:focus-within > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n        pointer-events: auto;\n    }\n\n    #ies7-container-menu .dropdown a {\n        padding: 0.65rem 0.9rem;\n        font-size: 0.86rem;\n        font-weight: 500;\n        white-space: nowrap;\n        border-radius: 6px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n    }\n    \n    #ies7-container-menu .dropdown a:hover {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: var(--color-acento) !important;\n        padding-left: 1.15rem;\n    }\n\n    \/* BADGES *\/\n    #ies7-container-menu .badge {\n        font-size: 0.65rem;\n        font-weight: 700;\n        padding: 2px 6px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-left: 8px;\n    }\n    #ies7-container-menu .badge-nuevo {\n        background-color: var(--color-verde-badge);\n        color: white;\n    }\n    #ies7-container-menu .badge-imp {\n        background-color: var(--color-rojo-badge);\n        color: white;\n    }\n\n    \/* BOT\u00d3N CTA ADAPTADO (Dorado Vibrante) *\/\n    #ies7-container-menu .btn-cta {\n        background: var(--gradiente-cta);\n        color: #ffffff !important;\n        font-weight: 700;\n        font-size: 0.85rem;\n        padding: 0.55rem 1.1rem;\n        border-radius: 50px;\n        display: inline-flex;\n        align-items: center;\n        gap: 0.4rem;\n        box-shadow: var(--sombra-cta);\n        border: none; \n        cursor: pointer;\n        white-space: nowrap;\n        transition: all 0.3s ease;\n    }\n    #ies7-container-menu .btn-cta:hover {\n        background: var(--gradiente-cta); \n        color: #ffffff !important;\n        transform: translateY(-2px) scale(1.02);\n        box-shadow: var(--sombra-cta-hover);\n    }\n\n    \/* PANEL M\u00d3VIL - CORREGIDO *\/\n    #ies7-container-menu .mobile-menu-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.1);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 8px;\n        color: white;\n        padding: 0.5rem;\n        cursor: pointer;\n    }\n    #ies7-container-menu .mobile-nav-panel {\n        display: none;\n        background-color: rgba(var(--color-primario-rgb), 0.98);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        padding: 1.25rem 1rem 6rem 1rem; \/* Margen inferior ampliado para hacer scroll c\u00f3modo *\/\n        position: fixed;\n        top: var(--alto-total);\n        left: 0;\n        right: 0;\n        height: calc(100vh - var(--alto-total)); \/* Forzamos a que ocupe todo el alto disponible *\/\n        overflow-y: auto;\n    }\n    #ies7-container-menu .mobile-nav-panel.open { display: block; }\n    #ies7-container-menu .mobile-nav-panel ul { list-style: none; padding: 0; margin: 0; }\n    #ies7-container-menu .mobile-nav-panel > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\n    #ies7-container-menu .mobile-nav-panel a {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.85rem 0.5rem;\n        font-weight: 600;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown {\n        display: none;\n        position: static;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        background: rgba(0, 0, 0, 0.2);\n        box-shadow: none;\n        border: none;\n        border-radius: 8px;\n        padding: 0.25rem 0.5rem;\n        margin: 0.25rem 0 0.75rem 0.5rem;\n        pointer-events: auto !important;\n    }\n    #ies7-container-menu .mobile-nav-panel .has-submenu.expanded > .dropdown { display: block; }\n    #ies7-container-menu .mobile-nav-panel .has-submenu.expanded > a .menu-icon-arrow { transform: rotate(180deg); }\n\n    @media (min-width: 1100px) {\n        #ies7-container-menu .mobile-menu-button { display: none; }\n        #ies7-container-menu .nav-menu { display: flex; }\n    }\n    @media (max-width: 1099px) {\n        #ies7-container-menu .top-bar-info { display: none; } \/* Ocultar topbar info en tablets para dar espacio *\/\n    }\n    @media (max-width: 640px) {\n        #ies7-container-menu .top-bar-info .hide-mobile { display: none; }\n    }\n    @media (max-width: 480px) {\n        #ies7-container-menu .btn-cta-text { display: none; }\n        #ies7-container-menu .btn-cta { padding: 0.55rem; border-radius: 50%; }\n    }\n<\/style>\n\n<div id=\"ies7-container-menu\">\n    <!-- TOP BAR -->\n    <div class=\"top-bar\">\n        <div class=\"top-bar-container\">\n            <div class=\"top-bar-info\">\n                <span class=\"top-bar-item\">\n                    <span class=\"material-symbols-outlined\">call<\/span>\n                    (0388) 422-4514\n                <\/span>\n                <span class=\"top-bar-item hide-mobile\">\n                    <span class=\"material-symbols-outlined\">mail<\/span>\n                    comunicaciones@populorumjujuy.ar\n                <\/span>\n            <\/div>\n            <div>\n                <span style=\"color: var(--color-acento); font-weight: 600;\">Ciclo Lectivo 2026<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MAIN NAVBAR -->\n    <nav class=\"custom-nav\" id=\"main-navbar-ies7\">\n        <div class=\"nav-container\">\n            <!-- BRANDING LOGO -->\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\">\n                        <span class=\"brand-full-name\">Instituto de Educaci\u00f3n Superior<\/span>\n                        <span class=\"brand-short-name\">IES<\/span>\n                        <span class=\"highlight-num\">N\u00ba 7<\/span>\n                    <\/span>\n                    <span class=\"logo-sub-text\">\u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- DESKTOP NAVIGATION MENU (CONTENIDO COMPLETO) -->\n            <ul class=\"nav-menu\">\n                <li class=\"active\"><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\">Inicio<\/a><\/li>\n                \n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Institucional <span class=\"material-symbols-outlined menu-icon-arrow\">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=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/nuestra-identidad\/\">Ideario Institucional<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Sedes <span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/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)\" aria-haspopup=\"true\" aria-expanded=\"false\">Departamentos <span class=\"material-symbols-outlined menu-icon-arrow\">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\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Carreras <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Profesorados<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Tecnicaturas<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Post\u00edtulos y Capacitaciones<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Estudiantes <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Ingresantes 2027 <span class=\"badge badge-nuevo\">Nuevo<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\">Mesa de Ex\u00e1menes <span class=\"badge badge-imp\">Fechas<\/span><\/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\/becas\/\">Becas Acad\u00e9micas<\/a><\/li>\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\">Autogesti\u00f3n Estudiantes &#x2197;<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Docentes <span class=\"material-symbols-outlined menu-icon-arrow\">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\">Autogesti\u00f3n Docentes &#x2197;<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Normativas y Formularios<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Egresados <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/sites.google.com\/populorumjujuy.ar\/ies-7-consulta-de-titulos\/inicio\">Seguimiento de T\u00edtulo <span class=\"badge badge-nuevo\">Tr\u00e1mite<\/span><\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Acto de Colaci\u00f3n <span class=\"badge badge-imp\">Pr\u00f3ximamente<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Acad\u00e9mico <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Noticias Institucionales<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Biblioteca Mons. Miguel Vergara<span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Ir a Biblioteca<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/formulario-de-asociacion\/\">Formulario de asociaci\u00f3n<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/formulario-para-solicitar-planificaciones-programas\/\">Solicitar programas de materias<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Publicaciones <span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/publicaciones-2024\/\">Ver Publicaciones<\/a><\/li>\n                                <li><a href=\"javascript:void(0)\">Revistas Institucionales<\/a><\/li>\n                                <li><a href=\"javascript:void(0)\">Repositorio<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/xiv-jornadas-cientificas\/\">Jornadas Cient\u00edficas<\/a><\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <!-- CTA BUTTON & MOBILE TOGGLE -->\n            <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n                <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"btn-cta\" title=\"Campus Virtual\">\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 1.1rem;\">school<\/span>\n                    <span class=\"btn-cta-text\">Campus Virtual<\/span>\n                <\/a>\n\n                <button class=\"mobile-menu-button\" id=\"mobile-menu-toggle-ies7\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\" style=\"width:24px; height:24px;\"><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        <\/div>\n\n        <!-- MOBILE NAV PANEL -->\n        <div class=\"mobile-nav-panel\" id=\"mobile-nav-ies7\"><\/div>\n    <\/nav>\n<\/div>\n\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 navbar = menuContainer.querySelector('#main-navbar-ies7');\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            const body = document.body;\n\n            \/\/ Clone structure for Mobile Menu\n            mobileNavPanel.innerHTML = '<ul>' + menu.innerHTML + '<\/ul>';\n\n            const mobileItems = mobileNavPanel.querySelectorAll('li');\n            mobileItems.forEach(li => {\n                const subMenu = Array.from(li.children).find(child => child.classList.contains('dropdown'));\n                const link = Array.from(li.children).find(child => child.tagName === 'A');\n                \n                if (subMenu && link) {\n                    li.classList.add('has-submenu');\n                    const icon = link.querySelector('.menu-icon-arrow');\n                    if (icon) icon.textContent = 'expand_more';\n\n                    link.addEventListener('click', function(e) {\n                        if (link.getAttribute('href') === 'javascript:void(0)' || window.innerWidth < 1100) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            li.classList.toggle('expanded');\n                        }\n                    });\n                } else if (link) {\n                    \/\/ Cierra el men\u00fa al hacer clic en un enlace final\n                    link.addEventListener('click', function() {\n                        mobileNavPanel.classList.remove('open');\n                        toggleButton.innerHTML = openIcon;\n                        toggleButton.setAttribute('aria-expanded', 'false');\n                        body.style.overflow = '';\n                    });\n                }\n            });\n\n            \/\/ Mobile Toggle Icons\n            const closeIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\" style=\"width:24px; height:24px;\"><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.8\" stroke=\"currentColor\" style=\"width:24px; height:24px;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>';\n\n            toggleButton.addEventListener('click', function() {\n                const isOpen = mobileNavPanel.classList.toggle('open');\n                toggleButton.innerHTML = isOpen ? closeIcon : openIcon;\n                toggleButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n                \n                \/\/ Bloquear el scroll del fondo cuando el men\u00fa m\u00f3vil est\u00e1 abierto\n                if (isOpen) {\n                    body.style.overflow = 'hidden';\n                } else {\n                    body.style.overflow = '';\n                }\n            });\n\n            \/\/ Scroll Effect\n            window.addEventListener('scroll', function() {\n                if (window.scrollY > 30) {\n                    navbar.classList.add('scrolled');\n                } else {\n                    navbar.classList.remove('scrolled');\n                }\n            });\n        });\n\n        window.ies7MenuScriptLoaded = true;\n    })();\n<\/script>\n\n\n\n<!-- ============================================================\n     BLOQUE: SECRETAR\u00cdA ACAD\u00c9MICA \u2014 IES N\u00b07 Populorum Progressio\n     VERSION WORDPRESS-SAFE: sin template literals, HTML est\u00e1tico\n     ============================================================\n\n     C\u00d3MO ACTUALIZAR CADA A\u00d1O:\n     - Fechas: buscar \"FECHA-\" y cambiar el texto directamente\n     - URLs de PDFs: buscar \"REEMPLAZAR-URL-\" y pegar la URL nueva\n     - Horarios: buscar la tabla de horarios en la secci\u00f3n correspondiente\n     - Responsables: buscar \"Lic. Laura\" \/ \"Ana Cecilia\" y actualizar\n-->\n\n<style>\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BASE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    #sa {\n        font-family: 'Open Sans', sans-serif;\n        color: var(--color-texto);\n        overflow-x: hidden;\n        background: #f0f4f8;\n    }\n\n    #sa *,\n    #sa *::before,\n    #sa *::after {\n        box-sizing: border-box;\n    }\n\n    \n\n    #sa a {\n        text-decoration: none;\n        color: inherit;\n        transition: all .3s ease;\n    }\n\n    #sa p {\n        margin: 0;\n        line-height: 1.75;\n    }\n\n    \/* Animaciones \u2014 seguras para WordPress *\/\n    .sa {\n        transition: opacity .7s ease-out, transform .7s ease-out;\n    }\n\n    #sa.js-ok .sa {\n        opacity: 0;\n        transform: translateY(22px);\n    }\n\n    #sa.js-ok .sa.fl {\n        transform: translateX(-22px);\n    }\n\n    #sa.js-ok .sa.on {\n        opacity: 1 !important;\n        transform: none !important;\n    }\n\n    .sa.d1 {\n        transition-delay: .08s\n    }\n\n    .sa.d2 {\n        transition-delay: .16s\n    }\n\n    .sa.d3 {\n        transition-delay: .24s\n    }\n\n    .sa.d4 {\n        transition-delay: .32s\n    }\n\n    @media(prefers-reduced-motion:reduce) {\n        .sa {\n            transition: none !important\n        }\n    }\n\n    \/* Secciones *\/\n    .sa-sec {\n        padding: 5rem 1.5rem;\n    }\n\n    .sa-inner {\n        max-width: 1080px;\n        margin: auto;\n    }\n\n    \/* Header de secci\u00f3n *\/\n    .sa-hdr {\n        text-align: center;\n        margin-bottom: 3rem;\n    }\n\n    .sa-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: .4rem;\n        background: var(--color-fondo-info-acento);\n        color: var(--color-primario);\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .7rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        padding: .35rem 1rem;\n        border-radius: 9999px;\n        margin-bottom: 1rem;\n    }\n\n    .sa-tag .material-symbols-outlined {\n        font-size: .9rem;\n    }\n\n    .sa-hdr h2 {\n        font-size: clamp(1.75rem, 4vw, 2.5rem);\n        font-weight: 800;\n        margin: 0 0 .75rem;\n        line-height: 1.1;\n    }\n\n    .sa-hdr p {\n        color: var(--color-texto-suave);\n        font-size: 1rem;\n        max-width: 560px;\n        margin: 0 auto;\n        line-height: 1.8;\n    }\n\n    .sa-hdr::after {\n        content: '';\n        display: block;\n        width: 50px;\n        height: 4px;\n        background: linear-gradient(90deg, var(--color-primario), var(--color-cian));\n        border-radius: 2px;\n        margin: 1.25rem auto 0;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-hero {\n        position: relative;\n        background: linear-gradient(145deg, #0b2545 0%, #1a4a8a 55%, #0c5f72 100%);\n        padding: 5.5rem 1.5rem 4.5rem;\n        overflow: hidden;\n        color: white;\n    }\n\n    .sa-hero::before {\n        content: '';\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        border-radius: 50%;\n        border: 60px solid rgba(255, 255, 255, .04);\n        top: -180px;\n        right: -100px;\n        animation: saf 12s ease-in-out infinite;\n    }\n\n    .sa-hero::after {\n        content: '';\n        position: absolute;\n        width: 280px;\n        height: 280px;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(19, 180, 209, .1), transparent 70%);\n        bottom: -60px;\n        left: -50px;\n        animation: saf 9s ease-in-out infinite reverse;\n    }\n\n    @keyframes saf {\n\n        0%,\n        100% {\n            transform: translateY(0)\n        }\n\n        50% {\n            transform: translateY(-16px)\n        }\n    }\n\n    .sa-hero-pattern {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        background-image: repeating-linear-gradient(-48deg, transparent, transparent 58px, rgba(255, 255, 255, .018) 58px, rgba(255, 255, 255, .019) 59px);\n    }\n\n    .sa-hero-bar {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 3px;\n        background: linear-gradient(90deg, var(--color-primario), var(--color-cian), var(--color-acento));\n    }\n\n    .sa-hero-inner {\n        position: relative;\n        z-index: 2;\n        max-width: 1080px;\n        margin: auto;\n    }\n\n    .sa-bread {\n        display: flex;\n        align-items: center;\n        gap: .45rem;\n        font-size: .8rem;\n        color: rgba(255, 255, 255, .55);\n        font-weight: 600;\n        margin-bottom: 2rem;\n    }\n\n    .sa-bread a {\n        color: rgba(255, 255, 255, .55) !important;\n    }\n\n    .sa-bread a:hover {\n        color: white !important;\n    }\n\n    .sa-bread .material-symbols-outlined {\n        font-size: .9rem;\n    }\n\n    .sa-hero-layout {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2.5rem;\n        align-items: center;\n    }\n\n    @media(min-width:860px) {\n        .sa-hero-layout {\n            grid-template-columns: 1.2fr 1fr;\n        }\n    }\n\n    .sa-hero h1 {\n        font-size: clamp(2.25rem, 5vw, 3.5rem);\n        font-weight: 900;\n        color: white;\n        line-height: 1.06;\n        margin-bottom: 1.25rem;\n    }\n\n    .sa-hero h1 em {\n        font-style: normal;\n        background: linear-gradient(90deg, #e9c46a, #f4d03f);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .sa-hero-desc {\n        font-size: 1.05rem;\n        opacity: .85;\n        line-height: 1.8;\n        max-width: 500px;\n        margin-bottom: 2rem;\n    }\n\n    \/* Panel de horarios r\u00e1pido en el hero *\/\n    .sa-hero-panel {\n        background: rgba(255, 255, 255, .09);\n        backdrop-filter: blur(14px);\n        border: 1px solid rgba(255, 255, 255, .15);\n        border-radius: 1.5rem;\n        padding: 1.75rem;\n    }\n\n    .sa-hero-panel h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: .85rem;\n        color: rgba(255, 255, 255, .6);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 1.25rem;\n    }\n\n    .sa-dias {\n        display: flex;\n        flex-direction: column;\n        gap: .5rem;\n    }\n\n    .sa-dia-row {\n        display: flex;\n        align-items: center;\n        gap: .75rem;\n        padding: .65rem .875rem;\n        border-radius: .75rem;\n        background: rgba(255, 255, 255, .07);\n        border: 1px solid rgba(255, 255, 255, .08);\n    }\n\n    .sa-dia-row.sin-atencion {\n        opacity: .5;\n    }\n\n    .sa-dia-ico {\n        width: 32px;\n        height: 32px;\n        border-radius: .5rem;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1rem;\n    }\n\n    .sa-dia-ico.verde {\n        background: rgba(74, 222, 128, .2);\n        color: #4ade80;\n    }\n\n    .sa-dia-ico.rojo {\n        background: rgba(248, 113, 113, .2);\n        color: #f87171;\n    }\n\n    .sa-dia-nombre {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .82rem;\n        color: white;\n        width: 80px;\n        flex-shrink: 0;\n    }\n\n    .sa-dia-hora {\n        font-size: .8rem;\n        color: rgba(255, 255, 255, .7);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSABLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-resp-bg {\n        background: white;\n    }\n\n    .sa-resp-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 1.25rem;\n    }\n\n    .sa-resp-card {\n        display: flex;\n        gap: 1rem;\n        align-items: center;\n        padding: 1.5rem;\n        background: var(--color-fondo-base);\n        border-radius: 1.125rem;\n        border: 1.5px solid #e2e8f0;\n        transition: all .3s ease;\n    }\n\n    .sa-resp-card:hover {\n        background: white;\n        border-color: var(--color-azul-claro);\n        box-shadow: 0 8px 24px rgba(62, 129, 184, .1);\n        transform: translateY(-3px);\n    }\n\n    .sa-resp-avatar {\n        width: 52px;\n        height: 52px;\n        border-radius: 50%;\n        flex-shrink: 0;\n        background: linear-gradient(135deg, var(--color-primario), var(--color-cian));\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        color: white;\n        box-shadow: 0 4px 14px rgba(62, 129, 184, .3);\n    }\n\n    .sa-resp-lbl {\n        font-size: .68rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: .5px;\n        color: var(--color-texto-suave);\n        margin-bottom: .2rem;\n    }\n\n    .sa-resp-nombre {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .97rem;\n        color: var(--color-primario);\n        line-height: 1.3;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESOLUCI\u00d3N IMPORTANTE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-resol-bg {\n        background: var(--color-fondo-suave);\n    }\n\n    .sa-resol-card {\n        background: white;\n        border-radius: 1.5rem;\n        border: 1.5px solid #e2e8f0;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, .06);\n    }\n\n    .sa-resol-head {\n        background: linear-gradient(135deg, #b45309, #d97706);\n        padding: 1.5rem 2rem;\n        display: flex;\n        gap: 1.25rem;\n        align-items: center;\n    }\n\n    .sa-resol-head .material-symbols-outlined {\n        font-size: 2rem;\n        color: white;\n        flex-shrink: 0;\n    }\n\n    .sa-resol-head-txt h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 1.1rem;\n        color: white;\n        margin-bottom: .2rem;\n    }\n\n    .sa-resol-head-txt span {\n        font-size: .82rem;\n        color: rgba(255, 255, 255, .8);\n    }\n\n    .sa-resol-body {\n        padding: 1.75rem 2rem;\n    }\n\n    .sa-resol-body p {\n        color: var(--color-texto-suave);\n        font-size: .97rem;\n        line-height: 1.8;\n    }\n\n    .sa-resol-body strong {\n        color: var(--color-primario);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PASO A PASO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-pasos-bg {\n        background: white;\n    }\n\n    .sa-pasos-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n        gap: 1.25rem;\n        position: relative;\n    }\n\n    @media(min-width:900px) {\n        .sa-pasos-grid::before {\n            content: '';\n            position: absolute;\n            top: 44px;\n            left: 12%;\n            right: 12%;\n            height: 2px;\n            background: linear-gradient(90deg, var(--color-azul-claro), var(--color-cian), var(--color-azul-claro));\n            z-index: 0;\n        }\n    }\n\n    .sa-paso {\n        background: var(--color-fondo-base);\n        border: 1.5px solid #e2e8f0;\n        border-radius: 1.25rem;\n        padding: 1.75rem 1.25rem;\n        text-align: center;\n        position: relative;\n        z-index: 1;\n        transition: all .35s ease;\n    }\n\n    .sa-paso:hover {\n        background: white;\n        border-color: var(--color-azul-claro);\n        box-shadow: 0 10px 28px rgba(62, 129, 184, .12);\n        transform: translateY(-5px);\n    }\n\n    .sa-paso-num {\n        width: 52px;\n        height: 52px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, var(--color-primario), var(--color-cian));\n        color: white;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 900;\n        font-size: 1.3rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 1.1rem;\n        box-shadow: 0 4px 14px rgba(62, 129, 184, .3);\n    }\n\n    .sa-paso .material-symbols-outlined {\n        font-size: 1.75rem;\n        color: var(--color-cian);\n        display: block;\n        margin-bottom: .875rem;\n    }\n\n    .sa-paso h4 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .97rem;\n        color: var(--color-primario);\n        margin-bottom: .5rem;\n    }\n\n    .sa-paso p {\n        font-size: .85rem;\n        color: var(--color-texto-suave);\n        line-height: 1.65;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TR\u00c1MITES (tabs)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-tramites-bg {\n        background: var(--color-fondo-suave);\n    }\n\n    \/* Tabs *\/\n    .sa-tabs {\n        display: flex;\n        gap: .5rem;\n        flex-wrap: wrap;\n        margin-bottom: 2rem;\n    }\n\n    .sa-tab {\n        display: flex;\n        align-items: center;\n        gap: .5rem;\n        padding: .65rem 1.5rem;\n        border-radius: 9999px;\n        border: 1.5px solid #e2e8f0;\n        background: white;\n        color: var(--color-texto-suave);\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .82rem;\n        cursor: pointer;\n        transition: all .25s ease;\n    }\n\n    .sa-tab .material-symbols-outlined {\n        font-size: 1rem;\n    }\n\n    .sa-tab:hover {\n        border-color: var(--color-azul-claro);\n        color: var(--color-primario);\n        background: var(--color-fondo-info-acento);\n    }\n\n    .sa-tab.activo {\n        background: var(--color-primario);\n        border-color: var(--color-primario);\n        color: white;\n        box-shadow: 0 4px 14px rgba(62, 129, 184, .3);\n    }\n\n    \/* Paneles de tr\u00e1mite *\/\n    .sa-panel {\n        display: none;\n    }\n\n    .sa-panel.activo {\n        display: block;\n    }\n\n    .sa-tramite-card {\n        background: white;\n        border-radius: 1.5rem;\n        border: 1.5px solid #e2e8f0;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, .06);\n    }\n\n    .sa-tramite-head {\n        padding: 1.5rem 2rem;\n        display: flex;\n        gap: 1.25rem;\n        align-items: center;\n    }\n\n    .sa-tramite-head.azul {\n        background: linear-gradient(135deg, var(--color-primario), #2d6ea8);\n    }\n\n    .sa-tramite-head.cian {\n        background: linear-gradient(135deg, var(--color-cian), #0e7490);\n    }\n\n    .sa-tramite-head.verde {\n        background: linear-gradient(135deg, #15803d, #16a34a);\n    }\n\n    .sa-tramite-head .material-symbols-outlined {\n        font-size: 2rem;\n        color: white;\n        flex-shrink: 0;\n    }\n\n    .sa-tramite-head-txt h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 1.1rem;\n        color: white;\n        margin-bottom: .2rem;\n    }\n\n    .sa-tramite-head-txt span {\n        font-size: .82rem;\n        color: rgba(255, 255, 255, .8);\n    }\n\n    .sa-tramite-body {\n        padding: 2rem;\n    }\n\n    \/* Fecha de presentaci\u00f3n *\/\n    .sa-fecha-banner {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        background: var(--color-fondo-info-acento);\n        border-radius: 1rem;\n        padding: 1.1rem 1.5rem;\n        margin-bottom: 1.75rem;\n        border-left: 4px solid var(--color-primario);\n    }\n\n    .sa-fecha-banner .material-symbols-outlined {\n        color: var(--color-primario);\n        flex-shrink: 0;\n        font-size: 1.5rem;\n    }\n\n    .sa-fecha-banner-txt strong {\n        display: block;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .75rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: var(--color-texto-suave);\n        margin-bottom: .2rem;\n    }\n\n    .sa-fecha-banner-txt span {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 1.05rem;\n        color: var(--color-primario);\n    }\n\n    \/* Sub-tipos de tr\u00e1mite *\/\n    .sa-subtipo {\n        margin-bottom: 2rem;\n    }\n\n    .sa-subtipo:last-child {\n        margin-bottom: 0;\n    }\n\n    .sa-subtipo-titulo {\n        display: flex;\n        align-items: center;\n        gap: .75rem;\n        margin-bottom: 1.1rem;\n    }\n\n    .sa-subtipo-badge {\n        background: var(--color-primario);\n        color: white;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .7rem;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        padding: .3rem .875rem;\n        border-radius: 9999px;\n    }\n\n    .sa-subtipo-desc {\n        color: var(--color-texto-suave);\n        font-size: .9rem;\n        margin-bottom: 1rem;\n    }\n\n    .sa-req-lista {\n        display: flex;\n        flex-direction: column;\n        gap: .6rem;\n    }\n\n    .sa-req-item {\n        display: flex;\n        align-items: flex-start;\n        gap: .75rem;\n        padding: .875rem 1rem;\n        background: var(--color-fondo-base);\n        border-radius: .75rem;\n        border: 1.5px solid #e2e8f0;\n        transition: border-color .2s;\n    }\n\n    .sa-req-item:hover {\n        border-color: var(--color-azul-claro);\n    }\n\n    .sa-req-ico {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        background: #dbeafe;\n        color: var(--color-primario);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        font-size: .9rem;\n        margin-top: .05rem;\n    }\n\n    .sa-req-txt {\n        font-size: .9rem;\n        color: var(--color-texto-suave);\n        line-height: 1.6;\n    }\n\n    .sa-req-txt a {\n        color: var(--color-cian);\n        font-weight: 600;\n        text-decoration: underline;\n        text-decoration-color: rgba(19, 180, 209, .35);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MODELOS DE NOTAS \u2014 descarga de PDFs\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-notas-bg {\n        background: white;\n    }\n\n    .sa-notas-grupos {\n        display: flex;\n        flex-direction: column;\n        gap: 2.5rem;\n    }\n\n    .sa-notas-grupo-titulo {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 1rem;\n        color: var(--color-primario);\n        margin-bottom: 1.25rem;\n        display: flex;\n        align-items: center;\n        gap: .75rem;\n    }\n\n    .sa-notas-grupo-titulo::after {\n        content: '';\n        flex: 1;\n        height: 2px;\n        background: #e2e8f0;\n        border-radius: 1px;\n    }\n\n    .sa-notas-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        gap: 1rem;\n    }\n\n    .sa-nota-card {\n        display: flex;\n        align-items: center;\n        gap: .875rem;\n        padding: 1.25rem 1.375rem;\n        background: var(--color-fondo-base);\n        border-radius: 1rem;\n        border: 1.5px solid #e2e8f0;\n        transition: all .3s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .sa-nota-card::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        width: 4px;\n        border-radius: 0 2px 2px 0;\n        transition: width .3s;\n    }\n\n    .sa-nota-card.azul::before {\n        background: var(--color-primario);\n    }\n\n    .sa-nota-card.cian::before {\n        background: var(--color-cian);\n    }\n\n    .sa-nota-card.verde::before {\n        background: #15803d;\n    }\n\n    .sa-nota-card:hover {\n        border-color: transparent;\n        transform: translateX(4px);\n    }\n\n    .sa-nota-card.azul:hover {\n        box-shadow: 0 8px 24px rgba(62, 129, 184, .15);\n        background: #f0f7ff;\n    }\n\n    .sa-nota-card.cian:hover {\n        box-shadow: 0 8px 24px rgba(19, 180, 209, .12);\n        background: #f0fdff;\n    }\n\n    .sa-nota-card.verde:hover {\n        box-shadow: 0 8px 24px rgba(21, 128, 61, .12);\n        background: #f0fdf4;\n    }\n\n    .sa-nota-card:hover::before {\n        width: 6px;\n    }\n\n    .sa-nota-ico {\n        width: 44px;\n        height: 44px;\n        border-radius: .75rem;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.3rem;\n    }\n\n    .sa-nota-card.azul .sa-nota-ico {\n        background: #dbeafe;\n        color: var(--color-primario);\n    }\n\n    .sa-nota-card.cian .sa-nota-ico {\n        background: #cffafe;\n        color: #0e7490;\n    }\n\n    .sa-nota-card.verde .sa-nota-ico {\n        background: #dcfce7;\n        color: #15803d;\n    }\n\n    .sa-nota-txt {\n        flex: 1;\n    }\n\n    .sa-nota-txt h4 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .9rem;\n        color: var(--color-primario);\n        margin-bottom: .15rem;\n    }\n\n    .sa-nota-txt span {\n        font-size: .75rem;\n        color: var(--color-texto-suave);\n    }\n\n    .sa-nota-dl {\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 34px;\n        height: 34px;\n        border-radius: 50%;\n        transition: all .25s ease;\n    }\n\n    .sa-nota-card.azul .sa-nota-dl {\n        background: #dbeafe;\n        color: var(--color-primario);\n    }\n\n    .sa-nota-card.cian .sa-nota-dl {\n        background: #cffafe;\n        color: #0e7490;\n    }\n\n    .sa-nota-card.verde .sa-nota-dl {\n        background: #dcfce7;\n        color: #15803d;\n    }\n\n    .sa-nota-card:hover .sa-nota-dl {\n        transform: scale(1.15);\n    }\n\n    .sa-nota-dl .material-symbols-outlined {\n        font-size: 1.1rem;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SEGUIMIENTO ONLINE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sa-seguimiento-bg {\n        background: var(--color-fondo-suave);\n    }\n\n    .sa-seguimiento-card {\n        background: linear-gradient(145deg, #0b2545, #1a4a8a);\n        border-radius: 1.5rem;\n        padding: 3rem 2.5rem;\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2rem;\n        align-items: center;\n        box-shadow: 0 12px 40px rgba(11, 37, 69, .25);\n        position: relative;\n        overflow: hidden;\n    }\n\n    @media(min-width:700px) {\n        .sa-seguimiento-card {\n            grid-template-columns: 1fr auto;\n        }\n    }\n\n    .sa-seguimiento-card::before {\n        content: '';\n        position: absolute;\n        width: 300px;\n        height: 300px;\n        border-radius: 50%;\n        border: 50px solid rgba(255, 255, 255, .04);\n        top: -100px;\n        right: -80px;\n        pointer-events: none;\n    }\n\n    .sa-seg-txt {\n        position: relative;\n        z-index: 1;\n    }\n\n    .sa-seg-tag {\n        display: inline-flex;\n        align-items: center;\n        gap: .4rem;\n        background: rgba(233, 196, 106, .2);\n        border: 1px solid rgba(233, 196, 106, .35);\n        color: #f4d03f;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: .7rem;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        padding: .3rem .875rem;\n        border-radius: 9999px;\n        margin-bottom: 1rem;\n    }\n\n    .sa-seg-txt h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 1.5rem;\n        color: white;\n        margin-bottom: .75rem;\n    }\n\n    .sa-seg-txt p {\n        color: rgba(255, 255, 255, .75);\n        font-size: .97rem;\n        line-height: 1.8;\n    }\n\n    .sa-seg-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: .65rem;\n        background: var(--color-acento);\n        color: #0b2545 !important;\n        padding: 1rem 2rem;\n        border-radius: 9999px;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: .97rem;\n        transition: all .3s ease;\n        box-shadow: 0 4px 16px rgba(233, 196, 106, .3);\n        white-space: nowrap;\n        flex-shrink: 0;\n        position: relative;\n        z-index: 1;\n    }\n\n    .sa-seg-btn:hover {\n        background: #f4d03f;\n        transform: translateY(-3px);\n        box-shadow: 0 10px 28px rgba(233, 196, 106, .45);\n    }\n\n    .sa-seg-btn .material-symbols-outlined {\n        font-size: 1.2rem;\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media(max-width:640px) {\n        .sa-hero {\n            padding: 3.5rem 1.25rem 4rem;\n        }\n\n        .sa-sec {\n            padding: 3.5rem 1.25rem;\n        }\n\n        .sa-tramite-body {\n            padding: 1.5rem 1.25rem;\n        }\n\n        .sa-seguimiento-card {\n            padding: 2rem 1.5rem;\n        }\n    }\n<\/style>\n\n<div id=\"sa\">\n\n    <!-- \u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <header class=\"sa-hero\">\n        <div class=\"sa-hero-pattern\"><\/div>\n        <div class=\"sa-hero-inner\">\n            <nav class=\"sa-bread sa\">\n                <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\">\n                    <span class=\"material-symbols-outlined\">home<\/span> Inicio\n                <\/a>\n                <span class=\"material-symbols-outlined\">chevron_right<\/span>\n                <span>Secretar\u00eda Acad\u00e9mica<\/span>\n            <\/nav>\n            <div class=\"sa-hero-layout\">\n                <div class=\"sa fl d1\">\n                    <h1>Secretar\u00eda<br><em>Acad\u00e9mica<\/em><\/h1>\n                    <p class=\"sa-hero-desc\">Gestion\u00e1 tus tr\u00e1mites acad\u00e9micos: equivalencias, asimilaciones, autenticaciones y m\u00e1s. Todo lo que necesit\u00e1s en un solo lugar.<\/p>\n                <\/div>\n                <div class=\"sa fr d2\">\n                    <div class=\"sa-hero-panel\">\n                        <h3>Horarios de Atenci\u00f3n<\/h3>\n                        <div class=\"sa-dias\">\n                            <div class=\"sa-dia-row\">\n                                <div class=\"sa-dia-ico verde\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\n                                <span class=\"sa-dia-nombre\">Lunes<\/span>\n                                <span class=\"sa-dia-hora\">08:30 a 12:00 | 14:00 a 19:00 horas<\/span>\n                            <\/div>\n                            <div class=\"sa-dia-row\">\n                                <div class=\"sa-dia-ico verde\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\n                                <span class=\"sa-dia-nombre\">Martes<\/span>\n                                <span class=\"sa-dia-hora\">08:30 a 12:00 | 15:00 a 19:00 horas<\/span>\n                            <\/div>\n                            <div class=\"sa-dia-row sin-atencion\">\n                                <div class=\"sa-dia-ico rojo\"><span class=\"material-symbols-outlined\">cancel<\/span><\/div>\n                                <span class=\"sa-dia-nombre\">Mi\u00e9rcoles<\/span>\n                                <span class=\"sa-dia-hora\">Sin atenci\u00f3n al p\u00fablico<\/span>\n                            <\/div>\n                            <div class=\"sa-dia-row\">\n                                <div class=\"sa-dia-ico verde\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\n                                <span class=\"sa-dia-nombre\">Jueves<\/span>\n                                <span class=\"sa-dia-hora\">08:30 a 12:00 | 14:00 a 17:30 horas<\/span>\n                            <\/div>\n                            <div class=\"sa-dia-row\">\n                                <div class=\"sa-dia-ico verde\"><span class=\"material-symbols-outlined\">check_circle<\/span><\/div>\n                                <span class=\"sa-dia-nombre\">Viernes<\/span>\n                                <span class=\"sa-dia-hora\">08:30 a 12:00 | 15:00 a 19:00 horas<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"sa-hero-bar\"><\/div>\n    <\/header>\n\n    <!-- \u2550\u2550\u2550\u2550 RESPONSABLES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"sa-sec sa-resp-bg\">\n        <div class=\"sa-inner\">\n            <div class=\"sa-hdr sa\">\n                <span class=\"sa-tag\"><span class=\"material-symbols-outlined\">person<\/span> Equipo<\/span>\n                <h2>Responsables<\/h2>\n                <p>El equipo de Secretar\u00eda Acad\u00e9mica est\u00e1 disponible para atenderte en los horarios indicados.<\/p>\n            <\/div>\n            <div class=\"sa-resp-grid\">\n                <div class=\"sa-resp-card sa d1\">\n                    <div class=\"sa-resp-avatar\"><span class=\"material-symbols-outlined\">school<\/span><\/div>\n                    <div>\n                        <div class=\"sa-resp-lbl\">Secretaria Acad\u00e9mica<\/div>\n                        <div class=\"sa-resp-nombre\">Lic. Laura Mar\u00eda Fernanda Bellido<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sa-resp-card sa d2\">\n                    <div class=\"sa-resp-avatar\"><span class=\"material-symbols-outlined\">manage_accounts<\/span><\/div>\n                    <div>\n                        <div class=\"sa-resp-lbl\">Auxiliar de Secretar\u00eda Acad\u00e9mica<\/div>\n                        <div class=\"sa-resp-nombre\">Tec. en C. S. Ana Cecilia Lucardi<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sa-resp-card sa d2\">\n                    <div class=\"sa-resp-avatar\"><span class=\"material-symbols-outlined\">manage_accounts<\/span><\/div>\n                    <div>\n                        <div class=\"sa-resp-lbl\">Auxiliar de Secretar\u00eda Acad\u00e9mica<\/div>\n                        <div class=\"sa-resp-nombre\">Lic. Mar\u00eda del Valle Orquera<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550 RESOLUCI\u00d3N IMPORTANTE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"sa-sec sa-resol-bg\">\n        <div class=\"sa-inner\">\n            <div class=\"sa-resol-card sa\">\n                <div class=\"sa-resol-head\">\n                    <span class=\"material-symbols-outlined\">gavel<\/span>\n                    <div class=\"sa-resol-head-txt\">\n                        <h3>Resoluci\u00f3n N\u00b0 858-E-24 \u2014 IMPORTANTE<\/h3>\n                        <span>Emitida el 22 de Abril de 2024 \u00b7 Vigente<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"sa-resol-body\">\n                    <p>Se pone en conocimiento a la comunidad educativa la <strong>Resoluci\u00f3n N\u00b0 858-E-24<\/strong>, que establece modificaciones en el <strong>Reglamento Acad\u00e9mico Provincial (RAP)<\/strong> en cuanto a las solicitudes de tr\u00e1mites de equivalencia y la vigencia de los Programas de Estudios.<\/p>\n                    <p style=\"margin-top:1rem\">Es primordial que los estudiantes est\u00e9n informados para conocer los alcances de dicha resoluci\u00f3n en relaci\u00f3n a las solicitudes y tr\u00e1mites que deban realizar en Secretar\u00eda Acad\u00e9mica. Ante cualquier duda, consultar en ventanilla en los horarios de atenci\u00f3n.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550 PASO A PASO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"sa-sec sa-pasos-bg\">\n        <div class=\"sa-inner\">\n            <div class=\"sa-hdr sa\">\n                <span class=\"sa-tag\"><span class=\"material-symbols-outlined\">list_alt<\/span> Gu\u00eda<\/span>\n                <h2>\u00bfC\u00f3mo hacer un tr\u00e1mite?<\/h2>\n                <p>Segu\u00ed estos pasos para gestionar equivalencias, asimilaciones u otros tr\u00e1mites acad\u00e9micos.<\/p>\n            <\/div>\n            <div class=\"sa-pasos-grid\">\n                <div class=\"sa-paso sa d1\">\n                    <div class=\"sa-paso-num\">1<\/div>\n                    <span class=\"material-symbols-outlined\">description<\/span>\n                    <h4>Descarg\u00e1 el modelo de nota<\/h4>\n                    <p>Eleg\u00ed el tipo de tr\u00e1mite y descarg\u00e1 el modelo de nota correspondiente desde esta p\u00e1gina.<\/p>\n                <\/div>\n                <div class=\"sa-paso sa d2\">\n                    <div class=\"sa-paso-num\">2<\/div>\n                    <span class=\"material-symbols-outlined\">edit<\/span>\n                    <h4>Complet\u00e1 y firm\u00e1 la nota<\/h4>\n                    <p>Imprim\u00ed la nota, completala con tus datos a mano con letra clara y firmala.<\/p>\n                <\/div>\n                <div class=\"sa-paso sa d3\">\n                    <div class=\"sa-paso-num\">3<\/div>\n                    <span class=\"material-symbols-outlined\">folder_open<\/span>\n                    <h4>Reun\u00ed la documentaci\u00f3n<\/h4>\n                    <p>Junt\u00e1 todos los documentos requeridos seg\u00fan el tipo de tr\u00e1mite (DNI, anal\u00edtico, planificaciones, etc.).<\/p>\n                <\/div>\n                <div class=\"sa-paso sa d4\">\n                    <div class=\"sa-paso-num\">4<\/div>\n                    <span class=\"material-symbols-outlined\">where_to_vote<\/span>\n                    <h4>Presentate en Secretar\u00eda<\/h4>\n                    <p>Acercate en los horarios de atenci\u00f3n dentro del per\u00edodo habilitado para cada tr\u00e1mite.<\/p>\n                <\/div>\n                <div class=\"sa-paso sa\">\n                    <div class=\"sa-paso-num\">5<\/div>\n                    <span class=\"material-symbols-outlined\">manage_search<\/span>\n                    <h4>Segu\u00ed tu tr\u00e1mite online<\/h4>\n                    <p>Una vez presentado, pod\u00e9s consultar el estado de tu tr\u00e1mite desde el seguimiento en l\u00ednea.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550 TR\u00c1MITES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"sa-sec sa-tramites-bg\" id=\"sa-tramites\">\n        <div class=\"sa-inner\">\n            <div class=\"sa-hdr sa\">\n                <span class=\"sa-tag\"><span class=\"material-symbols-outlined\">assignment<\/span> Tr\u00e1mites<\/span>\n                <h2>Tr\u00e1mites Acad\u00e9micos<\/h2>\n                <p>Seleccion\u00e1 el tr\u00e1mite que necesit\u00e1s para ver los requisitos y fechas.<\/p>\n            <\/div>\n\n            <!-- Tabs de navegaci\u00f3n -->\n            <div class=\"sa-tabs sa\">\n                <button class=\"sa-tab activo\" data-panel=\"equiv\">\n                    <span class=\"material-symbols-outlined\">compare_arrows<\/span> Equivalencias\n                <\/button>\n                <button class=\"sa-tab\" data-panel=\"asim\">\n                    <span class=\"material-symbols-outlined\">sync_alt<\/span> Asimilaci\u00f3n\n                <\/button>\n            <\/div>\n\n            <!-- Panel: Equivalencias -->\n            <div class=\"sa-panel activo\" id=\"panel-equiv\">\n                <div class=\"sa-tramite-card sa\">\n                    <div class=\"sa-tramite-head azul\">\n                        <span class=\"material-symbols-outlined\">compare_arrows<\/span>\n                        <div class=\"sa-tramite-head-txt\">\n                            <h3>Tr\u00e1mite de Equivalencias<\/h3>\n                            <!-- FECHA-EQUIV: actualizar al inicio de cada a\u00f1o -->\n                            <span>Per\u00edodo de presentaci\u00f3n \u2014 consultar en Secretar\u00eda para las fechas actualizadas<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sa-tramite-body\">\n\n                        <!-- Fecha banner -->\n                        <div class=\"sa-fecha-banner\">\n                            <span class=\"material-symbols-outlined\">event<\/span>\n                            <div class=\"sa-fecha-banner-txt\">\n                                <strong>Per\u00edodo de recepci\u00f3n de documentaci\u00f3n<\/strong>\n                                <!-- FECHA-EQUIV-PERIODO: cambiar las fechas cada a\u00f1o -->\n                                <span>25 de Marzo al 24 de Abril de 2026<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Equivalencia Interna -->\n                        <div class=\"sa-subtipo\">\n                            <div class=\"sa-subtipo-titulo\">\n                                <span class=\"sa-subtipo-badge\" style=\"background:var(--color-primario)\">Interna<\/span>\n                            <\/div>\n                            <p class=\"sa-subtipo-desc\">Para espacios curriculares entre carreras del propio IES N\u00b07.<\/p>\n                            <div class=\"sa-req-lista\">\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">edit_document<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Nota de solicitud de equivalencias interna (modelo disponible en esta p\u00e1gina)<\/div>\n                                <\/div>\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">menu_book<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Planificaciones \u2014 se tramitan en Biblioteca completando el formulario: <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/formulario-para-solicitar-planificaciones-programas\/\" target=\"_blank\" rel=\"noopener\">formulario de planificaciones<\/a><\/div>\n                                <\/div>\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">badge<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Fotocopia del D.N.I.<\/div>\n                                <\/div>\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">verified<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Certificado anal\u00edtico autenticado<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <hr style=\"border:none;border-top:1px solid #e2e8f0;margin:1.75rem 0\">\n\n                        <!-- Equivalencia Externa -->\n                        <div class=\"sa-subtipo\">\n                            <div class=\"sa-subtipo-titulo\">\n                                <span class=\"sa-subtipo-badge\" style=\"background:var(--color-cian)\">Externa<\/span>\n                            <\/div>\n                            <p class=\"sa-subtipo-desc\">Para estudiantes que cursaron en otras instituciones y desean validar materias en el IES N\u00b07.<\/p>\n                            <div class=\"sa-req-lista\">\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">edit_document<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Nota de solicitud de equivalencias externa (modelo disponible en esta p\u00e1gina)<\/div>\n                                <\/div>\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">menu_book<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Planificaciones autenticadas por la instituci\u00f3n de origen<\/div>\n                                <\/div>\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">badge<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Fotocopia del D.N.I.<\/div>\n                                <\/div>\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">verified<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Certificado anal\u00edtico autenticado por la instituci\u00f3n de origen<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <hr style=\"border:none;border-top:1px solid #e2e8f0;margin:1.75rem 0\">\n\n                        <!-- Autenticaci\u00f3n de programas -->\n                        <div class=\"sa-subtipo\">\n                            <div class=\"sa-subtipo-titulo\">\n                                <span class=\"sa-subtipo-badge\" style=\"background:#15803d\">Autenticaci\u00f3n<\/span>\n                            <\/div>\n                            <p class=\"sa-subtipo-desc\">Autenticaci\u00f3n de programas del IES N\u00b07 para presentar en otras instituciones. Tambi\u00e9n incluye tr\u00e1mites varios de Secretar\u00eda.<\/p>\n                            <div class=\"sa-req-lista\">\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">edit_document<\/span><\/div>\n                                    <div class=\"sa-req-txt\">Nota de solicitud de autenticaci\u00f3n de programas (modelo disponible en esta p\u00e1gina)<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Panel: Asimilaci\u00f3n -->\n            <div class=\"sa-panel\" id=\"panel-asim\">\n                <div class=\"sa-tramite-card sa\">\n                    <div class=\"sa-tramite-head verde\">\n                        <span class=\"material-symbols-outlined\">sync_alt<\/span>\n                        <div class=\"sa-tramite-head-txt\">\n                            <h3>Tr\u00e1mite de Asimilaci\u00f3n<\/h3>\n                            <span>Per\u00edodo de presentaci\u00f3n \u2014 consultar en Secretar\u00eda para las fechas actualizadas<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"sa-tramite-body\">\n\n                        <div class=\"sa-fecha-banner\" style=\"border-left-color:#15803d\">\n                            <span class=\"material-symbols-outlined\" style=\"color:#15803d\">event<\/span>\n                            <div class=\"sa-fecha-banner-txt\">\n                                <strong style=\"color:#15803d\">Per\u00edodo de recepci\u00f3n de documentaci\u00f3n<\/strong>\n                                <!-- FECHA-ASIM-PERIODO: cambiar las fechas cada a\u00f1o -->\n                                <span>25 de Marzo al 24 de Abril de 2026<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"sa-subtipo\">\n                            <p class=\"sa-subtipo-desc\">Para solicitar la asimilaci\u00f3n de materias. Descarg\u00e1 los modelos de notas desde el Drive institucional.<\/p>\n                            <div class=\"sa-req-lista\">\n                                <div class=\"sa-req-item\">\n                                    <div class=\"sa-req-ico\"><span class=\"material-symbols-outlined\">folder_open<\/span><\/div>\n                                    <div class=\"sa-req-txt\">\n                                        Los modelos de notas para asimilaci\u00f3n est\u00e1n disponibles en el Drive institucional:\n                                        <a href=\"https:\/\/drive.google.com\/drive\/folders\/1pbvSgwoSWtTc-AWKdHmU0JqcugheCbEj\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;margin-top:.4rem;font-weight:700;color:var(--color-cian)\">\n                                            Ver modelos en Google Drive &#x2197;\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550 MODELOS DE NOTAS \u2014 PDFs \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"sa-sec sa-notas-bg\" id=\"sa-notas\">\n        <div class=\"sa-inner\">\n            <div class=\"sa-hdr sa\">\n                <span class=\"sa-tag\"><span class=\"material-symbols-outlined\">picture_as_pdf<\/span> Descargas<\/span>\n                <h2>Modelos de Notas<\/h2>\n                <p>Descarg\u00e1 el modelo que necesit\u00e1s, imprimilo y completalo a mano antes de presentarte.<\/p>\n            <\/div>\n\n            <div class=\"sa-notas-grupos\">\n\n                <!-- Equivalencias -->\n                <div class=\"sa\">\n                    <div class=\"sa-notas-grupo-titulo\">Equivalencias<\/div>\n                    <div class=\"sa-notas-grid\">\n\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/archivos\/repositorio\/\/3500\/3592\/NOTA_EQUIVALENCIA_INTERNA.pdf\" target=\"_blank\" rel=\"noopener\" class=\"sa-nota-card azul\">\n                            <div class=\"sa-nota-ico\"><span class=\"material-symbols-outlined\">description<\/span><\/div>\n                            <div class=\"sa-nota-txt\">\n                                <h4>Equivalencia Interna<\/h4>\n                                <span>Para carreras del IES N\u00b07<\/span>\n                            <\/div>\n                            <div class=\"sa-nota-dl\"><span class=\"material-symbols-outlined\">download<\/span><\/div>\n                        <\/a>\n\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/archivos\/repositorio\/\/3500\/3593\/NOTA_EQUIVALENCIA_EXTERNA.pdf\" target=\"_blank\" rel=\"noopener\" class=\"sa-nota-card cian\">\n                            <div class=\"sa-nota-ico\"><span class=\"material-symbols-outlined\">description<\/span><\/div>\n                            <div class=\"sa-nota-txt\">\n                                <h4>Equivalencia Externa<\/h4>\n                                <span>Desde otras instituciones<\/span>\n                            <\/div>\n                            <div class=\"sa-nota-dl\"><span class=\"material-symbols-outlined\">download<\/span><\/div>\n                        <\/a>\n\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/archivos\/repositorio\/\/3500\/3594\/NOTA_PRORROGA_2025.pdf\" target=\"_blank\" rel=\"noopener\" class=\"sa-nota-card azul\">\n                            <div class=\"sa-nota-ico\"><span class=\"material-symbols-outlined\">schedule<\/span><\/div>\n                            <div class=\"sa-nota-txt\">\n                                <h4>Nota de Pr\u00f3rroga<\/h4>\n                                <span>Solicitud de extensi\u00f3n de plazo<\/span>\n                            <\/div>\n                            <div class=\"sa-nota-dl\"><span class=\"material-symbols-outlined\">download<\/span><\/div>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <!-- Tr\u00e1mites Varios -->\n                <div class=\"sa\">\n                    <div class=\"sa-notas-grupo-titulo\">Tr\u00e1mites Varios<\/div>\n                    <div class=\"sa-notas-grid\">\n\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/archivos\/repositorio\/\/3500\/3595\/NOTA_AUTENTICACION_PROGRAMAS_AUTENTICADOS.pdf\" target=\"_blank\" rel=\"noopener\" class=\"sa-nota-card verde\">\n                            <div class=\"sa-nota-ico\"><span class=\"material-symbols-outlined\">verified<\/span><\/div>\n                            <div class=\"sa-nota-txt\">\n                                <h4>Autenticaci\u00f3n de Programas<\/h4>\n                                <span>Para presentar en otras instituciones<\/span>\n                            <\/div>\n                            <div class=\"sa-nota-dl\"><span class=\"material-symbols-outlined\">download<\/span><\/div>\n                        <\/a>\n\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/archivos\/repositorio\/\/3500\/3596\/NOTA_TRAMITES_VARIOS.pdf\" target=\"_blank\" rel=\"noopener\" class=\"sa-nota-card verde\">\n                            <div class=\"sa-nota-ico\"><span class=\"material-symbols-outlined\">assignment<\/span><\/div>\n                            <div class=\"sa-nota-txt\">\n                                <h4>Tr\u00e1mites Varios<\/h4>\n                                <span>Otros tr\u00e1mites de Secretar\u00eda<\/span>\n                            <\/div>\n                            <div class=\"sa-nota-dl\"><span class=\"material-symbols-outlined\">download<\/span><\/div>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550\u2550 SEGUIMIENTO ONLINE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <section class=\"sa-sec sa-seguimiento-bg\">\n        <div class=\"sa-inner\">\n            <div class=\"sa-seguimiento-card sa\">\n                <div class=\"sa-seg-txt\">\n                    <div class=\"sa-seg-tag\">\n                        <span class=\"material-symbols-outlined\" style=\"font-size:.9rem\">manage_search<\/span>\n                        Seguimiento en l\u00ednea\n                    <\/div>\n                    <h3>Consult\u00e1 el estado de tu tr\u00e1mite<\/h3>\n                    <p>Una vez presentada la documentaci\u00f3n en Secretar\u00eda, pod\u00e9s seguir el avance de tu equivalencia en tiempo real a trav\u00e9s del sistema de seguimiento institucional.<\/p>\n                <\/div>\n                <a href=\"https:\/\/sites.google.com\/populorumjujuy.ar\/ies7-populorumprogressio\/equivalencias\" target=\"_blank\" rel=\"noopener\" class=\"sa-seg-btn\">\n                    <span class=\"material-symbols-outlined\">open_in_new<\/span>\n                    Ver seguimiento &#x2197;\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div><!-- fin #sa -->\n\n<script>\n    \/* Animaciones scroll + tabs \u2014 sin backticks, compatible con WordPress *\/\n    (function() {\n        var saEl = document.getElementById('sa');\n        if (!saEl) return;\n\n        \/* Activar animaciones *\/\n        saEl.classList.add('js-ok');\n        var obs = new IntersectionObserver(function(entries) {\n            entries.forEach(function(e) {\n                if (e.isIntersecting) {\n                    e.target.classList.add('on');\n                    obs.unobserve(e.target);\n                }\n            });\n        }, {\n            threshold: 0,\n            rootMargin: '0px 0px 80px 0px'\n        });\n        var items = saEl.querySelectorAll('.sa');\n        for (var i = 0; i < items.length; i++) {\n            var r = items[i].getBoundingClientRect();\n            if (r.top < window.innerHeight + 80) {\n                items[i].classList.add('on');\n            } else {\n                obs.observe(items[i]);\n            }\n        }\n        setTimeout(function() {\n            var h = saEl.querySelectorAll('.sa:not(.on)');\n            for (var j = 0; j < h.length; j++) {\n                h[j].classList.add('on');\n            }\n        }, 800);\n\n        \/* Tabs de tr\u00e1mites *\/\n        var tabs = document.querySelectorAll('.sa-tab');\n        for (var t = 0; t < tabs.length; t++) {\n            tabs[t].addEventListener('click', function() {\n                var panel = this.getAttribute('data-panel');\n                \/* Quitar activo de todos los tabs y paneles *\/\n                for (var k = 0; k < tabs.length; k++) {\n                    tabs[k].classList.remove('activo');\n                }\n                var panels = document.querySelectorAll('.sa-panel');\n                for (var p = 0; p < panels.length; p++) {\n                    panels[p].classList.remove('activo');\n                }\n                \/* Activar el seleccionado *\/\n                this.classList.add('activo');\n                var panelEl = document.getElementById('panel-' + panel);\n                if (panelEl) {\n                    panelEl.classList.add('activo');\n                }\n            });\n        }\n    })();\n<\/script>\n\n\n\n<!-- BLOQUE REUTILIZABLE 3: FOOTER PRINCIPAL (VARIABLES UNIFICADAS) -->\n\n<style>\n    \/* ==== ESTILOS DEL FOOTER ==== *\/\n    .custom-footer {\n        background-color: var(--color-primario-oscuro);\n        color: var(--color-texto-secundario);\n        padding: 4rem 1rem 2rem 1rem;\n        font-family: 'Open Sans', sans-serif;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\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        display: block;\n    }\n    .footer-col p {\n        font-size: 0.9rem;\n        line-height: 1.6;\n        margin: 0 0 1rem 0;\n        color: var(--color-texto-secundario);\n    }\n    .footer-col h3 {\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 li {\n        margin-bottom: 0.75rem;\n    }\n\n    .footer-col a {\n        color: var(--color-texto-secundario);\n        text-decoration: none;\n        font-size: 0.95rem;\n        transition: color 0.3s ease, transform 0.3s ease;\n        display: inline-block;\n    }\n    \n    .footer-col ul a:hover {\n        color: var(--color-acento);\n        transform: translateX(4px);\n    }\n    \n    .footer-col .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.4rem;\n    }\n\n    .footer-col .external-link .material-symbols-outlined {\n        font-size: 1.1rem;\n    }\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: 1rem;\n        color: var(--color-texto-secundario);\n    }\n\n    .footer-col .icon-text a {\n        display: inline;\n    }\n\n    .footer-col .icon-text a:hover {\n        color: var(--color-acento);\n        transform: none;\n    }\n\n    .footer-col .icon-text .material-symbols-outlined {\n        margin-top: 2px;\n        font-size: 1.2rem;\n        width: 20px;\n        text-align: center;\n        flex-shrink: 0;\n        color: var(--color-acento);\n    }\n    .social-links {\n        display: flex;\n        gap: 1rem;\n        margin-top: 1.5rem;\n    }\n    .social-links a {\n        display: 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-texto-secundario);\n        color: var(--color-texto-secundario);\n        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n    }\n    .social-links a svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n    }\n    .social-links a:hover {\n        background-color: var(--color-acento);\n        border-color: var(--color-acento);\n        color: var(--color-primario-oscuro);\n        transform: translateY(-3px);\n    }\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 3rem auto 0 auto;\n        padding-top: 2rem;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        text-align: center;\n    }\n    .footer-bottom p {\n        font-size: 0.85rem;\n        color: var(--color-texto-secundario);\n        margin: 0;\n    }\n\n    \/* ==== OPTIMIZACI\u00d3N M\u00d3VIL ==== *\/\n    @media (max-width: 768px) {\n        .custom-footer {\n            padding: 3rem 1.5rem 1.5rem 1.5rem;\n        }\n        .footer-container {\n            gap: 2rem;\n        }\n        .footer-col .logo-footer {\n            margin-bottom: 1rem;\n        }\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\u00ba 7 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:comunicaciones@populorumjujuy.ar\">comunicaciones@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>\n                    <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)\">\n                        Campus Virtual <span class=\"material-symbols-outlined\" aria-hidden=\"true\">open_in_new<\/span>\n                    <\/a>\n                <\/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>\n                    <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)\">\n                        Autogesti\u00f3n <span class=\"material-symbols-outlined\" aria-hidden=\"true\">open_in_new<\/span>\n                    <\/a>\n                <\/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; 2026 - Instituto de Educaci\u00f3n Superior N\u00ba 7 \"Populorum Progressio - In. Te. La.\"<\/p>\n    <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>home Inicio chevron_right Secretar\u00eda Acad\u00e9mica Secretar\u00edaAcad\u00e9mica Gestion\u00e1 tus tr\u00e1mites acad\u00e9micos: equivalencias, asimilaciones, autenticaciones y m\u00e1s. Todo lo que necesit\u00e1s en un solo lugar. Horarios de Atenci\u00f3n check_circle Lunes 08:30 a 12:00 | 14:00 a 19:00 horas check_circle Martes 08:30 a 12:00 | 15:00 a 19:00 horas cancel Mi\u00e9rcoles Sin atenci\u00f3n al p\u00fablico check_circle Jueves 08:30 &#8230; <a title=\"Secretar\u00eda Acad\u00e9mica 2025\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\" aria-label=\"More on Secretar\u00eda Acad\u00e9mica 2025\">[+]<\/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\/11816"}],"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=11816"}],"version-history":[{"count":12,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11816\/revisions"}],"predecessor-version":[{"id":12470,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11816\/revisions\/12470"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=11816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}