{"id":11585,"date":"2024-12-10T08:27:24","date_gmt":"2024-12-10T11:27:24","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=11585"},"modified":"2026-03-31T09:10:38","modified_gmt":"2026-03-31T12:10:38","slug":"ingreso2026","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingreso2026\/","title":{"rendered":"INGRESO 2026"},"content":{"rendered":"\n<!-- BLOQUE REUTILIZABLE 1: MEN\u00da PRINCIPAL -->\n<!-- Carga de fuentes e \u00edconos -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&#038;family=Open+Sans:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n\n<style>\n    :root {\n        --color-primario: #3e81b8;\n        --color-cian: #13b4d1;\n        --color-texto: #6b4941;\n        --color-texto-oscuro: #6b4441;\n        --color-texto-suave: #7b7159;\n        --color-acento: #e9c46a;\n        --color-terracota: #d25c54;\n        --color-fondo-claro: #e4e0e5;\n        --color-azul-claro: #acd4ec;\n        --color-azul-intermedio: #4b9bd3;\n        --color-blanco: #ffffff;\n        --color-gris-deshabilitado: #95a3ae;\n        --color-fondo-base: #f8fafc;\n        --color-fondo-suave: #f4f6f8;\n        --color-fondo-info: #f0f4f8;\n        --color-fondo-info-acento: #e3f2fd;\n        --alto-menu: 64px;\n    }\n\n    \/* Compensa men\u00fa fijo sin agregar div espaciador *\/\n    body {\n        padding-top: var(--alto-menu) !important;\n    }\n\n    \/* Barra admin WordPress *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar {\n            padding-top: calc(var(--alto-menu) + 32px) !important;\n        }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar {\n            padding-top: calc(var(--alto-menu) + 46px) !important;\n        }\n    }\n\n    \/* Estilos del Men\u00fa *\/\n    #ies7-container-menu {\n        font-family: 'Open Sans', sans-serif;\n    }\n    #ies7-container-menu h1,\n    #ies7-container-menu h2,\n    #ies7-container-menu h3 {\n        font-family: 'Montserrat', sans-serif;\n    }\n    #ies7-container-menu a {\n        text-decoration: none;\n        color: var(--color-fondo-claro) !important;\n        transition: all 0.3s ease;\n    }\n    #ies7-container-menu .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    #ies7-container-menu .external-link-icon {\n        font-size: 0.85em;\n        opacity: 0.9;\n    }\n    body.mobile-menu-open {\n        overflow: hidden;\n    }\n\n    #ies7-container-menu .custom-nav {\n        background-color: var(--color-primario);\n        color: var(--color-fondo-claro);\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1000;\n    }\n    #ies7-container-menu .nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1280px;\n        margin: auto;\n        height: var(--alto-menu);\n        padding: 0 1rem;\n    }\n    #ies7-container-menu .nav-logo {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n    }\n    #ies7-container-menu .nav-logo img {\n        height: 50px;\n        width: auto;\n    }\n    #ies7-container-menu .logo-text-container {\n        display: none;\n        flex-direction: column;\n        line-height: 1.2;\n        color: white;\n    }\n    #ies7-container-menu .logo-main-text {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 1rem;\n    }\n    #ies7-container-menu .logo-sub-text {\n        font-size: 0.8rem;\n        color: var(--color-azul-claro);\n        font-weight: 300;\n    }\n    #ies7-container-menu .nav-menu {\n        display: none;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        align-items: center;\n        gap: 1.5rem;\n    }\n    #ies7-container-menu .nav-menu > li {\n        position: relative;\n    }\n    #ies7-container-menu .nav-menu a {\n        display: block;\n        padding: 1rem 0;\n        font-size: 0.95rem;\n        font-weight: 600;\n        position: relative;\n    }\n    #ies7-container-menu .nav-menu > li > a:hover {\n        color: white !important;\n    }\n    #ies7-container-menu .nav-menu > li > a::after {\n        content: '';\n        position: absolute;\n        width: 0%;\n        height: 3px;\n        background-color: var(--color-acento);\n        bottom: 10px;\n        left: 0;\n        border-radius: 2px;\n        transition: width 0.3s ease-in-out;\n    }\n    #ies7-container-menu .nav-menu > li:hover > a::after {\n        width: 100%;\n    }\n    #ies7-container-menu .dropdown {\n        display: block;\n        opacity: 0;\n        visibility: hidden;\n        position: absolute;\n        top: 90%;\n        left: 0;\n        background-color: var(--color-primario);\n        border-radius: 0.375rem;\n        list-style: none;\n        padding: 0.5rem;\n        margin: 0;\n        min-width: 240px;\n        box-shadow: 0 8px 16px rgba(0,0,0,0.2);\n        transform: translateY(10px);\n        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n    }\n    #ies7-container-menu .dropdown .dropdown {\n        top: 0;\n        left: 100%;\n        transform: translateY(0) translateX(10px);\n    }\n    #ies7-container-menu .dropdown > li:hover > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0) translateX(0);\n    }\n    #ies7-container-menu .nav-menu > li:last-child .dropdown {\n        left: auto;\n        right: 0;\n    }\n    #ies7-container-menu .nav-menu > li:last-child .dropdown .dropdown {\n        right: 100%;\n        left: auto;\n    }\n    #ies7-container-menu .dropdown li {\n        list-style: none;\n        position: relative;\n    }\n    #ies7-container-menu .dropdown a {\n        padding: 0.75rem 1rem;\n        white-space: nowrap;\n        border-radius: 0.25rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;\n    }\n    #ies7-container-menu .dropdown a:hover {\n        background-color: var(--color-cian);\n        color: white !important;\n        padding-left: 1.5rem;\n    }\n    #ies7-container-menu .nav-menu > li:hover > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n\n    \/* Men\u00fa M\u00f3vil *\/\n    #ies7-container-menu .mobile-menu-button {\n        display: block;\n        background: none;\n        border: none;\n        color: white;\n        padding: 0.5rem;\n        cursor: pointer;\n    }\n    #ies7-container-menu .mobile-menu-button svg {\n        width: 24px;\n        height: 24px;\n    }\n    #ies7-container-menu .mobile-nav-panel {\n        display: none;\n        background-color: var(--color-primario);\n        padding: 1rem;\n        position: fixed;\n        top: var(--alto-menu);\n        left: 0;\n        right: 0;\n        height: calc(100vh - var(--alto-menu));\n        overflow-y: auto;\n    }\n    #ies7-container-menu .mobile-nav-panel.open {\n        display: block;\n    }\n    #ies7-container-menu .mobile-nav-panel ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        padding-bottom: 100px;\n    }\n    #ies7-container-menu .mobile-nav-panel li {\n        list-style-type: none;\n    }\n    #ies7-container-menu .mobile-nav-panel > ul > li > a {\n        display: block;\n        padding: 0.75rem 0.5rem;\n        border-bottom: 1px solid var(--color-azul-claro);\n        color: var(--color-fondo-claro) !important;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown {\n        position: static;\n        display: block;\n        background: none;\n        box-shadow: none;\n        padding: 0 0 0 1rem;\n        margin: 0;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        min-width: unset;\n        width: 100%;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown a {\n        padding-left: 1.5rem;\n        border: none;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown .dropdown {\n        padding-left: 1rem;\n    }\n\n    \/* Top offset en admin bar para el nav fijo *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar #ies7-container-menu .custom-nav {\n            top: 32px;\n        }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar #ies7-container-menu .custom-nav {\n            top: 46px;\n        }\n        body.admin-bar #ies7-container-menu .mobile-nav-panel {\n            top: calc(var(--alto-menu) + 46px);\n            height: calc(100vh - var(--alto-menu) - 46px);\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #ies7-container-menu .mobile-menu-button { display: none; }\n        #ies7-container-menu .nav-menu { display: flex; }\n        #ies7-container-menu .mobile-nav-panel { display: none !important; }\n        #ies7-container-menu .logo-text-container { display: flex; }\n    }\n<\/style>\n\n<div id=\"ies7-container-menu\">\n    <nav class=\"custom-nav\">\n        <div class=\"nav-container\">\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\" class=\"nav-logo\" aria-label=\"Inicio IES N\u00b07\">\n                <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00b07\">\n                <div class=\"logo-text-container\">\n                    <span class=\"logo-main-text\">Instituto de Educaci\u00f3n Superior N\u00ba 7<\/span>\n                    <span class=\"logo-sub-text\">\u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/span>\n                <\/div>\n            <\/a>\n\n            <ul class=\"nav-menu\">\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\">Inicio<\/a><\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Institucional <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Misi\u00f3n y Visi\u00f3n<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Valores e Ideario<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\">Departamentos <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-investigacion\/\">Investigaci\u00f3n<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-inicial\/\">Formaci\u00f3n Inicial<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-continua-y-desarrollo-profesional\/\">Formaci\u00f3n Continua<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral Educativa<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/saad\/\">D.A.T.E<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Sedes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-san-pedro\/\">Sede San Pedro<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-perico\/\">Sede Perico<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/sede-libertador-gral-san-martin\/\">Sede Libertador<\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Estudiantes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\">Turnos de Examen<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretar\u00eda Acad\u00e9mica<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/pasantias-educativas\/\">Pasant\u00edas Educativas<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/becas\/\">Becas Acad\u00e9micas<\/a><\/li>\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n Estudiantes (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n Estudiantes <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Docentes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/docentes.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n Docentes (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n Docentes <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li><a href=\"javascript:void(0)\">Egresados<\/a><\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Recursos <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                     <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Noticias<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/publicaciones-2024\/\">Publicaciones<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/xiv-jornadas-cientificas\/\">Jornadas Cient\u00edficas<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Tesorer\u00eda<\/a><\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <button class=\"mobile-menu-button\" id=\"mobile-menu-toggle-ies7\" aria-label=\"Abrir menu\" aria-expanded=\"false\" aria-controls=\"mobile-nav-ies7\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"mobile-nav-panel\" id=\"mobile-nav-ies7\">\n            <!-- El contenido del men\u00fa m\u00f3vil se genera con JS -->\n        <\/div>\n    <\/nav>\n<\/div>\n<script>\n    (function() {\n        if (window.ies7MenuScriptLoaded) return;\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const menuContainer = document.querySelector('#ies7-container-menu');\n            if (!menuContainer) return;\n\n            const menu = menuContainer.querySelector('.nav-menu');\n            const mobileNavPanel = menuContainer.querySelector('#mobile-nav-ies7');\n            const toggleButton = menuContainer.querySelector('#mobile-menu-toggle-ies7');\n\n            if (!menu || !mobileNavPanel || !toggleButton) return;\n\n            mobileNavPanel.innerHTML = '<ul>' + menu.innerHTML + '<\/ul>';\n\n            const closeIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>';\n            const openIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>';\n\n            function closeMenu() {\n                mobileNavPanel.classList.remove('open');\n                document.body.classList.remove('mobile-menu-open');\n                toggleButton.innerHTML = openIcon;\n                toggleButton.setAttribute('aria-label', 'Abrir menu');\n                toggleButton.setAttribute('aria-expanded', 'false');\n            }\n\n            toggleButton.addEventListener('click', function() {\n                const isOpen = mobileNavPanel.classList.toggle('open');\n                document.body.classList.toggle('mobile-menu-open', isOpen);\n\n                if (isOpen) {\n                    toggleButton.innerHTML = closeIcon;\n                    toggleButton.setAttribute('aria-label', 'Cerrar menu');\n                    toggleButton.setAttribute('aria-expanded', 'true');\n                } else {\n                    toggleButton.innerHTML = openIcon;\n                    toggleButton.setAttribute('aria-label', 'Abrir menu');\n                    toggleButton.setAttribute('aria-expanded', 'false');\n                }\n            });\n\n            mobileNavPanel.addEventListener('click', function(e) {\n                if (e.target.tagName === 'A') {\n                    closeMenu();\n                }\n            });\n        });\n\n        window.ies7MenuScriptLoaded = true;\n    })();\n<\/script>\n\n\n\n\n<!-- ============================================================\n     BLOQUE DE CONTENIDO: INGRESANTES 2026 \u2014 v3 FINAL\n     Se inserta entre Men\u00fa (Bloque 1) y Footer (Bloque 3)\n     ============================================================ -->\n\n<!--\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n\u2551  &#x2699;&#xfe0f;  ZONA DE CONFIGURACI\u00d3N \u2014 EDIT\u00c1 AQU\u00cd SIN TOCAR EL DISE\u00d1O    \u2551\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\n\n  \u25ba FECHAS: Agreg\u00e1, edit\u00e1 o elimin\u00e1 eventos en el JSON de abajo.\n    Campos disponibles:\n      fecha:     \"YYYY-MM-DD\"\n      fechaFin:  \"YYYY-MM-DD\"  (opcional, para rangos)\n      titulo:    texto corto\n      desc:      descripci\u00f3n larga (opcional)\n      tipo:      \"inscripcion\" | \"cursillo\" | \"evaluacion\" | \"listado\" | \"ciclo\" | \"cartillas\" | \"otro\"\n      destacada: true | false  \u2192 aparece en las cards superiores\n\n  \u25ba CHATBOT: M\u00e1s abajo est\u00e1 el bloque config-chatbot con todas\n    las preguntas y respuestas. Edit\u00e1 \"palabras\" y \"respuesta\".\n    Pod\u00e9s agregar nuevos bloques copiando el patr\u00f3n existente.\n    Las respuestas admiten HTML b\u00e1sico (<strong>, <br>, listas).\n-->\n\n<!-- \u2550\u2550\u2550 CONFIGURACI\u00d3N DE FECHAS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\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<script id=\"config-fechas\" type=\"application\/json\">\n[\n  {\n    \"fecha\": \"2025-12-15\",\n    \"fechaFin\": \"2025-12-30\",\n    \"titulo\": \"1\u00b0 Per\u00edodo de Inscripci\u00f3n Online\",\n    \"desc\": \"Primer llamado para completar el formulario de inscripci\u00f3n al curso de ingreso.\",\n    \"tipo\": \"inscripcion\",\n    \"destacada\": false\n  },\n  {\n    \"fecha\": \"2025-12-29\",\n    \"titulo\": \"Publicaci\u00f3n de Cartillas de Ingreso\",\n    \"desc\": \"Se publican las cartillas de estudio del cursillo de nivelaci\u00f3n por carrera.\",\n    \"tipo\": \"cartillas\",\n    \"destacada\": false\n  },\n  {\n    \"fecha\": \"2026-02-18\",\n    \"fechaFin\": \"2026-02-27\",\n    \"titulo\": \"2\u00b0 Per\u00edodo de Inscripci\u00f3n Online\",\n    \"desc\": \"Segundo y \u00faltimo llamado. Complet\u00e1 el formulario antes del cierre.\",\n    \"tipo\": \"inscripcion\",\n    \"destacada\": true\n  },\n  {\n    \"fecha\": \"2026-03-02\",\n    \"fechaFin\": \"2026-03-13\",\n    \"titulo\": \"Curso de Ingreso\",\n    \"desc\": \"Cursillo de nivelaci\u00f3n obligatorio para todos los ingresantes. Consult\u00e1 tu carrera y horario en el cronograma de comisiones.\",\n    \"tipo\": \"cursillo\",\n    \"destacada\": true\n  },\n  {\n    \"fecha\": \"2026-03-16\",\n    \"fechaFin\": \"2026-03-20\",\n    \"titulo\": \"Evaluaci\u00f3n de Ingreso\",\n    \"desc\": \"Per\u00edodo de evaluaci\u00f3n final del cursillo de nivelaci\u00f3n.\",\n    \"tipo\": \"evaluacion\",\n    \"destacada\": true\n  },\n  {\n    \"fecha\": \"2026-03-31\",\n    \"titulo\": \"Publicaci\u00f3n del Listado de Ingresantes\",\n    \"desc\": \"Se publica el listado oficial de estudiantes que aprobaron el ingreso.\",\n    \"tipo\": \"listado\",\n    \"destacada\": true\n  },\n  {\n    \"fecha\": \"2026-04-01\",\n    \"titulo\": \"Inicio del Ciclo Lectivo 2026\",\n    \"desc\": \"Primer d\u00eda de clases del ciclo lectivo para todos los ingresantes.\",\n    \"tipo\": \"ciclo\",\n    \"destacada\": true\n  }\n]\n<\/script>\n\n<!-- \u2550\u2550\u2550 CONFIGURACI\u00d3N DEL CHATBOT \u2550\u2550\u2550\u2550\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     \u25ba Cada bloque tiene:\n         \"palabras\": palabras clave que disparan esta respuesta\n         \"respuesta\": texto que muestra el bot (admite HTML)\n     \u25ba Para agregar una respuesta nueva, copi\u00e1 un bloque\n       { ... } y agregalo dentro del array \"respuestas\".\n     \u25ba Para modificar una respuesta existente, edit\u00e1 solo\n       el campo \"respuesta\" del bloque correspondiente.\n     \u25ba Orden importa: el bot usa la primera coincidencia.\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script id=\"config-chatbot\" type=\"application\/json\">\n{\n  \"saludo_inicial\": \"\u00a1Hola! &#x1f44b; Soy el asistente virtual del <strong>IES N\u00b07<\/strong>. Pod\u00e9s preguntarme sobre inscripciones, carreras, fechas, documentaci\u00f3n y m\u00e1s.\",\n  \"respuestas\": [\n    {\n      \"palabras\": [\"hola\", \"buenas\", \"buenos\", \"buen dia\", \"que tal\", \"holis\"],\n      \"respuesta\": \"\u00a1Hola! &#x1f60a; \u00bfEn qu\u00e9 te puedo ayudar hoy? Preguntame sobre inscripciones, carreras, fechas, requisitos o lo que necesites.\"\n    },\n    {\n      \"palabras\": [\"inscrib\", \"inscripcion\", \"anotar\", \"preinscripcion\", \"registrar\", \"como me anoto\"],\n      \"respuesta\": \"La inscripci\u00f3n tiene <strong>2 pasos:<\/strong><br><br>&#x1f4dd; <strong>Paso 1:<\/strong> Complet\u00e1 el formulario online en <em>ies7-juj.infd.edu.ar\/ingreso2026<\/em> durante el per\u00edodo habilitado.<br>&#x1f5a8;&#xfe0f; <strong>Paso 2:<\/strong> Se te asigna un n\u00famero y deb\u00e9s imprimir el formulario.<br>&#x1f4c1; <strong>Paso 3:<\/strong> Presentate en la sede con: formulario impreso, fotocopia de DNI, fotocopia del t\u00edtulo secundario (o constancia en tr\u00e1mite) y abon\u00e1s el arancel en Tesorer\u00eda.<br><br>&#x1f4c5; Per\u00edodos: <strong>15\u201330 dic 2025<\/strong> y <strong>18\u201327 feb 2026<\/strong>.\"\n    },\n    {\n      \"palabras\": [\"fecha\", \"fechas\", \"cuando\", \"plazo\", \"calendario\", \"cronograma inscripcion\"],\n      \"respuesta\": \"&#x1f4c5; <strong>Fechas clave 2026:<\/strong><br><br>\u2022 15\u201330 Dic: 1\u00b0 Inscripci\u00f3n<br>\u2022 29 Dic: Publicaci\u00f3n de Cartillas<br>\u2022 18\u201327 Feb: 2\u00b0 Inscripci\u00f3n<br>\u2022 2\u201313 Mar: Curso de Ingreso<br>\u2022 16\u201320 Mar: Evaluaci\u00f3n<br>\u2022 31 Mar: Listado de Ingresantes<br>\u2022 1 Abr: Inicio del Ciclo Lectivo\"\n    },\n    {\n      \"palabras\": [\"requisito\", \"documentacion\", \"documento\", \"necesito\", \"que traer\", \"que llevar\", \"que pedir\"],\n      \"respuesta\": \"&#x1f4cb; <strong>Para inscribirte necesit\u00e1s:<\/strong><br><br>&#x2705; Fotocopia del T\u00edtulo Secundario (o Constancia en Tr\u00e1mite)<br>&#x2705; DNI \u2014 fotocopia de ambos lados<br>&#x2705; Formulario de inscripci\u00f3n impreso<br>&#x2705; Arancel de inscripci\u00f3n (se abona en Tesorer\u00eda)\"\n    },\n    {\n      \"palabras\": [\"cartilla\", \"material\", \"estudio\", \"contenido\", \"pdf\", \"descargar\"],\n      \"respuesta\": \"&#x1f4da; Las <strong>Cartillas del Curso de Ingreso<\/strong> se publican el <strong>29 de diciembre<\/strong>. Son diferentes para cada carrera. Pod\u00e9s descargarlas desde la secci\u00f3n <em>Recursos<\/em> de esta p\u00e1gina o en la p\u00e1gina de Cartillas.\"\n    },\n    {\n      \"palabras\": [\"cursillo\", \"nivelacion\", \"curso ingreso\", \"cuando empieza\", \"inicio cursillo\"],\n      \"respuesta\": \"&#x1f4d6; El <strong>Curso de Ingreso<\/strong> es del <strong>2 al 13 de marzo de 2026<\/strong>. Es obligatorio para todos los ingresantes. El cronograma con horarios y aulas por carrera se publica por separado.\"\n    },\n    {\n      \"palabras\": [\"evaluacion\", \"examen\", \"nota\", \"apruebo\", \"desapruebo\", \"evaluacion ingreso\"],\n      \"respuesta\": \"&#x1f4dd; La <strong>Evaluaci\u00f3n<\/strong> es del <strong>16 al 20 de marzo de 2026<\/strong>. Es la instancia final del curso de ingreso. El listado de ingresantes que aprobaron se publica el <strong>31 de marzo<\/strong>.\"\n    },\n    {\n      \"palabras\": [\"listado\", \"resultados\", \"aprobados\", \"quienes ingresaron\", \"quien ingresa\"],\n      \"respuesta\": \"&#x1f4cb; El <strong>Listado de Ingresantes<\/strong> se publica el <strong>31 de marzo de 2026<\/strong>. Pod\u00e9s verlo directo en <a href='#listado' style='color:inherit;font-weight:700;text-decoration:underline'>esta p\u00e1gina<\/a> o en la p\u00e1gina dedicada del listado.\"\n    },\n    {\n      \"palabras\": [\"clase\", \"ciclo lectivo\", \"inicio clase\", \"primer dia\", \"cuando empiezo\"],\n      \"respuesta\": \"&#x1f393; El <strong>Inicio del Ciclo Lectivo 2026<\/strong> es el <strong>1\u00b0 de abril de 2026<\/strong>. \u00a1Ese es tu primer d\u00eda como estudiante del IES N\u00b07!\"\n    },\n    {\n      \"palabras\": [\"carrera\", \"carreras\", \"profesorado\", \"tecnicatura\", \"que estudiar\", \"oferta\", \"que hay\"],\n      \"respuesta\": \"&#x1f393; <strong>Carreras Docentes:<\/strong><br>\u2022 Prof. Ed. Sec. en Ciencia Pol\u00edtica<br>\u2022 Prof. Ed. Especial \u2014 Discapacidad Intelectual<br>\u2022 Prof. Ed. Especial \u2014 Sordos e Hipoac\u00fasicos<br>\u2022 Prof. Ciencias Sagradas<br>\u2022 Prof. Ed. Sec. en Historia<br>\u2022 Prof. Ed. Sec. en Lengua y Literatura<br>\u2022 Prof. Ed. Sec. en Psicolog\u00eda<br><br>&#x1f4bb; <strong>Tecnicaturas (selecci\u00f3n):<\/strong><br>\u2022 Gesti\u00f3n Ambiental \u00b7 Ni\u00f1ez y Familia \u00b7 Lab. An\u00e1lisis Cl\u00ednicos \u00b7 Hemoterapia \u00b7 Acomp. Terap\u00e9utico \u00b7 Adm. Empresas PyME \u00b7 Ciencia de Datos e IA \u00b7 Mecatr\u00f3nica \u00b7 Automatizaci\u00f3n y Rob\u00f3tica \u00b7 y m\u00e1s.<br><br>La oferta var\u00eda por sede. \u00bfQuer\u00e9s saber qu\u00e9 hay en una sede espec\u00edfica?\"\n    },\n    {\n      \"palabras\": [\"san salvador\", \"sede principal\", \"capital\", \"jujuy ciudad\"],\n      \"respuesta\": \"&#x1f4cd; <strong>San Salvador de Jujuy<\/strong><br>Sarmiento 268 \u00b7 Tel: (0388) 422-4514<br><br><strong>Docentes:<\/strong> Ciencia Pol\u00edtica \u00b7 Ed. Especial Discap. Intelectual \u00b7 Ciencias Sagradas<br><strong>T\u00e9cnicas:<\/strong> Gesti\u00f3n Ambiental \u00b7 Ni\u00f1ez y Familia \u00b7 Lab. An\u00e1lisis Cl\u00ednicos \u00b7 Hemoterapia \u00b7 Acomp. Terap\u00e9utico \u00b7 Adm. Empresas PyME \u00b7 Adm. P\u00fablica \u00b7 Ciencia de Datos e IA \u00b7 Gesti\u00f3n Jur\u00eddica\"\n    },\n    {\n      \"palabras\": [\"san pedro\", \"sede san pedro\"],\n      \"respuesta\": \"&#x1f4cd; <strong>San Pedro de Jujuy<\/strong><br>Mitre 255 \u00b7 Tel: (03888) 422744<br><br><strong>Docentes:<\/strong> Ed. Especial \u2014 Sordos e Hipoac\u00fasicos \u00b7 Historia<br><strong>T\u00e9cnicas:<\/strong> Desarrollo de Software\"\n    },\n    {\n      \"palabras\": [\"perico\", \"sede perico\"],\n      \"respuesta\": \"&#x1f4cd; <strong>Perico<\/strong><br>Av. Malvinas Argentinas 199 \u00b7 Tel: (0388) 422-4514<br><br><strong>Docentes:<\/strong> Lengua y Literatura<br><strong>T\u00e9cnicas:<\/strong> Adm. Empresas PyME \u00b7 Mecatr\u00f3nica\"\n    },\n    {\n      \"palabras\": [\"libertador\", \"ledesma\", \"sede libertador\"],\n      \"respuesta\": \"&#x1f4cd; <strong>Libertador Gral. San Mart\u00edn<\/strong><br>Av. Jacarand\u00e1 S\/N<br><br><strong>Docentes:<\/strong> Psicolog\u00eda<br><strong>T\u00e9cnicas:<\/strong> Automatizaci\u00f3n y Rob\u00f3tica \u00b7 Acompa\u00f1amiento Terap\u00e9utico\"\n    },\n    {\n      \"palabras\": [\"sede\", \"sedes\", \"donde\", \"donde queda\", \"ubicacion\", \"donde esta\"],\n      \"respuesta\": \"&#x1f3eb; El IES N\u00b07 tiene <strong>4 sedes:<\/strong><br><br>&#x1f4cd; San Salvador de Jujuy (sede principal)<br>&#x1f4cd; San Pedro de Jujuy<br>&#x1f4cd; Perico<br>&#x1f4cd; Libertador Gral. San Mart\u00edn<br><br>\u00bfQuer\u00e9s saber qu\u00e9 carreras hay en alguna sede en particular?\"\n    },\n    {\n      \"palabras\": [\"arancel\", \"costo\", \"precio\", \"cuanto\", \"cuesta\", \"pago\", \"plata\", \"cuanto sale\"],\n      \"respuesta\": \"&#x1f4b0; El monto del arancel se actualiza cada a\u00f1o. Para conocer el valor exacto, consult\u00e1 en <strong>Tesorer\u00eda<\/strong> de la sede principal o escribinos por el formulario de esta p\u00e1gina.\"\n    },\n    {\n      \"palabras\": [\"titulo\", \"no tengo titulo\", \"secundario\", \"tramite\", \"constancia\", \"sin titulo\"],\n      \"respuesta\": \"&#x2705; S\u00ed pod\u00e9s inscribirte presentando una <strong>Constancia de T\u00edtulo en Tr\u00e1mite<\/strong> emitida por tu colegio secundario. Deber\u00e1s regularizar la documentaci\u00f3n antes del inicio de clases.\"\n    },\n    {\n      \"palabras\": [\"horario\", \"atencion\", \"secretaria\", \"cuando ir\", \"turno\", \"abren\", \"cierran\"],\n      \"respuesta\": \"&#x1f550; El horario de atenci\u00f3n en secretar\u00eda es <strong>lunes a viernes de 8:00 a 18:00 hs<\/strong>. Tambi\u00e9n pod\u00e9s consultarme aqu\u00ed o llamar a la sede principal: <strong>(0388) 422-4514<\/strong>.\"\n    },\n    {\n      \"palabras\": [\"telefono\", \"telefono\", \"numero\", \"llamar\", \"contacto\", \"como contacto\"],\n      \"respuesta\": \"&#x1f4de; <strong>Contactos:<\/strong><br>\u2022 Sede Principal (Jujuy): (0388) 422-4514<br>\u2022 San Pedro: (03888) 422744<br>\u2022 Perico: (0388) 422-4514<br><br>Tambi\u00e9n pod\u00e9s escribirnos usando el formulario al final de esta p\u00e1gina.\"\n    },\n    {\n      \"palabras\": [\"ciencia politica\", \"ciencias politicas\", \"derecho\"],\n      \"respuesta\": \"&#x2696;&#xfe0f; <strong>Prof. de Ed. Sec. en Ciencia Pol\u00edtica<\/strong><br>&#x1f4cd; Sede: San Salvador de Jujuy<br>&#x23f0; Turno Ma\u00f1ana \u00b7 Duraci\u00f3n: 4 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"historia\"],\n      \"respuesta\": \"&#x1f4dc; <strong>Prof. de Ed. Sec. en Historia<\/strong><br>&#x1f4cd; Sede: San Pedro de Jujuy<br>&#x23f0; Turno Ma\u00f1ana y Tarde \u00b7 Duraci\u00f3n: 4 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"lengua\", \"literatura\", \"letras\"],\n      \"respuesta\": \"&#x1f4dd; <strong>Prof. de Ed. Sec. en Lengua y Literatura<\/strong><br>&#x1f4cd; Sede: Perico<br>&#x23f0; Turno Noche \u00b7 Duraci\u00f3n: 4 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"psicologia\", \"psicologia\"],\n      \"respuesta\": \"&#x1f9e0; <strong>Prof. de Ed. Sec. en Psicolog\u00eda<\/strong><br>&#x1f4cd; Sede: Libertador Gral. San Mart\u00edn<br>&#x23f0; Turno Noche \u00b7 Duraci\u00f3n: 4 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"especial\", \"discapacidad\", \"sordos\", \"hipoacusico\", \"educacion especial\"],\n      \"respuesta\": \"&#x267f; <strong>Educaci\u00f3n Especial \u2014 2 orientaciones:<\/strong><br><br>\u2022 <strong>Discapacidad Intelectual<\/strong> \u2014 San Salvador \u00b7 T. Ma\u00f1ana y Noche \u00b7 4 a\u00f1os<br>\u2022 <strong>Sordos e Hipoac\u00fasicos<\/strong> \u2014 San Pedro \u00b7 T. Noche \u00b7 4 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"sagrada\", \"religion\", \"ciencias sagradas\", \"teologia\"],\n      \"respuesta\": \"&#x271d;&#xfe0f; <strong>Prof. en Ciencias Sagradas<\/strong><br>&#x1f4cd; Sede: San Salvador de Jujuy<br>&#x23f0; Turno Noche \u00b7 Duraci\u00f3n: 4 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"datos\", \"inteligencia artificial\", \"ia\", \"data\", \"tecnologia\", \"informatica\"],\n      \"respuesta\": \"&#x1f916; <strong>Tec. Sup. en Ciencia de Datos e Inteligencia Artificial<\/strong><br>&#x1f4cd; Sede: San Salvador de Jujuy<br>&#x23f0; Turno Ma\u00f1ana \u00b7 Duraci\u00f3n: 3 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"software\", \"programacion\", \"desarrollo\"],\n      \"respuesta\": \"&#x1f4bb; <strong>Tec. Sup. en Desarrollo de Software<\/strong><br>&#x1f4cd; Sede: San Pedro de Jujuy<br>&#x23f0; Turno Tarde \u00b7 Duraci\u00f3n: 3 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"mecatronica\", \"robotica\", \"automatizacion\", \"electronica\"],\n      \"respuesta\": \"&#x2699;&#xfe0f; <strong>Tecnicaturas de Tecnolog\u00eda:<\/strong><br>\u2022 Mecatr\u00f3nica \u2014 Perico \u00b7 Noche \u00b7 3 a\u00f1os<br>\u2022 Automatizaci\u00f3n y Rob\u00f3tica \u2014 Libertador \u00b7 Noche \u00b7 3 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"ambiental\", \"medio ambiente\", \"gestion ambiental\"],\n      \"respuesta\": \"&#x1f33f; <strong>Tec. Sup. en Gesti\u00f3n Ambiental<\/strong><br>&#x1f4cd; Sede: San Salvador de Jujuy<br>&#x23f0; Turno Ma\u00f1ana \u00b7 Duraci\u00f3n: 3 a\u00f1os\"\n    },\n    {\n      \"palabras\": [\"gracias\", \"gracie\", \"grax\", \"muchas gracias\"],\n      \"respuesta\": \"\u00a1De nada! &#x1f60a; Si ten\u00e9s m\u00e1s dudas, estoy aqu\u00ed. \u00a1Mucho \u00e9xito en tu ingreso al IES N\u00b07! &#x1f393;\"\n    }\n  ],\n  \"respuesta_default\": \"No tengo informaci\u00f3n espec\u00edfica sobre eso. Te recomiendo consultar en Secretar\u00eda (lunes a viernes, 8 a 18 hs) o al (0388) 422-4514. Tambi\u00e9n pod\u00e9s escribirnos por el formulario al final de la p\u00e1gina.\"\n}\n<\/script>\n\n<style>\n\/* ================================================================\n   BASE\n================================================================ *\/\n#ing-v3 {\n    font-family: 'Open Sans', sans-serif;\n    background-color: var(--color-fondo-base);\n    color: var(--color-texto);\n    overflow-x: hidden;\n}\n#ing-v3 h1,#ing-v3 h2,#ing-v3 h3,#ing-v3 h4 {\n    font-family: 'Montserrat', sans-serif;\n    color: var(--color-primario);\n}\n#ing-v3 a { text-decoration: none; color: inherit; transition: all .3s ease; }\n\n.ia { opacity:0; transform:translateY(28px); transition:opacity .6s ease-out, transform .6s ease-out; }\n.ia.v { opacity:1; transform:translateY(0); }\n.ia.d1{transition-delay:.1s}.ia.d2{transition-delay:.2s}.ia.d3{transition-delay:.3s}.ia.d4{transition-delay:.4s}\n\n.ing-section { padding: 5rem 1.5rem; }\n.ing-inner   { max-width: 1100px; margin: auto; }\n\n.sec-header { text-align: center; margin-bottom: 3.5rem; }\n.sec-tag {\n    display: inline-block;\n    background: var(--color-fondo-info-acento);\n    color: var(--color-primario);\n    font-family: 'Montserrat', sans-serif; font-weight: 700;\n    font-size: .72rem; text-transform: uppercase; letter-spacing: 2px;\n    padding: .35rem 1rem; border-radius: 9999px; margin-bottom: .875rem;\n}\n.sec-header h2 {\n    font-size: clamp(1.75rem, 4vw, 2.25rem);\n    font-weight: 700; margin: 0 0 .75rem;\n}\n.sec-header p { color: var(--color-texto-suave); font-size: 1rem; max-width: 540px; margin: 0 auto; line-height: 1.75; }\n.sec-header::after {\n    content: ''; display: block; width: 50px; height: 4px;\n    background: linear-gradient(90deg, var(--color-primario), var(--color-cian));\n    border-radius: 2px; margin: 1.25rem auto 0;\n}\n\n\/* ================================================================\n   HERO\n================================================================ *\/\n.ing-hero {\n    position: relative;\n    background-image:\n        linear-gradient(135deg, rgba(25,75,145,.96) 0%, rgba(19,180,209,.88) 100%),\n        url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2024\/07\/foto-seccion-porque-ies7.jpg');\n    background-size: cover; background-position: center;\n    padding: 7rem 1.5rem 9rem; color: white; overflow: hidden;\n}\n.deco { position: absolute; border-radius: 50%; pointer-events: none; }\n.deco-1 { width:500px;height:500px; top:-150px;right:-100px; border:70px solid rgba(255,255,255,.05); animation:floatD 8s ease-in-out infinite; }\n.deco-2 { width:300px;height:300px; bottom:-80px;left:-60px; border:50px solid rgba(255,255,255,.04); animation:floatD 11s ease-in-out infinite reverse; }\n.deco-3 { width:120px;height:120px; top:20%;left:10%; background:rgba(255,255,255,.04); animation:floatD 7s ease-in-out infinite; }\n.deco-4 { width:60px;height:60px; top:60%;right:15%; background:rgba(233,196,106,.15); border-radius:12px; animation:floatD 9s ease-in-out infinite reverse; transform:rotate(20deg); }\n@keyframes floatD { 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-18px) rotate(5deg)} }\n\n.ing-hero-inner { position:relative; z-index:2; max-width:820px; margin:auto; text-align:center; }\n.hero-badge {\n    display:inline-flex; align-items:center; gap:.5rem;\n    background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);\n    backdrop-filter:blur(8px); padding:.4rem 1.2rem; border-radius:9999px;\n    font-size:.82rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\n    color:white; margin-bottom:1.5rem; animation:fadeD .8s ease-out both;\n}\n.ing-hero h1 {\n    font-size:clamp(2.5rem,6vw,4.25rem); font-weight:900; color:white;\n    margin:0 0 1rem; line-height:1.05; text-shadow:0 2px 30px rgba(0,0,0,.2);\n    animation:fadeD .8s .15s ease-out both;\n}\n.ing-hero h1 span {\n    background:linear-gradient(90deg,#e9c46a,#f4d03f);\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\n}\n.ing-hero p { font-size:1.15rem; opacity:.9; max-width:580px; margin:0 auto 2rem; line-height:1.75; animation:fadeD .8s .3s ease-out both; }\n.hero-stats { display:flex; justify-content:center; flex-wrap:wrap; gap:1.5rem; margin-top:2rem; animation:fadeD .8s .45s ease-out both; }\n.hero-stat {\n    text-align:center; background:rgba(255,255,255,.1); backdrop-filter:blur(6px);\n    border:1px solid rgba(255,255,255,.2); padding:.9rem 1.5rem; border-radius:1rem; min-width:110px;\n}\n.hero-stat-num { font-family:'Montserrat',sans-serif; font-size:2rem; font-weight:800; color:var(--color-acento); line-height:1; }\n.hero-stat-lbl { font-size:.78rem; color:rgba(255,255,255,.8); text-transform:uppercase; letter-spacing:1px; margin-top:.25rem; }\n.hero-wave { position:absolute; bottom:-1px; left:0; right:0; line-height:0; }\n.hero-wave svg { display:block; width:100%; }\n@keyframes fadeD { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }\n\n\/* ================================================================\n   ACCESOS R\u00c1PIDOS\n================================================================ *\/\n.accesos-outer { position:relative; z-index:10; padding:0 1.5rem; margin-top:-2rem; }\n.accesos-card {\n    max-width:1050px; margin:auto; background:white;\n    border-radius:1.5rem; padding:1.5rem;\n    box-shadow:0 20px 60px rgba(0,0,0,.13);\n    display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem;\n}\n@media(min-width:540px){.accesos-card{grid-template-columns:repeat(3,1fr)}}\n@media(min-width:900px){.accesos-card{grid-template-columns:repeat(6,1fr)}}\n\n.acc-btn {\n    display:flex; flex-direction:column; align-items:center; gap:.55rem;\n    padding:1.1rem .75rem; border-radius:1rem; background:var(--color-fondo-base);\n    border:2px solid transparent; transition:all .25s ease; text-align:center;\n    color:var(--color-texto) !important;\n}\n.acc-btn:hover { transform:translateY(-4px); border-color:var(--color-cian); box-shadow:0 10px 25px rgba(19,180,209,.18); background:var(--color-fondo-info-acento); }\n.acc-ico {\n    width:52px;height:52px; border-radius:.875rem;\n    display:flex;align-items:center;justify-content:center; font-size:1.5rem;\n    transition:transform .25s ease;\n}\n.acc-btn:hover .acc-ico { transform:scale(1.12) rotate(-3deg); }\n.acc-ico.az{background:#dbeafe;color:var(--color-primario)}\n.acc-ico.cy{background:#cffafe;color:#0891b2}\n.acc-ico.gr{background:#dcfce7;color:#16a34a}\n.acc-ico.am{background:#fef9c3;color:#b45309}\n.acc-ico.ro{background:#fee2e2;color:#b91c1c}\n.acc-lbl { font-family:'Montserrat',sans-serif; font-weight:700; font-size:.75rem; text-transform:uppercase; letter-spacing:.5px; color:var(--color-primario); line-height:1.3; }\n\n\/* ================================================================\n   INSCRIPCI\u00d3N\n================================================================ *\/\n#inscripcion { background:white; border-bottom:1px solid var(--color-fondo-claro); }\n.inscripcion-layout { display:grid; grid-template-columns:1fr; gap:3rem; align-items:start; }\n@media(min-width:900px){.inscripcion-layout{grid-template-columns:1fr 1fr}}\n\n.countdown-box {\n    background:var(--color-fondo-base); border-radius:1.5rem; padding:2.5rem; text-align:center;\n    border:1px solid var(--color-fondo-claro); position:relative; overflow:hidden;\n}\n.countdown-box::before {\n    content:''; position:absolute; top:-60px;right:-60px; width:200px;height:200px;\n    border-radius:50%; background:linear-gradient(135deg,rgba(62,129,184,.06),rgba(19,180,209,.08));\n}\n#estado-badge {\n    display:inline-flex; align-items:center; gap:.5rem;\n    font-family:'Montserrat',sans-serif; font-weight:700; font-size:.8rem;\n    padding:.35rem .9rem; border-radius:9999px; margin-bottom:1.25rem;\n}\n.b-abierto{background:#dcfce7;color:#15803d} .b-cerrado{background:#fee2e2;color:#b91c1c} .b-proximo{background:#fef9c3;color:#b45309}\n.b-dot{width:8px;height:8px;border-radius:50%;display:inline-block}\n.b-abierto .b-dot{background:#16a34a;animation:pGreen 1.5s infinite}\n.b-cerrado .b-dot{background:#b91c1c}\n.b-proximo .b-dot{background:#b45309;animation:pYellow 1.5s infinite}\n@keyframes pGreen{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.4)}50%{box-shadow:0 0 0 6px rgba(22,163,74,0)}}\n@keyframes pYellow{0%,100%{box-shadow:0 0 0 0 rgba(180,83,9,.4)}50%{box-shadow:0 0 0 6px rgba(180,83,9,0)}}\n\n#countdown-title { font-family:'Montserrat',sans-serif; font-weight:600; font-size:1rem; color:var(--color-texto-suave); text-transform:uppercase; letter-spacing:1px; margin:0 0 1.75rem; }\n.flip-clock { display:flex; justify-content:center; gap:.875rem; flex-wrap:wrap; margin-bottom:2rem; }\n.flip-unit { display:flex; flex-direction:column; align-items:center; gap:.5rem; }\n.flip-card { position:relative; width:74px;height:84px; perspective:500px; font-family:'Montserrat',sans-serif; font-size:2.6rem; font-weight:900; }\n.flip-card-inner { position:absolute; width:100%;height:100%; transition:transform .55s; transform-style:preserve-3d; }\n.flip-face { position:absolute; width:100%;height:100%; backface-visibility:hidden; border-radius:.75rem; display:flex;align-items:center;justify-content:center; color:white; box-shadow:0 4px 14px rgba(0,0,0,.15); }\n.flip-front{background:linear-gradient(160deg,var(--color-primario),#2d6ea8)}\n.flip-back{background:linear-gradient(160deg,var(--color-cian),#0891b2);transform:rotateX(180deg)}\n.flip-label { font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--color-texto-suave); }\n\n.cta-inscripcion {\n    display:inline-flex; align-items:center; gap:.6rem;\n    background:linear-gradient(135deg,var(--color-cian),var(--color-primario));\n    color:white !important; padding:1rem 2.5rem; border-radius:9999px;\n    font-family:'Montserrat',sans-serif; font-weight:700; font-size:1.05rem;\n    border:none; cursor:pointer; box-shadow:0 6px 22px rgba(19,180,209,.35);\n    transition:all .3s ease; position:relative; overflow:hidden;\n}\n.cta-inscripcion:hover:not(:disabled){ transform:translateY(-3px); box-shadow:0 12px 30px rgba(19,180,209,.45); }\n.cta-inscripcion:disabled{ background:var(--color-gris-deshabilitado); cursor:not-allowed; box-shadow:none; opacity:.7; }\n\n.pasos-col h3 { font-size:1.5rem; font-weight:700; margin:0 0 1.75rem; }\n.pasos-lista  { display:flex; flex-direction:column; gap:1rem; }\n.paso-item {\n    display:flex; gap:1.125rem; align-items:flex-start;\n    padding:1.25rem; background:var(--color-fondo-base); border-radius:1rem;\n    border-left:4px solid var(--color-azul-claro);\n    transition:border-color .3s,box-shadow .3s,transform .3s;\n}\n.paso-item:hover { border-color:var(--color-cian); box-shadow:0 8px 22px rgba(19,180,209,.1); transform:translateX(4px); }\n.paso-num {\n    flex-shrink:0; width:38px;height:38px; border-radius:50%;\n    background:linear-gradient(135deg,var(--color-primario),var(--color-cian));\n    color:white; font-family:'Montserrat',sans-serif; font-weight:800; font-size:.9rem;\n    display:flex;align-items:center;justify-content:center;\n}\n.paso-texto h4 { font-size:1rem; font-weight:700; color:var(--color-primario); margin:0 0 .3rem; }\n.paso-texto p  { font-size:.9rem; color:var(--color-texto-suave); margin:0; line-height:1.65; }\n.paso-url { font-size:.82rem; color:var(--color-cian); font-weight:600; word-break:break-all; margin-top:.35rem; }\n\n\/* ================================================================\n   RECURSOS\n================================================================ *\/\n.recursos-bg {\n    background:linear-gradient(135deg,var(--color-primario) 0%,#1a5a96 50%,#0e7490 100%);\n    position:relative; overflow:hidden;\n}\n.recursos-bg::before {\n    content:''; position:absolute; inset:0;\n    background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.04),transparent 50%),\n               radial-gradient(circle at 80% 20%,rgba(255,255,255,.06),transparent 40%);\n}\n.recursos-bg .sec-header h2{color:white} .recursos-bg .sec-header p{color:rgba(255,255,255,.8)}\n.recursos-bg .sec-header::after{background:var(--color-acento)} .recursos-bg .sec-tag{background:rgba(255,255,255,.12);color:white}\n\n.recursos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.25rem;position:relative}\n.rec-card {\n    background:rgba(255,255,255,.1); backdrop-filter:blur(12px);\n    border:1px solid rgba(255,255,255,.18); border-radius:1.25rem; padding:1.75rem;\n    display:flex; gap:1.125rem; align-items:center; transition:all .3s ease; color:white;\n}\n.rec-card:hover{background:rgba(255,255,255,.18);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.15)}\n.rec-icon{flex-shrink:0;width:52px;height:52px;border-radius:.875rem;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:1.5rem}\n.rec-info{flex:1}\n.rec-info h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.97rem;color:white;margin:0 0 .25rem}\n.rec-info p{font-size:.83rem;color:rgba(255,255,255,.72);margin:0}\n.rec-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;background:var(--color-acento);color:var(--color-texto) !important;padding:.5rem 1.1rem;border-radius:9999px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.8rem;transition:all .25s ease;white-space:nowrap}\n.rec-btn:hover{background:white;transform:scale(1.05)}\n\n\/* ================================================================\n   CRONOGRAMA \u2014 banner simple con link a p\u00e1gina separada\n================================================================ *\/\n.cron-banner-section{background:var(--color-fondo-suave)}\n.cron-banner {\n    background:linear-gradient(135deg,var(--color-primario),var(--color-cian));\n    border-radius:1.5rem; padding:3rem 2.5rem;\n    display:flex; flex-wrap:wrap; gap:2rem; align-items:center;\n    justify-content:space-between;\n    box-shadow:0 10px 40px rgba(62,129,184,.25);\n}\n.cron-banner-left{display:flex;gap:1.5rem;align-items:center;flex:1}\n.cron-banner-icon{width:70px;height:70px;background:rgba(255,255,255,.15);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:white;flex-shrink:0}\n.cron-banner-text h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.4rem;color:white;margin:0 0 .5rem}\n.cron-banner-text p{color:rgba(255,255,255,.85);font-size:.95rem;margin:0;line-height:1.65}\n.cron-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.875rem}\n.cron-chip{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:white;padding:.3rem .8rem;border-radius:9999px;font-size:.78rem;font-weight:600}\n.cron-chip .material-symbols-outlined{font-size:.9rem}\n.btn-cron-page{display:inline-flex;align-items:center;gap:.65rem;background:var(--color-acento);color:var(--color-texto) !important;padding:1rem 2rem;border-radius:9999px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.15);white-space:nowrap;flex-shrink:0}\n.btn-cron-page:hover{background:white;transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.2)}\n.cron-nota{display:flex;align-items:flex-start;gap:.75rem;background:#f0f4ff;border-left:4px solid var(--color-primario);padding:1rem 1.25rem;border-radius:0 .625rem .625rem 0;font-size:.9rem;color:var(--color-texto-suave);line-height:1.65;margin-top:1.5rem}\n.cron-nota .material-symbols-outlined{color:var(--color-primario);flex-shrink:0}\n\n\/* ================================================================\n   FECHAS \u2014 Cards + Timeline\n================================================================ *\/\n.fechas-bg{background:white}\n.proximas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.125rem;margin-bottom:3.5rem}\n.prox-card {\n    border-radius:1.125rem; padding:1.5rem; border:1px solid var(--color-fondo-claro);\n    display:flex; gap:1rem; align-items:flex-start; background:white;\n    box-shadow:0 4px 14px rgba(0,0,0,.05); transition:all .3s ease; position:relative; overflow:hidden;\n}\n.prox-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primario),var(--color-cian))}\n.prox-card.past{opacity:.55}\n.prox-card.past::before{background:var(--color-gris-deshabilitado)}\n.prox-card:not(.past):hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.09)}\n.prox-fecha-box{flex-shrink:0;width:56px;height:62px;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center}\n.prox-fecha-box.col-ins{background:linear-gradient(160deg,var(--color-primario),var(--color-cian))}\n.prox-fecha-box.col-cur{background:linear-gradient(160deg,#16a34a,#059669)}\n.prox-fecha-box.col-eva{background:linear-gradient(160deg,#be185d,#9333ea)}\n.prox-fecha-box.col-lst{background:linear-gradient(160deg,#b45309,#d97706)}\n.prox-fecha-box.col-cic{background:linear-gradient(160deg,#1d4ed8,#0891b2)}\n.prox-fecha-box.col-cart{background:linear-gradient(160deg,#0e7490,#06b6d4)}\n.prox-fecha-box.col-otro{background:linear-gradient(160deg,var(--color-gris-deshabilitado),#64748b)}\n.pf-dia{font-family:'Montserrat',sans-serif;font-weight:900;font-size:1.5rem;line-height:1;color:white}\n.pf-mes{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.9;color:white}\n.prox-info{flex:1}\n.prox-info h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.93rem;color:var(--color-primario);margin:0 0 .35rem}\n.prox-info p{font-size:.82rem;color:var(--color-texto-suave);margin:0;line-height:1.6}\n.prox-rango{font-size:.75rem;font-weight:700;color:var(--color-cian);margin-bottom:.2rem;font-family:'Montserrat',sans-serif}\n\n.timeline-wrap{position:relative;max-width:780px;margin:auto;padding-left:2rem}\n.timeline-wrap::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--color-primario),var(--color-cian),var(--color-acento));border-radius:3px}\n.tl-item{position:relative;padding:0 0 2.25rem 2rem}\n.tl-item:last-child{padding-bottom:0}\n.tl-dot{position:absolute;left:-2rem;top:.2rem;width:14px;height:14px;border-radius:50%;background:white;border:3px solid var(--color-primario);transform:translateX(calc(-50% + 1.5px));transition:all .3s ease}\n.tl-item:hover .tl-dot{background:var(--color-primario);transform:translateX(calc(-50% + 1.5px)) scale(1.35)}\n.tl-item.past .tl-dot{border-color:var(--color-gris-deshabilitado);background:var(--color-gris-deshabilitado)}\n.tl-card{background:var(--color-fondo-base);border-radius:.875rem;padding:1.125rem 1.375rem;border:1px solid var(--color-fondo-claro);transition:all .3s ease}\n.tl-item:not(.past):hover .tl-card{box-shadow:0 6px 20px rgba(0,0,0,.07);border-color:var(--color-azul-claro)}\n.tl-item.past .tl-card{opacity:.6}\n.tl-fecha{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-cian);margin-bottom:.3rem}\n.tl-item.past .tl-fecha{color:var(--color-gris-deshabilitado)}\n.tl-card h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:1rem;color:var(--color-primario);margin:0 0 .3rem}\n.tl-card p{font-size:.88rem;color:var(--color-texto-suave);margin:0;line-height:1.65}\n.tl-past-badge{display:inline-block;font-size:.65rem;font-weight:700;background:var(--color-fondo-claro);color:var(--color-gris-deshabilitado);padding:.15rem .5rem;border-radius:9999px;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px}\n\n\/* ================================================================\n   REQUISITOS\n================================================================ *\/\n.req-bg{background:var(--color-fondo-info)}\n.req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}\n.req-col-title{display:flex;align-items:center;gap:.75rem;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.2rem;color:var(--color-primario);margin-bottom:1.5rem}\n.req-col-title .ti{width:40px;height:40px;border-radius:.625rem;flex-shrink:0;background:var(--color-fondo-info-acento);color:var(--color-primario);display:flex;align-items:center;justify-content:center;font-size:1.2rem}\n.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}\n.checklist li{background:white;padding:1rem 1.25rem;border-radius:.75rem;display:flex;align-items:flex-start;gap:.875rem;font-size:.93rem;box-shadow:0 2px 6px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04);transition:border-color .2s;line-height:1.55}\n.checklist li:hover{border-color:var(--color-azul-claro)}\n.chk-ico{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;margin-top:.1rem}\n.chk-v{background:#dcfce7;color:#16a34a}\n.chk-a{background:#fef9c3;color:#b45309}\n\n\/* ================================================================\n   FAQ\n================================================================ *\/\n.faq-bg{background:white}\n.faq-wrap{max-width:800px;margin:auto}\n.faq-item{border-bottom:1px solid var(--color-fondo-claro)}\n.faq-item:first-child{border-top:1px solid var(--color-fondo-claro)}\n.faq-q{padding:1.35rem 0;font-family:'Montserrat',sans-serif;font-weight:600;font-size:.98rem;color:var(--color-primario);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none;transition:color .2s}\n.faq-q:hover{color:var(--color-cian)}\n.faq-ico{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--color-fondo-info-acento);color:var(--color-primario);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease}\n.faq-q.open .faq-ico{background:var(--color-primario);color:white;transform:rotate(180deg)}\n.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}\n.faq-a-inner{padding:0 0 1.4rem;color:var(--color-texto-suave);font-size:.95rem;line-height:1.8}\n.faq-a-inner a{color:var(--color-primario);font-weight:600;text-decoration:underline;text-decoration-color:var(--color-azul-claro)}\n\n\/* ================================================================\n   CHATBOT FLOTANTE\n================================================================ *\/\n\/* Bot\u00f3n flotante *\/\n.chat-fab {\n    position: fixed; bottom: 2rem; right: 2rem; z-index: 9999;\n    display: flex; flex-direction: column; align-items: flex-end; gap: .75rem;\n}\n.chat-fab-bubble {\n    background: white; border-radius: 1rem .1rem 1rem 1rem;\n    padding: .65rem 1.1rem; font-size: .875rem; font-weight: 600;\n    color: var(--color-primario); box-shadow: 0 4px 20px rgba(0,0,0,.15);\n    animation: bubbleIn .5s .8s ease-out both;\n    white-space: nowrap; pointer-events: none;\n    border: 1px solid var(--color-fondo-claro);\n}\n@keyframes bubbleIn { from{opacity:0;transform:translateY(10px) scale(.9)} to{opacity:1;transform:translateY(0) scale(1)} }\n.chat-fab-bubble.hidden { display: none; }\n\n.chat-fab-btn {\n    width: 60px; height: 60px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--color-primario), var(--color-cian));\n    color: white; border: none; cursor: pointer;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem; box-shadow: 0 6px 24px rgba(62,129,184,.4);\n    transition: all .3s ease; position: relative;\n}\n.chat-fab-btn:hover { transform: scale(1.1); box-shadow: 0 10px 30px rgba(19,180,209,.5); }\n.chat-fab-btn .badge-notif {\n    position: absolute; top: -3px; right: -3px;\n    width: 18px; height: 18px; border-radius: 50%;\n    background: #ef4444; color: white;\n    font-size: .65rem; font-weight: 700;\n    display: flex; align-items: center; justify-content: center;\n    border: 2px solid white; animation: pGreen 1.5s infinite;\n}\n\n\/* Panel flotante *\/\n.chat-panel {\n    position: fixed; bottom: 6rem; right: 2rem; z-index: 9998;\n    width: 370px; max-width: calc(100vw - 2rem);\n    background: white; border-radius: 1.25rem;\n    box-shadow: 0 20px 60px rgba(0,0,0,.18);\n    border: 1px solid var(--color-fondo-claro);\n    overflow: hidden; display: flex; flex-direction: column;\n    height: 500px;\n    transform: scale(.9) translateY(20px); transform-origin: bottom right;\n    opacity: 0; pointer-events: none;\n    transition: all .3s cubic-bezier(.34,1.56,.64,1);\n}\n.chat-panel.open {\n    opacity: 1; pointer-events: auto;\n    transform: scale(1) translateY(0);\n}\n.chat-topbar {\n    background: linear-gradient(135deg, var(--color-primario), var(--color-cian));\n    padding: 1rem 1.25rem; display: flex; align-items: center; gap: .875rem;\n}\n.chat-topbar-avatar {\n    width: 42px; height: 42px; border-radius: 50%;\n    background: rgba(255,255,255,.2); font-size: 1.3rem;\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.chat-topbar-info h4 { font-family:'Montserrat',sans-serif; font-weight:700; font-size:.95rem; color:white; margin:0 0 .1rem; }\n.chat-topbar-info span { font-size:.75rem; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:.35rem; }\n.online-dot { width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pGreen 1.5s infinite; }\n.chat-close-btn {\n    margin-left:auto; background:rgba(255,255,255,.15); border:none;\n    width:30px;height:30px; border-radius:50%; cursor:pointer; color:white;\n    display:flex;align-items:center;justify-content:center; font-size:1.1rem;\n    transition:background .2s;\n}\n.chat-close-btn:hover{background:rgba(255,255,255,.3)}\n\n.chat-msgs {\n    flex:1; overflow-y:auto; padding:1.1rem; display:flex; flex-direction:column; gap:.75rem; scroll-behavior:smooth;\n}\n.chat-msgs::-webkit-scrollbar{width:4px}\n.chat-msgs::-webkit-scrollbar-thumb{background:var(--color-fondo-claro);border-radius:2px}\n\n.msg{display:flex;gap:.55rem;align-items:flex-end;max-width:85%}\n.msg.bot{align-self:flex-start}\n.msg.user{align-self:flex-end;flex-direction:row-reverse}\n.msg-ico{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--color-primario),var(--color-cian));display:flex;align-items:center;justify-content:center;font-size:.8rem;color:white;margin-bottom:.2rem}\n.msg-bubble{padding:.65rem .95rem;border-radius:1rem;font-size:.875rem;line-height:1.6}\n.msg.bot .msg-bubble{background:var(--color-fondo-base);color:var(--color-texto);border-bottom-left-radius:.3rem}\n.msg.user .msg-bubble{background:linear-gradient(135deg,var(--color-primario),var(--color-cian));color:white;border-bottom-right-radius:.3rem}\n\n.typing-indicator{display:none}\n.typing-indicator.show{display:flex}\n.typing-dots{display:flex;gap:4px;padding:.4rem .2rem}\n.typing-dot{width:7px;height:7px;background:var(--color-gris-deshabilitado);border-radius:50%}\n.typing-dot:nth-child(1){animation:td .9s 0s infinite}\n.typing-dot:nth-child(2){animation:td .9s .2s infinite}\n.typing-dot:nth-child(3){animation:td .9s .4s infinite}\n@keyframes td{0%,80%,100%{transform:scale(1);opacity:.5}40%{transform:scale(1.3);opacity:1}}\n\n.chat-sugs{padding:.65rem 1.1rem;display:flex;flex-wrap:wrap;gap:.45rem;border-top:1px solid var(--color-fondo-claro);background:var(--color-fondo-base)}\n.chat-sug{padding:.3rem .75rem;border-radius:9999px;border:1.5px solid var(--color-azul-claro);background:white;color:var(--color-primario);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:'Montserrat',sans-serif}\n.chat-sug:hover{background:var(--color-primario);color:white;border-color:var(--color-primario)}\n\n.chat-input-row{padding:.875rem 1.1rem;border-top:1px solid var(--color-fondo-claro);display:flex;gap:.65rem;align-items:center}\n#chat-input{flex:1;padding:.65rem 1rem;border:1.5px solid var(--color-fondo-claro);border-radius:9999px;font-family:'Open Sans',sans-serif;font-size:.875rem;color:var(--color-texto);background:var(--color-fondo-base);outline:none;transition:border-color .2s,box-shadow .2s}\n#chat-input:focus{border-color:var(--color-cian);box-shadow:0 0 0 3px rgba(19,180,209,.12);background:white}\n#chat-send{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--color-primario),var(--color-cian));color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:all .25s ease;box-shadow:0 3px 10px rgba(62,129,184,.3)}\n#chat-send:hover{transform:scale(1.12) rotate(-8deg);box-shadow:0 6px 18px rgba(19,180,209,.4)}\n\n\/* ================================================================\n   RESPONSIVE\n================================================================ *\/\n@media(max-width:640px){\n    .ing-hero{padding:6rem 1.25rem 8rem}\n    .ing-section{padding:3.5rem 1.25rem}\n    .cron-banner{flex-direction:column;align-items:flex-start}\n    .chat-panel{width:calc(100vw - 2rem);right:1rem;bottom:5rem}\n    .chat-fab{bottom:1.5rem;right:1.5rem}\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CONTENIDO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"ing-v3\">\n\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\n<header class=\"ing-hero\">\n    <div class=\"deco deco-1\"><\/div><div class=\"deco deco-2\"><\/div>\n    <div class=\"deco deco-3\"><\/div><div class=\"deco deco-4\"><\/div>\n    <div class=\"ing-hero-inner\">\n        <div class=\"hero-badge\"><span class=\"material-symbols-outlined\" style=\"font-size:1rem\">school<\/span> Instituto de Educaci\u00f3n Superior N\u00b07<\/div>\n        <h1>Ingreso <span>2026<\/span><\/h1>\n        <p>Tu formaci\u00f3n docente comienza aqu\u00ed. Todo lo que necesit\u00e1s para inscribirte, prepararte y empezar.<\/p>\n        <div class=\"hero-stats\">\n            <div class=\"hero-stat\"><div class=\"hero-stat-num\" data-count=\"19\">0<\/div><div class=\"hero-stat-lbl\">Carreras<\/div><\/div>\n            <div class=\"hero-stat\"><div class=\"hero-stat-num\" data-count=\"4\">0<\/div><div class=\"hero-stat-lbl\">Sedes<\/div><\/div>\n            <div class=\"hero-stat\"><div class=\"hero-stat-num\" data-count=\"50\">0<\/div><div class=\"hero-stat-lbl\">A\u00f1os formando<\/div><\/div>\n        <\/div>\n    <\/div>\n    <div class=\"hero-wave\"><svg viewBox=\"0 0 1440 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\"><path d=\"M0 0L48 8.7C96 17 192 35 288 44.7C384 53 480 53 576 44.7C672 35 768 18 864 13.3C960 8.7 1056 18 1152 26.7C1248 35 1344 44 1392 48.7L1440 53V60H0V0Z\" fill=\"#f8fafc\"\/><\/svg><\/div>\n<\/header>\n\n<!-- \u2500\u2500 ACCESOS R\u00c1PIDOS \u2500\u2500 -->\n<div class=\"accesos-outer ia\">\n    <nav class=\"accesos-card\" aria-label=\"Accesos r\u00e1pidos\">\n        <a href=\"#inscripcion\" class=\"acc-btn\"><div class=\"acc-ico az\"><span class=\"material-symbols-outlined\">app_registration<\/span><\/div><span class=\"acc-lbl\">Inscripci\u00f3n<\/span><\/a>\n        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/cartillas-del-curso-de-ingreso\/\" class=\"acc-btn\"><div class=\"acc-ico cy\"><span class=\"material-symbols-outlined\">menu_book<\/span><\/div><span class=\"acc-lbl\">Cartillas<\/span><\/a>\n        <a href=\"#cronograma\" class=\"acc-btn\"><div class=\"acc-ico gr\"><span class=\"material-symbols-outlined\">calendar_view_week<\/span><\/div><span class=\"acc-lbl\">Cronograma<\/span><\/a>\n        <a href=\"#fechas\" class=\"acc-btn\"><div class=\"acc-ico am\"><span class=\"material-symbols-outlined\">event<\/span><\/div><span class=\"acc-lbl\">Fechas<\/span><\/a>\n        <a href=\"#listado\" class=\"acc-btn\"><div class=\"acc-ico vio\" style=\"background:#ede9fe;color:#7c3aed\"><span class=\"material-symbols-outlined\">format_list_bulleted<\/span><\/div><span class=\"acc-lbl\">Ingresantes<\/span><\/a>\n        <button class=\"acc-btn\" onclick=\"document.getElementById('chat-panel').classList.add('open'); document.getElementById('chat-fab-bubble').classList.add('hidden');\">\n            <div class=\"acc-ico ro\"><span class=\"material-symbols-outlined\">forum<\/span><\/div>\n            <span class=\"acc-lbl\">Consult\u00e1<\/span>\n        <\/button>\n    <\/nav>\n<\/div>\n\n<!-- \u2500\u2500 INSCRIPCI\u00d3N \u2500\u2500 -->\n<section id=\"inscripcion\" class=\"ing-section\" style=\"background:white;border-bottom:1px solid var(--color-fondo-claro)\">\n    <div class=\"ing-inner\">\n        <div class=\"sec-header ia\">\n            <span class=\"sec-tag\">Paso a Paso<\/span>\n            <h2>Inscripci\u00f3n al Curso de Ingreso<\/h2>\n            <p>El proceso es digital. Segu\u00ed los 4 pasos y complet\u00e1 tu inscripci\u00f3n antes del cierre del per\u00edodo.<\/p>\n        <\/div>\n        <div class=\"inscripcion-layout\">\n            <div class=\"countdown-box ia\">\n                <div id=\"estado-badge\" class=\"b-cerrado\"><span class=\"b-dot\"><\/span> Inscripciones Cerradas<\/div>\n                <p id=\"countdown-title\">Falta para el pr\u00f3ximo per\u00edodo<\/p>\n                <div class=\"flip-clock\">\n                    <div class=\"flip-unit\"><div class=\"flip-card\" id=\"fc-d\"><div class=\"flip-card-inner\"><div class=\"flip-face flip-front\">00<\/div><div class=\"flip-face flip-back\">00<\/div><\/div><\/div><span class=\"flip-label\">D\u00edas<\/span><\/div>\n                    <div class=\"flip-unit\"><div class=\"flip-card\" id=\"fc-h\"><div class=\"flip-card-inner\"><div class=\"flip-face flip-front\">00<\/div><div class=\"flip-face flip-back\">00<\/div><\/div><\/div><span class=\"flip-label\">Horas<\/span><\/div>\n                    <div class=\"flip-unit\"><div class=\"flip-card\" id=\"fc-m\"><div class=\"flip-card-inner\"><div class=\"flip-face flip-front\">00<\/div><div class=\"flip-face flip-back\">00<\/div><\/div><\/div><span class=\"flip-label\">Min<\/span><\/div>\n                    <div class=\"flip-unit\"><div class=\"flip-card\" id=\"fc-s\"><div class=\"flip-card-inner\"><div class=\"flip-face flip-front\">00<\/div><div class=\"flip-face flip-back\">00<\/div><\/div><\/div><span class=\"flip-label\">Seg<\/span><\/div>\n                <\/div>\n                <button id=\"btn-inscripcion\" class=\"cta-inscripcion\" disabled>\n                    <span class=\"material-symbols-outlined\" aria-hidden=\"true\">lock<\/span> Inscripciones Cerradas\n                <\/button>\n            <\/div>\n            <div class=\"pasos-col ia d2\">\n                <h3>\u00bfC\u00f3mo inscribirme?<\/h3>\n                <div class=\"pasos-lista\">\n                    <div class=\"paso-item\">\n                        <div class=\"paso-num\">1<\/div>\n                        <div class=\"paso-texto\">\n                            <h4>Formulario de Inscripci\u00f3n Online<\/h4>\n                            <p>Complet\u00e1 el formulario durante el per\u00edodo habilitado:<\/p>\n                            <div class=\"paso-url\">ies7-juj.infd.edu.ar\/ingreso2026<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"paso-item\">\n                        <div class=\"paso-num\">2<\/div>\n                        <div class=\"paso-texto\">\n                            <h4>Imprim\u00ed el Formulario<\/h4>\n                            <p>Se te asigna un n\u00famero de inscripci\u00f3n. Descarg\u00e1 e imprim\u00ed el formulario generado.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"paso-item\">\n                        <div class=\"paso-num\">3<\/div>\n                        <div class=\"paso-texto\">\n                            <h4>Presentate en la Instituci\u00f3n<\/h4>\n                            <p>Llev\u00e1: formulario impreso \u00b7 fotocopia de DNI \u00b7 fotocopia del t\u00edtulo secundario (o constancia en tr\u00e1mite) \u00b7 arancel de inscripci\u00f3n (se abona en Tesorer\u00eda).<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"paso-item\">\n                        <div class=\"paso-num\">4<\/div>\n                        <div class=\"paso-texto\">\n                            <h4>Confirmaci\u00f3n<\/h4>\n                            <p>Una vez completados todos los pasos, estar\u00e1s inscripto al curso de ingreso al ciclo lectivo 2026. \u00a1Bienvenido al IES N\u00b07!<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500 RECURSOS \u2500\u2500 -->\n<section class=\"ing-section recursos-bg\">\n    <div class=\"ing-inner\" style=\"position:relative\">\n        <div class=\"sec-header ia\">\n            <span class=\"sec-tag\">Material de Estudio<\/span>\n            <h2>Recursos para Ingresantes<\/h2>\n            <p>Todo el material que necesit\u00e1s, en un solo lugar.<\/p>\n        <\/div>\n        <div class=\"recursos-grid\">\n            <div class=\"rec-card ia d1\">\n                <div class=\"rec-icon\"><span class=\"material-symbols-outlined\">menu_book<\/span><\/div>\n                <div class=\"rec-info\"><h4>Cartillas del Curso de Ingreso<\/h4><p>Material de estudio por carrera. Disponibles desde el 29 de diciembre.<\/p><\/div>\n                <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/cartillas-del-curso-de-ingreso\/\" class=\"rec-btn\" target=\"_blank\" rel=\"noopener\"><span class=\"material-symbols-outlined\" style=\"font-size:.95rem\">open_in_new<\/span> Ver<\/a>\n            <\/div>\n            <div class=\"rec-card ia d2\">\n                <div class=\"rec-icon\"><span class=\"material-symbols-outlined\">calendar_view_week<\/span><\/div>\n                <div class=\"rec-info\"><h4>Cronograma de Comisiones<\/h4><p>Horarios y aulas por carrera. Se publica antes del inicio del cursillo.<\/p><\/div>\n                <!-- REEMPLAZAR href CON LA URL DE LA P\u00c1GINA DE CRONOGRAMA CUANDO EST\u00c9 LISTA -->\n                <a href=\"javascript:void(0)\" class=\"rec-btn\"><span class=\"material-symbols-outlined\" style=\"font-size:.95rem\">arrow_forward<\/span> Ver<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500 CRONOGRAMA \u2013 banner link a p\u00e1gina separada \u2500\u2500 -->\n<section id=\"cronograma\" class=\"ing-section cron-banner-section\">\n    <div class=\"ing-inner\">\n        <div class=\"cron-banner ia\">\n            <div class=\"cron-banner-left\">\n                <div class=\"cron-banner-icon\"><span class=\"material-symbols-outlined\">calendar_view_week<\/span><\/div>\n                <div class=\"cron-banner-text\">\n                    <h3>Cronograma y Comisiones 2026<\/h3>\n                    <p>El cronograma completo \u2014 carrera, horario, comisi\u00f3n y aula \u2014 se publica por carrera en una p\u00e1gina dedicada.<\/p>\n                    <div class=\"cron-chips\">\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">school<\/span> Por carrera<\/span>\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">schedule<\/span> D\u00eda y horario<\/span>\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">location_on<\/span> Aula y Sede<\/span>\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">picture_as_pdf<\/span> PDF descargable<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- REEMPLAZAR href CON LA URL REAL DE LA P\u00c1GINA DE CRONOGRAMA -->\n            <a href=\"javascript:void(0)\" class=\"btn-cron-page\" aria-label=\"Ver cronograma de comisiones (pr\u00f3ximamente)\">\n                <span class=\"material-symbols-outlined\">open_in_new<\/span> Ver Cronograma\n            <\/a>\n        <\/div>\n        <div class=\"cron-nota\">\n            <span class=\"material-symbols-outlined\">info<\/span>\n            <span>El cronograma se publica con anticipaci\u00f3n al inicio del cursillo (<strong>2 de marzo<\/strong>). Si a\u00fan no est\u00e1 disponible, revis\u00e1 esta secci\u00f3n en los d\u00edas previos o consult\u00e1 al asistente virtual.<\/span>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500 LISTADO DE INGRESANTES \u2500\u2500 -->\n<section id=\"listado\" class=\"ing-section cron-banner-section\" style=\"padding-top:0\">\n    <div class=\"ing-inner\">\n        <div class=\"cron-banner ia\" style=\"background:linear-gradient(135deg,#166534,#15803d,#0891b2)\">\n            <div class=\"cron-banner-left\">\n                <div class=\"cron-banner-icon\"><span class=\"material-symbols-outlined\">format_list_bulleted<\/span><\/div>\n                <div class=\"cron-banner-text\">\n                    <h3>Listado de Ingresantes 2026<\/h3>\n                    <p>El listado oficial de estudiantes que aprobaron el ingreso se publica el <strong style=\"color:#86efac\">31 de marzo<\/strong>. Busc\u00e1 tu carrera y verific\u00e1 si tu nombre figura.<\/p>\n                    <div class=\"cron-chips\">\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">event_available<\/span> Publica: 31 Mar<\/span>\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">school<\/span> Por carrera<\/span>\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">picture_as_pdf<\/span> PDF descargable<\/span>\n                        <span class=\"cron-chip\"><span class=\"material-symbols-outlined\">rocket_launch<\/span> Clases: 1 Abr<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- REEMPLAZAR href CON LA URL REAL DE LA P\u00c1GINA DE LISTADO -->\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingresantes-2026\/\" class=\"btn-cron-page\" aria-label=\"Ver listado de ingresantes 2026\">\n                <span class=\"material-symbols-outlined\">open_in_new<\/span> Ver Listado\n            <\/a>\n        <\/div>\n        <div class=\"cron-nota\" style=\"border-left-color:#16a34a\">\n            <span class=\"material-symbols-outlined\" style=\"color:#16a34a\">info<\/span>\n            <span>El listado se publica el <strong>31 de marzo<\/strong>. Si a\u00fan no est\u00e1 disponible, revis\u00e1 esta secci\u00f3n ese d\u00eda o preguntale al asistente virtual. Las clases comienzan el <strong>1\u00b0 de abril<\/strong>.<\/span>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500 FECHAS \u2500\u2500 -->\n<section id=\"fechas\" class=\"ing-section fechas-bg\">\n    <div class=\"ing-inner\">\n        <div class=\"sec-header ia\">\n            <span class=\"sec-tag\">Agenda 2026<\/span>\n            <h2>Fechas Importantes<\/h2>\n            <p>Todas las fechas clave del proceso de ingreso. Las marcadas con &#x2b50; son las m\u00e1s pr\u00f3ximas.<\/p>\n        <\/div>\n        <div class=\"proximas-grid ia\" id=\"proximas-grid\"><\/div>\n        <div class=\"timeline-wrap ia d2\" id=\"timeline-wrap\"><\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500 REQUISITOS \u2500\u2500 -->\n<section class=\"ing-section req-bg\">\n    <div class=\"ing-inner\">\n        <div class=\"sec-header ia\">\n            <span class=\"sec-tag\">Documentaci\u00f3n<\/span>\n            <h2>Requisitos para Inscribirse<\/h2>\n            <p>Reun\u00ed esta documentaci\u00f3n antes de presentarte en la sede.<\/p>\n        <\/div>\n        <div class=\"req-grid ia\">\n            <div>\n                <div class=\"req-col-title\"><span class=\"ti\"><span class=\"material-symbols-outlined\">folder_open<\/span><\/span>Documentaci\u00f3n Requerida<\/div>\n                <ul class=\"checklist\">\n                    <li><div class=\"chk-ico chk-v\"><span class=\"material-symbols-outlined\">check<\/span><\/div><span>T\u00edtulo Secundario (fotocopia) o Constancia de T\u00edtulo en Tr\u00e1mite<\/span><\/li>\n                    <li><div class=\"chk-ico chk-v\"><span class=\"material-symbols-outlined\">check<\/span><\/div><span>DNI \u2014 fotocopia de ambos lados<\/span><\/li>\n                    <li><div class=\"chk-ico chk-v\"><span class=\"material-symbols-outlined\">check<\/span><\/div><span>Formulario de inscripci\u00f3n impreso (se genera al completar el online)<\/span><\/li>\n                    <li><div class=\"chk-ico chk-v\"><span class=\"material-symbols-outlined\">check<\/span><\/div><span>Arancel de inscripci\u00f3n (se abona en Tesorer\u00eda de la sede)<\/span><\/li>\n                <\/ul>\n            <\/div>\n            <div>\n                <div class=\"req-col-title\"><span class=\"ti\"><span class=\"material-symbols-outlined\">info<\/span><\/span>Informaci\u00f3n Adicional<\/div>\n                <ul class=\"checklist\">\n                    <li><div class=\"chk-ico chk-a\"><span class=\"material-symbols-outlined\">school<\/span><\/div><span>El curso de ingreso es <strong>obligatorio<\/strong> para todos los ingresantes<\/span><\/li>\n                    <li><div class=\"chk-ico chk-a\"><span class=\"material-symbols-outlined\">quiz<\/span><\/div><span>Al finalizar el curso se rinde una <strong>evaluaci\u00f3n de ingreso<\/strong><\/span><\/li>\n                    <li><div class=\"chk-ico chk-a\"><span class=\"material-symbols-outlined\">location_on<\/span><\/div><span>Presentarte en la <strong>sede correspondiente<\/strong> a la carrera elegida<\/span><\/li>\n                    <li><div class=\"chk-ico chk-a\"><span class=\"material-symbols-outlined\">payments<\/span><\/div><span>Consultar el monto del arancel actualizado en <strong>Tesorer\u00eda<\/strong><\/span><\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500 FAQ \u2500\u2500 -->\n<section class=\"ing-section faq-bg\">\n    <div class=\"ing-inner\">\n        <div class=\"sec-header ia\">\n            <span class=\"sec-tag\">Preguntas Frecuentes<\/span>\n            <h2>Lo que m\u00e1s nos preguntan<\/h2>\n            <p>Respuestas a las dudas m\u00e1s comunes. Para otras consultas, us\u00e1 el asistente virtual.<\/p>\n        <\/div>\n        <div class=\"faq-wrap ia\">\n            <div class=\"faq-item\">\n                <div class=\"faq-q\">\u00bfCu\u00e1ndo son las inscripciones? <span class=\"faq-ico\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span><\/div>\n                <div class=\"faq-a\"><div class=\"faq-a-inner\">Hay dos per\u00edodos: <strong>15 al 30 de diciembre de 2025<\/strong> (1\u00b0 llamado) y <strong>18 al 27 de febrero de 2026<\/strong> (2\u00b0 y \u00faltimo llamado). La inscripci\u00f3n se realiza online.<\/div><\/div>\n            <\/div>\n            <div class=\"faq-item\">\n                <div class=\"faq-q\">\u00bfCu\u00e1ndo empieza el Curso de Ingreso? <span class=\"faq-ico\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span><\/div>\n                <div class=\"faq-a\"><div class=\"faq-a-inner\">El Curso de Ingreso es del <strong>2 al 13 de marzo de 2026<\/strong>. La evaluaci\u00f3n es del <strong>16 al 20 de marzo<\/strong>. El listado de ingresantes se publica el <strong>31 de marzo<\/strong> y las clases regulares comienzan el <strong>1\u00b0 de abril<\/strong>.<\/div><\/div>\n            <\/div>\n            <div class=\"faq-item\">\n                <div class=\"faq-q\">\u00bfPuedo inscribirme sin el t\u00edtulo secundario? <span class=\"faq-ico\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span><\/div>\n                <div class=\"faq-a\"><div class=\"faq-a-inner\">S\u00ed, pod\u00e9s presentarte con una <strong>Constancia de T\u00edtulo en Tr\u00e1mite<\/strong> emitida por tu colegio. Deber\u00e1s regularizar la documentaci\u00f3n antes del inicio de clases regulares.<\/div><\/div>\n            <\/div>\n            <div class=\"faq-item\">\n                <div class=\"faq-q\">\u00bfQu\u00e9 carreras ofrece el IES N\u00b07? <span class=\"faq-ico\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span><\/div>\n                <div class=\"faq-a\"><div class=\"faq-a-inner\">El IES N\u00b07 ofrece <strong>Profesorados<\/strong> (Ciencia Pol\u00edtica, Historia, Lengua y Literatura, Psicolog\u00eda, Educaci\u00f3n Especial \u2014 2 orientaciones, Ciencias Sagradas) y <strong>Tecnicaturas Superiores<\/strong> en \u00e1reas como tecnolog\u00eda, salud, administraci\u00f3n, ambiente y m\u00e1s. La oferta var\u00eda por sede. Consult\u00e1 el asistente virtual o la p\u00e1gina de Oferta Educativa para ver todas las carreras por sede.<\/div><\/div>\n            <\/div>\n            <div class=\"faq-item\">\n                <div class=\"faq-q\">\u00bfD\u00f3nde quedan las sedes? <span class=\"faq-ico\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span><\/div>\n                <div class=\"faq-a\"><div class=\"faq-a-inner\">Hay 4 sedes: <strong>San Salvador de Jujuy<\/strong> (Sarmiento 268, sede principal) \u00b7 <strong>San Pedro de Jujuy<\/strong> (Mitre 255) \u00b7 <strong>Perico<\/strong> (Av. Malvinas Argentinas 199) \u00b7 <strong>Libertador Gral. San Mart\u00edn<\/strong> (Av. Jacarand\u00e1 S\/N).<\/div><\/div>\n            <\/div>\n            <div class=\"faq-item\">\n                <div class=\"faq-q\">\u00bfCu\u00e1nto cuesta el arancel de inscripci\u00f3n? <span class=\"faq-ico\"><span class=\"material-symbols-outlined\">expand_more<\/span><\/span><\/div>\n                <div class=\"faq-a\"><div class=\"faq-a-inner\">El monto del arancel se actualiza anualmente. Para conocer el valor exacto, consult\u00e1 en <strong>Tesorer\u00eda<\/strong> de la sede principal o pregunt\u00e1 al asistente virtual de esta p\u00e1gina.<\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/div><!-- fin #ing-v3 -->\n\n<!-- \u2500\u2500 CHATBOT FLOTANTE \u2500\u2500 -->\n<div class=\"chat-fab\" aria-label=\"Asistente virtual\">\n    <div class=\"chat-fab-bubble\" id=\"chat-fab-bubble\">\u00bfTe puedo ayudar? &#x1f44b;<\/div>\n    <button class=\"chat-fab-btn\" id=\"chat-fab-btn\" aria-label=\"Abrir asistente virtual\" aria-expanded=\"false\">\n        <span class=\"material-symbols-outlined\" id=\"fab-icon\">forum<\/span>\n        <span class=\"badge-notif\">1<\/span>\n    <\/button>\n<\/div>\n\n<div class=\"chat-panel\" id=\"chat-panel\" role=\"dialog\" aria-label=\"Asistente virtual IES N\u00b07\">\n    <div class=\"chat-topbar\">\n        <div class=\"chat-topbar-avatar\">&#x1f393;<\/div>\n        <div class=\"chat-topbar-info\">\n            <h4>Asistente IES N\u00b07<\/h4>\n            <span><span class=\"online-dot\"><\/span> En l\u00ednea \u00b7 responde al instante<\/span>\n        <\/div>\n        <button class=\"chat-close-btn\" id=\"chat-close-btn\" aria-label=\"Cerrar asistente\">\n            <span class=\"material-symbols-outlined\" style=\"font-size:1.1rem\">close<\/span>\n        <\/button>\n    <\/div>\n    <div class=\"chat-msgs\" id=\"chat-msgs\">\n        <!-- El mensaje inicial se inserta por JS desde el JSON -->\n    <\/div>\n    <div class=\"msg bot typing-indicator\" id=\"typing-ind\">\n        <div class=\"msg-ico\">&#x1f393;<\/div>\n        <div class=\"msg-bubble\"><div class=\"typing-dots\"><div class=\"typing-dot\"><\/div><div class=\"typing-dot\"><\/div><div class=\"typing-dot\"><\/div><\/div><\/div>\n    <\/div>\n    <div class=\"chat-sugs\" id=\"chat-sugs\">\n        <button class=\"chat-sug\" data-msg=\"\u00bfC\u00f3mo me inscribo?\">\u00bfC\u00f3mo me inscribo?<\/button>\n        <button class=\"chat-sug\" data-msg=\"\u00bfCu\u00e1ndo empieza el cursillo?\">Cursillo<\/button>\n        <button class=\"chat-sug\" data-msg=\"\u00bfQu\u00e9 carreras hay?\">Carreras<\/button>\n        <button class=\"chat-sug\" data-msg=\"\u00bfCu\u00e1les son las sedes?\">Sedes<\/button>\n        <button class=\"chat-sug\" data-msg=\"\u00bfQu\u00e9 documentos necesito?\">Requisitos<\/button>\n    <\/div>\n    <div class=\"chat-input-row\">\n        <input type=\"text\" id=\"chat-input\" placeholder=\"Escrib\u00ed tu pregunta...\" autocomplete=\"off\" maxlength=\"200\" aria-label=\"Mensaje\">\n        <button id=\"chat-send\" aria-label=\"Enviar\"><span class=\"material-symbols-outlined\">send<\/span><\/button>\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 Scroll suave \u2500\u2500 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n    a.addEventListener('click', function(e){\n        const t = document.querySelector(this.getAttribute('href'));\n        if(t){ e.preventDefault(); window.scrollTo({top: t.getBoundingClientRect().top + window.scrollY - 80, behavior:'smooth'}); }\n    });\n});\n\n\/* \u2500\u2500 Animaciones scroll \u2500\u2500 *\/\nconst obs = new IntersectionObserver(entries => {\n    entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('v'); });\n}, {threshold: 0.07});\ndocument.querySelectorAll('.ia').forEach(el => obs.observe(el));\n\n\/* \u2500\u2500 Contadores hero \u2500\u2500 *\/\ndocument.querySelectorAll('[data-count]').forEach(el => {\n    const target = parseInt(el.dataset.count, 10);\n    const hObs = new IntersectionObserver(([entry]) => {\n        if(!entry.isIntersecting) return;\n        let cur = 0; const dur = 1800; const step = 16; const inc = target\/(dur\/step);\n        const t = setInterval(() => {\n            cur = Math.min(cur+inc, target);\n            el.textContent = Math.floor(cur) + (target >= 10 ? '+' : '');\n            if(cur >= target) clearInterval(t);\n        }, step);\n        hObs.disconnect();\n    }, {threshold:0.5});\n    hObs.observe(el);\n});\n\n\/* \u2500\u2500 FAQ \u2500\u2500 *\/\ndocument.querySelectorAll('.faq-q').forEach(q => {\n    q.addEventListener('click', () => {\n        const open = q.classList.contains('open');\n        document.querySelectorAll('.faq-q').forEach(x => { x.classList.remove('open'); x.nextElementSibling.style.maxHeight = null; });\n        if(!open){ q.classList.add('open'); q.nextElementSibling.style.maxHeight = q.nextElementSibling.scrollHeight + 'px'; }\n    });\n});\n\n\/* \u2500\u2500 Flip clock \u2500\u2500 *\/\nconst FC = { d: document.getElementById('fc-d'), h: document.getElementById('fc-h'), m: document.getElementById('fc-m'), s: document.getElementById('fc-s') };\nconst btn = document.getElementById('btn-inscripcion');\nconst badge = document.getElementById('estado-badge');\nconst titleEl = document.getElementById('countdown-title');\nconst LINK = 'http:\/\/gnosis-it.com.ar\/populorum\/index.aspx';\nconst P1S = new Date('2025-12-15T00:00:00-03:00'), P1E = new Date('2025-12-30T23:59:59-03:00');\nconst P2S = new Date('2026-02-18T00:00:00-03:00'), P2E = new Date('2026-02-27T23:59:59-03:00');\nconst W1 = new Date(P1S); W1.setDate(W1.getDate()-2);\nconst W2 = new Date(P2S); W2.setDate(W2.getDate()-2);\nlet lv = {};\n\nfunction doFlip(card, val){\n    if(!card) return;\n    const fr = card.querySelector('.flip-front'), bk = card.querySelector('.flip-back'), inn = card.querySelector('.flip-card-inner');\n    if(fr.textContent === val) return;\n    bk.textContent = val; inn.style.transform = 'rotateX(180deg)';\n    setTimeout(() => { fr.textContent = val; inn.style.transition = 'none'; inn.style.transform = 'rotateX(0deg)'; setTimeout(() => inn.style.transition = 'transform .55s', 20); }, 550);\n}\nfunction tick(){\n    const now = new Date();\n    const inW = (now>=W1&&now<=P1E)||(now>=W2&&now<=P2E);\n    if(inW){ badge.className='b-abierto'; badge.innerHTML='<span class=\"b-dot\"><\/span> Inscripciones Abiertas'; btn.disabled=false; btn.innerHTML='<span class=\"material-symbols-outlined\">arrow_forward<\/span> Inscribite Aqu\u00ed &#x2197;'; btn.setAttribute('aria-label','Inscribite aqu\u00ed'); btn.onclick=()=>window.open(LINK,'_blank','noopener,noreferrer'); }\n    else if(now>P2E){ badge.className='b-cerrado'; badge.innerHTML='<span class=\"b-dot\"><\/span> Inscripciones Cerradas'; btn.disabled=true; btn.innerHTML='<span class=\"material-symbols-outlined\">lock<\/span> Inscripciones Cerradas'; btn.onclick=null; }\n    else { badge.className='b-proximo'; badge.innerHTML='<span class=\"b-dot\"><\/span> Pr\u00f3ximamente'; btn.disabled=true; btn.innerHTML='<span class=\"material-symbols-outlined\">schedule<\/span> Pr\u00f3ximamente'; btn.onclick=null; }\n\n    let target = null;\n    if(now<P1S){ target=P1S; titleEl.textContent='Falta para el 1\u00b0 per\u00edodo'; }\n    else if(now>=P1S&&now<=P1E){ titleEl.textContent='\u00a1Las inscripciones est\u00e1n abiertas!'; }\n    else if(now>P1E&&now<P2S){ target=P2S; titleEl.textContent='Falta para el 2\u00b0 per\u00edodo'; }\n    else if(now>=P2S&&now<=P2E){ titleEl.textContent='\u00a1Las inscripciones est\u00e1n abiertas!'; }\n    else{ titleEl.textContent='El per\u00edodo de inscripci\u00f3n ha finalizado'; }\n\n    if(target){\n        const diff = target - now;\n        const vals = { d:String(Math.floor(diff\/86400000)).padStart(2,'0'), h:String(Math.floor((diff%86400000)\/3600000)).padStart(2,'0'), m:String(Math.floor((diff%3600000)\/60000)).padStart(2,'0'), s:String(Math.floor((diff%60000)\/1000)).padStart(2,'0') };\n        Object.keys(vals).forEach(k => { if(lv[k]!==vals[k]){ doFlip(FC[k],vals[k]); lv[k]=vals[k]; } });\n    } else {\n        Object.values(FC).forEach(c => { if(c) c.closest('.flip-unit').style.display='none'; });\n    }\n}\nsetInterval(tick,1000); tick();\n\n\/* \u2500\u2500 Fechas din\u00e1micas \u2500\u2500 *\/\n(function buildFechas(){\n    const cfg = JSON.parse(document.getElementById('config-fechas').textContent);\n    const MESES = ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'];\n    const MESES_F = ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'];\n    const COLORES = { inscripcion:'col-ins', cursillo:'col-cur', evaluacion:'col-eva', listado:'col-lst', ciclo:'col-cic', cartillas:'col-cart', otro:'col-otro' };\n    const now = new Date(); now.setHours(0,0,0,0);\n\n    const grid = document.getElementById('proximas-grid');\n    const tl   = document.getElementById('timeline-wrap');\n\n    const sorted = [...cfg].sort((a,b) => new Date(a.fecha)-new Date(b.fecha));\n    const destacadas = sorted.filter(e => e.destacada).slice(0,4);\n\n    \/\/ Cards destacadas\n    destacadas.forEach(e => {\n        const d = new Date(e.fecha+'T00:00:00-03:00');\n        const past = d < now;\n        const col = COLORES[e.tipo] || 'col-otro';\n        const card = document.createElement('div');\n        card.className = 'prox-card ia' + (past?' past':'');\n        let rangoHtml = '';\n        if(e.fechaFin){\n            const df = new Date(e.fechaFin+'T00:00:00-03:00');\n            rangoHtml = `<div class=\"prox-rango\">${d.getDate()} ${MESES[d.getMonth()]} \u2014 ${df.getDate()} ${MESES[df.getMonth()]}<\/div>`;\n        }\n        card.innerHTML = `<div class=\"prox-fecha-box ${col}\"><span class=\"pf-dia\">${d.getDate()}<\/span><span class=\"pf-mes\">${MESES[d.getMonth()]}<\/span><\/div><div class=\"prox-info\">${rangoHtml}<h4>${e.titulo}<\/h4><p>${e.desc||''}<\/p><\/div>`;\n        grid.appendChild(card);\n    });\n\n    \/\/ Timeline\n    sorted.forEach(e => {\n        const d = new Date(e.fecha+'T00:00:00-03:00');\n        const past = d < now;\n        let fechaLabel = `${d.getDate()} de ${MESES_F[d.getMonth()]} ${d.getFullYear()}`;\n        if(e.fechaFin){\n            const df = new Date(e.fechaFin+'T00:00:00-03:00');\n            fechaLabel += ` \u2013 ${df.getDate()} de ${MESES_F[df.getMonth()]} ${df.getFullYear()}`;\n        }\n        const item = document.createElement('div');\n        item.className = 'tl-item ia' + (past?' past':'');\n        item.innerHTML = `<div class=\"tl-dot\"><\/div><div class=\"tl-card\">${past?'<span class=\"tl-past-badge\">\u2713 Finalizado<\/span>':''}<div class=\"tl-fecha\">${fechaLabel}<\/div><h4>${e.titulo}<\/h4>${e.desc?`<p>${e.desc}<\/p>`:''}<\/div>`;\n        tl.appendChild(item);\n    });\n\n    document.querySelectorAll('.ia:not(.v)').forEach(el => obs.observe(el));\n})();\n\n\/* \u2500\u2500 Chatbot \u2500\u2500 *\/\n(function initChat(){\n    const cfg    = JSON.parse(document.getElementById('config-chatbot').textContent);\n    const panel  = document.getElementById('chat-panel');\n    const fabBtn = document.getElementById('chat-fab-btn');\n    const fabIcon= document.getElementById('fab-icon');\n    const bubble = document.getElementById('chat-fab-bubble');\n    const closeBtn=document.getElementById('chat-close-btn');\n    const msgs   = document.getElementById('chat-msgs');\n    const input  = document.getElementById('chat-input');\n    const send   = document.getElementById('chat-send');\n    const typer  = document.getElementById('typing-ind');\n    const notif  = fabBtn.querySelector('.badge-notif');\n\n    \/\/ Mensaje inicial del JSON\n    addMsg(cfg.saludo_inicial, 'bot');\n\n    function togglePanel(){\n        const open = panel.classList.toggle('open');\n        fabIcon.textContent = open ? 'close' : 'forum';\n        fabBtn.setAttribute('aria-expanded', open);\n        bubble.classList.add('hidden');\n        if(notif) notif.style.display = 'none';\n        if(open) input.focus();\n    }\n    fabBtn.addEventListener('click', togglePanel);\n    closeBtn.addEventListener('click', togglePanel);\n    document.addEventListener('keydown', e => { if(e.key==='Escape' && panel.classList.contains('open')) togglePanel(); });\n\n    \/\/ Ocultar burbuja al hacer clic en ella\n    bubble.addEventListener('click', togglePanel);\n\n    function norm(s){ return s.toLowerCase().normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').replace(\/[^a-z0-9\\s]\/g,''); }\n    function getResp(text){\n        const n = norm(text);\n        for(const r of cfg.respuestas){ if(r.palabras.some(p => n.includes(norm(p)))) return r.respuesta; }\n        return cfg.respuesta_default;\n    }\n    function addMsg(text, who){\n        const div = document.createElement('div');\n        div.className = 'msg ' + who;\n        div.innerHTML = who==='bot'\n            ? `<div class=\"msg-ico\">&#x1f393;<\/div><div class=\"msg-bubble\">${text}<\/div>`\n            : `<div class=\"msg-bubble\">${text}<\/div>`;\n        msgs.appendChild(div);\n        msgs.scrollTop = msgs.scrollHeight;\n    }\n    function sendMsg(text){\n        if(!text.trim()) return;\n        addMsg(text, 'user');\n        input.value = '';\n        msgs.appendChild(typer);\n        typer.classList.add('show');\n        msgs.scrollTop = msgs.scrollHeight;\n        setTimeout(() => {\n            typer.classList.remove('show');\n            addMsg(getResp(text), 'bot');\n        }, 800 + Math.random()*400);\n    }\n    send.addEventListener('click', () => sendMsg(input.value));\n    input.addEventListener('keydown', e => { if(e.key==='Enter') sendMsg(input.value); });\n    document.querySelectorAll('.chat-sug').forEach(b => b.addEventListener('click', () => sendMsg(b.dataset.msg)));\n\n    \/\/ Abrir al hacer click en \"Consult\u00e1\" de accesos r\u00e1pidos\n    document.querySelectorAll('[data-open-chat]').forEach(el => el.addEventListener('click', () => { if(!panel.classList.contains('open')) togglePanel(); }));\n})();\n\n})();\n<\/script>\n\n\n\n<!-- BLOQUE REUTILIZABLE 3: FOOTER PRINCIPAL -->\n<!-- Este bloque se inserta al final de la p\u00c3\u00a1gina -->\n<!-- NOTA: Este bloque asume que Material Symbols y las Google Fonts ya fueron cargadas por el Bloque 1 (Men\u00c3\u00ba) -->\n<!-- Si se usa de forma aislada, es necesario cargar las librer\u00c3\u00adas de fuentes e \u00c3\u00adconos. -->\n\n<style>\n    \/* ==== ESTILOS DEL FOOTER ==== *\/\n    .custom-footer {\n        \/* Color de Marca: Azul Principal *\/\n        background-color: var(--color-primario);\n        \/* Texto Base: Gris Muy Claro *\/\n        color: var(--color-fondo-claro);\n        padding: 4rem 1rem 2rem 1rem;\n        \/* Fuente Base: Open Sans *\/\n        font-family: 'Open Sans', sans-serif;\n    }\n    .footer-container {\n        max-width: 1200px;\n        margin: auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n        gap: 2.5rem;\n    }\n    .footer-col .logo-footer {\n        height: 60px;\n        margin-bottom: 1.5rem;\n    }\n    .footer-col p {\n        font-size: 0.9rem;\n        line-height: 1.6;\n        margin: 0 0 1rem 0;\n    }\n    .footer-col h3 {\n        \/* Fuente de T\u00c3\u00adtulos: Montserrat *\/\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        color: var(--color-blanco);\n        font-size: 1.1rem;\n        margin: 0 0 1.5rem 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .footer-col ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .footer-col a {\n        \/* Texto Base: Gris Muy Claro *\/\n        color: var(--color-fondo-claro);\n        text-decoration: none;\n        font-size: 0.95rem;\n        transition: color 0.3s ease;\n    }\n    \n    .footer-col a:hover {\n        \/* Interacci\u00ef\u00bf\u00bdn: Cian *\/\n        color: var(--color-cian);\n    }\n    \n    .footer-col .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    .footer-col .external-link-icon {\n        font-size: 0.85em;\n        opacity: 0.9;\n    }\n    .footer-col .icon-text {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        font-size: 0.95rem;\n        margin-bottom: 0.75rem;\n    }\n    .footer-col .icon-text .material-symbols-outlined {\n        margin-top: 4px;\n        font-size: 1rem;\n        width: 20px; \/* Ancho fijo para alineaci\u00c3\u00b3n *\/\n        text-align: center;\n    }\n    .social-links {\n        display: flex;\n        gap: 1rem;\n        margin-top: 1.5rem;\n    }\n    .social-links a {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        border: 2px solid var(--color-fondo-claro);\n        color: var(--color-fondo-claro);\n        font-size: 1.1rem;\n        transition: background-color 0.3s, color 0.3s;\n    }\n    .social-links a svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n        display: block;\n    }\n    .social-links a:hover {\n        background-color: var(--color-fondo-claro);\n        \/* Al invertir, el \u00c3\u00adcono toma el color del Azul Principal *\/\n        color: var(--color-primario);\n    }\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 3rem auto 0 auto;\n        padding-top: 2rem;\n        \/* Borde: Azul Intermedio *\/\n        border-top: 1px solid var(--color-azul-intermedio);\n        text-align: center;\n    }\n    .footer-bottom p {\n        font-size: 0.85rem;\n        color: var(--color-azul-claro); \/* Azul Muy Claro *\/\n        margin: 0;\n    }\n<\/style>\n\n<footer class=\"custom-footer\">\n    <div class=\"footer-container\">\n        <!-- Columna 1: Contacto -->\n        <div class=\"footer-col\">\n            <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00c2\u00b07 Blanco\" class=\"logo-footer\">\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">location_on<\/span>\n                <span>Sarmiento 268, San Salvador de Jujuy<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">call<\/span>\n                <span>(0388) 4224514<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">mail<\/span>\n                <a href=\"mailto:campus@populorumjujuy.ar\">campus@populorumjujuy.ar<\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Columna 2: Institucional -->\n        <div class=\"footer-col\">\n            <h3>Institucional<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta&ntilde;a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#8599;<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 3: Estudiantes -->\n        <div class=\"footer-col\">\n            <h3>Estudiantes<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretaria Acad\u00e9mica<\/a><\/li>\n                <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n <span class=\"external-link-icon\" aria-hidden=\"true\">&#8599;<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 4: Redes Sociales -->\n        <div class=\"footer-col\">\n            <h3>Seguinos<\/h3>\n            <p>Conectate con nuestra comunidad.<\/p>\n            <div class=\"social-links\">\n                <a href=\"https:\/\/www.facebook.com\/infopopu\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.78-3.88 1.1 0 2.24.2 2.24.2v2.46H15.2c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.9h-2.34v6.99A10 10 0 0 0 22 12z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/popu.jujuy\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5zM12 7.6a4.4 4.4 0 1 1 0 8.8 4.4 4.4 0 0 1 0-8.8zm0 1.8a2.6 2.6 0 1 0 0 5.2 2.6 2.6 0 0 0 0-5.2zm4.75-2.5a1.05 1.05 0 1 1 0 2.1 1.05 1.05 0 0 1 0-2.1z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.whatsapp.com\/channel\/0029VaoIWj2Fy72ILDVbqs1I\" target=\"_blank\" aria-label=\"Canal de WhatsApp\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20.52 3.48A11.88 11.88 0 0 0 12.06 0C5.5 0 .15 5.35.15 11.91c0 2.1.55 4.15 1.6 5.97L0 24l6.3-1.65a11.85 11.85 0 0 0 5.76 1.47h.01c6.56 0 11.91-5.35 11.91-11.91 0-3.18-1.24-6.16-3.46-8.43zm-8.46 18.3h-.01a9.9 9.9 0 0 1-5.05-1.38l-.36-.21-3.73.98 1-3.64-.23-.37a9.88 9.88 0 0 1-1.52-5.25C2.16 6.43 6.58 2 12.06 2c2.64 0 5.12 1.03 6.98 2.89a9.8 9.8 0 0 1 2.9 6.98c0 5.48-4.43 9.91-9.88 9.91zm5.43-7.43c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.28-.47-2.43-1.5-.9-.8-1.5-1.8-1.67-2.1-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.5 0 1.47 1.08 2.9 1.23 3.1.15.2 2.1 3.2 5.08 4.49.71.3 1.27.48 1.7.62.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2-1.42.25-.7.25-1.3.17-1.42-.08-.12-.27-.2-.57-.35z\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"footer-bottom\">\n        <p>&copy; 2025 &#8211; Instituto de Educaci\u00f3n Superior N\u00ba 7 \u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/p>\n    <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>school Instituto de Educaci\u00f3n Superior N\u00b07 Ingreso 2026 Tu formaci\u00f3n docente comienza aqu\u00ed. Todo lo que necesit\u00e1s para inscribirte, prepararte y empezar. 0 Carreras 0 Sedes 0 A\u00f1os formando app_registration Inscripci\u00f3n menu_book Cartillas calendar_view_week Cronograma event Fechas format_list_bulleted Ingresantes forum Consult\u00e1 Paso a Paso Inscripci\u00f3n al Curso de Ingreso El proceso es digital. Segu\u00ed los &#8230; <a title=\"INGRESO 2026\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingreso2026\/\" aria-label=\"More on INGRESO 2026\">[+]<\/a><\/p>\n","protected":false},"author":3026,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11585"}],"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=11585"}],"version-history":[{"count":35,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11585\/revisions"}],"predecessor-version":[{"id":12463,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/11585\/revisions\/12463"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=11585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}