{"id":286,"date":"2024-05-09T12:49:36","date_gmt":"2024-05-09T15:49:36","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=286"},"modified":"2026-08-20T09:35:24","modified_gmt":"2026-08-20T12:35:24","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/","title":{"rendered":"Home Instituto"},"content":{"rendered":"\n<!-- REUSABLE BLOCK: INSTITUTIONAL MENU IES N\u00b07 (FULL RESPONSIVE + FULL CONTENT) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&#038;family=Open+Sans:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n\n<style>\n    :root {\n        \/* PALETA ADAPTADA: Azul Marino, Cian y Dorado *\/\n        --color-primario-oscuro: #0f172a;\n        --color-primario-rgb: 20, 53, 96;\n        --color-acento: #06b6d4; \/* Cian para l\u00edneas y hover de enlaces *\/\n        --color-acento-hover: ##e9c46a;\n        --color-destacado: #06b6d4; \/* Cian para los \u00edconos de la topbar *\/\n        --color-texto-secundario: #94a3b8;\n        --color-blanco: #ffffff;\n        --color-verde-badge: #10b981;\n        --color-rojo-badge: #ef4444;\n\n        \/* Nuevas variables para el Bot\u00f3n CTA (Dorado) *\/\n        --gradiente-cta: linear-gradient(135deg, #e9c46a 0%, #d97706 100%);\n        --sombra-cta: 0 4px 14px rgba(245, 158, 11, 0.35);\n        --sombra-cta-hover: 0 6px 18px rgba(245, 158, 11, 0.5);\n\n        --alto-topbar: 36px;\n        --alto-menu: 68px;\n        --alto-total: calc(var(--alto-topbar) + var(--alto-menu));\n    }\n\n    body {\n        padding-top: var(--alto-total) !important;\n    }\n\n    \/* Soporte WordPress Admin Bar *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar { padding-top: calc(var(--alto-total) + 32px) !important; }\n        body.admin-bar #ies7-container-menu { top: 32px; }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar { padding-top: calc(var(--alto-total) + 46px) !important; }\n        body.admin-bar #ies7-container-menu { top: 46px; }\n    }\n\n    \/* Contenedor Principal *\/\n    #ies7-container-menu {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1000;\n        font-family: 'Open Sans', sans-serif;\n    }\n\n    #ies7-container-menu a {\n        text-decoration: none;\n        color: var(--color-blanco) !important;\n        transition: all 0.2s ease;\n    }\n\n    #ies7-container-menu a:focus-visible,\n    #ies7-container-menu button:focus-visible {\n        outline: 2px solid var(--color-acento) !important;\n        outline-offset: 2px;\n    }\n\n    \/* 1. TOP BAR *\/\n    #ies7-container-menu .top-bar {\n        background-color: var(--color-primario-oscuro);\n        height: var(--alto-topbar);\n        font-size: 0.8rem;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n        display: flex;\n        align-items: center;\n    }\n    #ies7-container-menu .top-bar-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        width: 100%;\n        padding: 0 1.25rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    #ies7-container-menu .top-bar-info {\n        display: flex;\n        align-items: center;\n        gap: 1.25rem;\n        color: rgba(255, 255, 255, 0.85);\n    }\n    #ies7-container-menu .top-bar-item {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    #ies7-container-menu .top-bar-item .material-symbols-outlined {\n        font-size: 0.95rem;\n        color: var(--color-destacado);\n    }\n\n    \/* 2. NAVBAR PRINCIPAL *\/\n    #ies7-container-menu .custom-nav {\n        background-color: rgba(var(--color-primario-rgb), 0.92);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);\n        transition: background-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    #ies7-container-menu .custom-nav.scrolled {\n        background-color: rgba(var(--color-primario-rgb), 0.98);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n    }\n    #ies7-container-menu .nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1400px;\n        margin: auto;\n        height: var(--alto-menu);\n        padding: 0 1.25rem;\n        gap: 0.5rem;\n    }\n\n    \/* LOGO Y MARCA *\/\n    #ies7-container-menu .nav-logo {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        flex-shrink: 0;\n        text-decoration: none !important;\n    }\n\n    #ies7-container-menu .nav-logo img {\n        height: 42px;\n        width: auto;\n        filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.35));\n        transition: transform 0.25s ease, filter 0.25s ease;\n    }\n\n    #ies7-container-menu .nav-logo:hover img {\n        transform: scale(1.04);\n        filter: drop-shadow(0 4px 12px rgba(217, 119, 6, 0.4));\n    }\n\n    #ies7-container-menu .logo-text-container {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        line-height: 1.15;\n        border-left: 1px solid rgba(255, 255, 255, 0.2);\n        padding-left: 0.75rem;\n    }\n\n    #ies7-container-menu .logo-main-text {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 0.88rem;\n        color: #ffffff;\n        letter-spacing: 0.2px;\n    }\n\n    #ies7-container-menu .logo-main-text .highlight-num {\n        color: var(--color-acento);\n    }\n\n    #ies7-container-menu .logo-sub-text {\n        font-size: 0.72rem;\n        font-style: italic;\n        color: var(--color-texto-secundario);\n        letter-spacing: 0.3px;\n        margin-top: 2px;\n    }\n\n    #ies7-container-menu .brand-full-name { display: none; }\n    #ies7-container-menu .brand-short-name { display: inline; }\n\n    @media (min-width: 1024px) {\n        #ies7-container-menu .nav-logo img { height: 48px; }\n        #ies7-container-menu .logo-main-text { font-size: 0.92rem; }\n        #ies7-container-menu .brand-full-name { display: inline; }\n        #ies7-container-menu .brand-short-name { display: none; }\n    }\n\n    @media (max-width: 1023px) {\n        #ies7-container-menu .logo-sub-text { display: none; }\n    }\n\n    \/* MEN\u00da ESCRITORIO *\/\n    #ies7-container-menu .nav-menu {\n        display: none;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        align-items: center;\n        gap: 0.15rem;\n    }\n    #ies7-container-menu .nav-menu > li {\n        position: relative;\n        padding: 0.5rem 0; \n    }\n\n    #ies7-container-menu .nav-menu > li > a {\n        position: relative;\n        display: flex;\n        align-items: center;\n        gap: 0.15rem;\n        padding: 0.6rem 0.65rem;\n        font-size: 0.85rem;\n        font-weight: 600;\n        border-radius: 6px;\n        cursor: pointer;\n    }\n\n    #ies7-container-menu .nav-menu > li > a::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        width: 0;\n        height: 3px;\n        background-color: var(--color-acento);\n        transition: width 0.25s ease, left 0.25s ease;\n        border-radius: 3px 3px 0 0;\n    }\n\n    #ies7-container-menu .nav-menu > li:hover > a,\n    #ies7-container-menu .nav-menu > li.active > a {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: #ffffff !important;\n    }\n\n    #ies7-container-menu .nav-menu > li:hover > a::after,\n    #ies7-container-menu .nav-menu > li.active > a::after {\n        width: 80%;\n        left: 10%;\n    }\n\n    #ies7-container-menu .nav-menu .menu-icon-arrow {\n        font-size: 1.1rem;\n        transition: transform 0.2s ease;\n        opacity: 0.7;\n    }\n    #ies7-container-menu .nav-menu > li:hover > a .menu-icon-arrow {\n        transform: rotate(180deg);\n        opacity: 1;\n        color: var(--color-acento);\n    }\n\n    \/* DROPDOWNS MEJORADOS (SIN BRECHA INVISIBLE) *\/\n    #ies7-container-menu .dropdown {\n        display: block;\n        opacity: 0;\n        visibility: hidden;\n        position: absolute;\n        top: 100%; \n        left: 0;\n        background: rgba(15, 23, 42, 0.97);\n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-radius: 10px;\n        list-style: none;\n        padding: 0.5rem;\n        margin: 0;\n        min-width: 250px;\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);\n        transform: translateY(8px);\n        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;\n        pointer-events: none;\n    }\n\n    \/* Puente invisible para mantener el hover aunque el usuario mueva r\u00e1pido el rat\u00f3n *\/\n    #ies7-container-menu .dropdown::before {\n        content: '';\n        position: absolute;\n        top: -15px;\n        left: 0;\n        right: 0;\n        height: 15px;\n        background: transparent;\n    }\n\n    #ies7-container-menu .dropdown .dropdown {\n        top: 0;\n        left: calc(100% - 4px);\n    }\n\n    \/* CORRECCI\u00d3N: \u00daltimos dos elementos abren hacia la izquierda *\/\n    #ies7-container-menu .nav-menu > li:nth-last-child(-n+2) > .dropdown {\n        left: auto;\n        right: 0;\n    }\n    #ies7-container-menu .nav-menu > li:nth-last-child(-n+2) .dropdown .dropdown {\n        left: auto;\n        right: calc(100% - 4px);\n    }\n\n    #ies7-container-menu .nav-menu > li:hover > .dropdown,\n    #ies7-container-menu .dropdown > li:hover > .dropdown,\n    #ies7-container-menu .nav-menu > li:focus-within > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n        pointer-events: auto;\n    }\n\n    #ies7-container-menu .dropdown a {\n        padding: 0.65rem 0.9rem;\n        font-size: 0.86rem;\n        font-weight: 500;\n        white-space: nowrap;\n        border-radius: 6px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n    }\n    \n    #ies7-container-menu .dropdown a:hover {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: var(--color-acento) !important;\n        padding-left: 1.15rem;\n    }\n\n    \/* BADGES *\/\n    #ies7-container-menu .badge {\n        font-size: 0.65rem;\n        font-weight: 700;\n        padding: 2px 6px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-left: 8px;\n    }\n    #ies7-container-menu .badge-nuevo {\n        background-color: var(--color-verde-badge);\n        color: white;\n    }\n    #ies7-container-menu .badge-imp {\n        background-color: var(--color-rojo-badge);\n        color: white;\n    }\n\n    \/* BOT\u00d3N CTA ADAPTADO (Dorado Vibrante) *\/\n    #ies7-container-menu .btn-cta {\n        background: var(--gradiente-cta);\n        color: #ffffff !important;\n        font-weight: 700;\n        font-size: 0.85rem;\n        padding: 0.55rem 1.1rem;\n        border-radius: 50px;\n        display: inline-flex;\n        align-items: center;\n        gap: 0.4rem;\n        box-shadow: var(--sombra-cta);\n        border: none; \n        cursor: pointer;\n        white-space: nowrap;\n        transition: all 0.3s ease;\n    }\n    #ies7-container-menu .btn-cta:hover {\n        background: var(--gradiente-cta); \n        color: #ffffff !important;\n        transform: translateY(-2px) scale(1.02);\n        box-shadow: var(--sombra-cta-hover);\n    }\n\n    \/* PANEL M\u00d3VIL - CORREGIDO *\/\n    #ies7-container-menu .mobile-menu-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.1);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 8px;\n        color: white;\n        padding: 0.5rem;\n        cursor: pointer;\n    }\n    #ies7-container-menu .mobile-nav-panel {\n        display: none;\n        background-color: rgba(var(--color-primario-rgb), 0.98);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        padding: 1.25rem 1rem 6rem 1rem; \/* Margen inferior ampliado para hacer scroll c\u00f3modo *\/\n        position: fixed;\n        top: var(--alto-total);\n        left: 0;\n        right: 0;\n        height: calc(100vh - var(--alto-total)); \/* Forzamos a que ocupe todo el alto disponible *\/\n        overflow-y: auto;\n    }\n    #ies7-container-menu .mobile-nav-panel.open { display: block; }\n    #ies7-container-menu .mobile-nav-panel ul { list-style: none; padding: 0; margin: 0; }\n    #ies7-container-menu .mobile-nav-panel > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\n    #ies7-container-menu .mobile-nav-panel a {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.85rem 0.5rem;\n        font-weight: 600;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown {\n        display: none;\n        position: static;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        background: rgba(0, 0, 0, 0.2);\n        box-shadow: none;\n        border: none;\n        border-radius: 8px;\n        padding: 0.25rem 0.5rem;\n        margin: 0.25rem 0 0.75rem 0.5rem;\n        pointer-events: auto !important;\n    }\n    #ies7-container-menu .mobile-nav-panel .has-submenu.expanded > .dropdown { display: block; }\n    #ies7-container-menu .mobile-nav-panel .has-submenu.expanded > a .menu-icon-arrow { transform: rotate(180deg); }\n\n    @media (min-width: 1100px) {\n        #ies7-container-menu .mobile-menu-button { display: none; }\n        #ies7-container-menu .nav-menu { display: flex; }\n    }\n    @media (max-width: 1099px) {\n        #ies7-container-menu .top-bar-info { display: none; } \/* Ocultar topbar info en tablets para dar espacio *\/\n    }\n    @media (max-width: 640px) {\n        #ies7-container-menu .top-bar-info .hide-mobile { display: none; }\n    }\n    @media (max-width: 480px) {\n        #ies7-container-menu .btn-cta-text { display: none; }\n        #ies7-container-menu .btn-cta { padding: 0.55rem; border-radius: 50%; }\n    }\n<\/style>\n\n<div id=\"ies7-container-menu\">\n    <!-- TOP BAR -->\n    <div class=\"top-bar\">\n        <div class=\"top-bar-container\">\n            <div class=\"top-bar-info\">\n                <span class=\"top-bar-item\">\n                    <span class=\"material-symbols-outlined\">call<\/span>\n                    (0388) 422-4514\n                <\/span>\n                <span class=\"top-bar-item hide-mobile\">\n                    <span class=\"material-symbols-outlined\">mail<\/span>\n                    comunicaciones@populorumjujuy.ar\n                <\/span>\n            <\/div>\n            <div>\n                <span style=\"color: var(--color-acento); font-weight: 600;\">Ciclo Lectivo 2026<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MAIN NAVBAR -->\n    <nav class=\"custom-nav\" id=\"main-navbar-ies7\">\n        <div class=\"nav-container\">\n            <!-- BRANDING LOGO -->\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\" class=\"nav-logo\" aria-label=\"Inicio IES N\u00b07\">\n                <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00b07\">\n                <div class=\"logo-text-container\">\n                    <span class=\"logo-main-text\">\n                        <span class=\"brand-full-name\">Instituto de Educaci\u00f3n Superior<\/span>\n                        <span class=\"brand-short-name\">IES<\/span>\n                        <span class=\"highlight-num\">N\u00ba 7<\/span>\n                    <\/span>\n                    <span class=\"logo-sub-text\">\u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/span>\n                <\/div>\n            <\/a>\n\n            <!-- DESKTOP NAVIGATION MENU (CONTENIDO COMPLETO) -->\n            <ul class=\"nav-menu\">\n                <li class=\"active\"><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\">Inicio<\/a><\/li>\n                \n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Institucional <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/nuestra-identidad\/\">Ideario Institucional<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Sedes <span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-san-pedro\/\">Sede San Pedro<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-perico\/\">Sede Perico<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/sede-libertador-gral-san-martin\/\">Sede Libertador<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Departamentos <span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-investigacion\/\">Investigaci\u00f3n<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-inicial\/\">Formaci\u00f3n Inicial<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-continua-y-desarrollo-profesional\/\">Formaci\u00f3n Continua<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral Educativa<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/saad\/\">D.A.T.E<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Carreras <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Profesorados<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Tecnicaturas<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Post\u00edtulos y Capacitaciones<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Estudiantes <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Ingresantes 2027 <span class=\"badge badge-nuevo\">Nuevo<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\">Mesa de Ex\u00e1menes <span class=\"badge badge-imp\">Fechas<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretar\u00eda Acad\u00e9mica<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/becas\/\">Becas Acad\u00e9micas<\/a><\/li>\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\">Autogesti\u00f3n Estudiantes &#x2197;<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Docentes <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/docentes.index.aspx\" target=\"_blank\" rel=\"noopener\">Autogesti\u00f3n Docentes &#x2197;<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Normativas y Formularios<\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Egresados <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/sites.google.com\/populorumjujuy.ar\/ies-7-consulta-de-titulos\/inicio\">Seguimiento de T\u00edtulo <span class=\"badge badge-nuevo\">Tr\u00e1mite<\/span><\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Acto de Colaci\u00f3n <span class=\"badge badge-imp\">Pr\u00f3ximamente<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n\n                <li>\n                    <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Acad\u00e9mico <span class=\"material-symbols-outlined menu-icon-arrow\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Noticias Institucionales<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Biblioteca Mons. Miguel Vergara<span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Ir a Biblioteca<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/formulario-de-asociacion\/\">Formulario de asociaci\u00f3n<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/formulario-para-solicitar-planificaciones-programas\/\">Solicitar programas de materias<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\" aria-haspopup=\"true\" aria-expanded=\"false\">Publicaciones <span class=\"material-symbols-outlined menu-icon-arrow\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/publicaciones-2024\/\">Ver Publicaciones<\/a><\/li>\n                                <li><a href=\"javascript:void(0)\">Revistas Institucionales<\/a><\/li>\n                                <li><a href=\"javascript:void(0)\">Repositorio<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/xiv-jornadas-cientificas\/\">Jornadas Cient\u00edficas<\/a><\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <!-- CTA BUTTON & MOBILE TOGGLE -->\n            <div style=\"display: flex; align-items: center; gap: 0.5rem;\">\n                <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"btn-cta\" title=\"Campus Virtual\">\n                    <span class=\"material-symbols-outlined\" style=\"font-size: 1.1rem;\">school<\/span>\n                    <span class=\"btn-cta-text\">Campus Virtual<\/span>\n                <\/a>\n\n                <button class=\"mobile-menu-button\" id=\"mobile-menu-toggle-ies7\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\" style=\"width:24px; height:24px;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- MOBILE NAV PANEL -->\n        <div class=\"mobile-nav-panel\" id=\"mobile-nav-ies7\"><\/div>\n    <\/nav>\n<\/div>\n\n<script>\n    (function() {\n        if (window.ies7MenuScriptLoaded) return;\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const menuContainer = document.querySelector('#ies7-container-menu');\n            if (!menuContainer) return;\n\n            const navbar = menuContainer.querySelector('#main-navbar-ies7');\n            const menu = menuContainer.querySelector('.nav-menu');\n            const mobileNavPanel = menuContainer.querySelector('#mobile-nav-ies7');\n            const toggleButton = menuContainer.querySelector('#mobile-menu-toggle-ies7');\n            const body = document.body;\n\n            \/\/ Clone structure for Mobile Menu\n            mobileNavPanel.innerHTML = '<ul>' + menu.innerHTML + '<\/ul>';\n\n            const mobileItems = mobileNavPanel.querySelectorAll('li');\n            mobileItems.forEach(li => {\n                const subMenu = Array.from(li.children).find(child => child.classList.contains('dropdown'));\n                const link = Array.from(li.children).find(child => child.tagName === 'A');\n                \n                if (subMenu && link) {\n                    li.classList.add('has-submenu');\n                    const icon = link.querySelector('.menu-icon-arrow');\n                    if (icon) icon.textContent = 'expand_more';\n\n                    link.addEventListener('click', function(e) {\n                        if (link.getAttribute('href') === 'javascript:void(0)' || window.innerWidth < 1100) {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            li.classList.toggle('expanded');\n                        }\n                    });\n                } else if (link) {\n                    \/\/ Cierra el men\u00fa al hacer clic en un enlace final\n                    link.addEventListener('click', function() {\n                        mobileNavPanel.classList.remove('open');\n                        toggleButton.innerHTML = openIcon;\n                        toggleButton.setAttribute('aria-expanded', 'false');\n                        body.style.overflow = '';\n                    });\n                }\n            });\n\n            \/\/ Mobile Toggle Icons\n            const closeIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\" style=\"width:24px; height:24px;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>';\n            const openIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\" style=\"width:24px; height:24px;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>';\n\n            toggleButton.addEventListener('click', function() {\n                const isOpen = mobileNavPanel.classList.toggle('open');\n                toggleButton.innerHTML = isOpen ? closeIcon : openIcon;\n                toggleButton.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n                \n                \/\/ Bloquear el scroll del fondo cuando el men\u00fa m\u00f3vil est\u00e1 abierto\n                if (isOpen) {\n                    body.style.overflow = 'hidden';\n                } else {\n                    body.style.overflow = '';\n                }\n            });\n\n            \/\/ Scroll Effect\n            window.addEventListener('scroll', function() {\n                if (window.scrollY > 30) {\n                    navbar.classList.add('scrolled');\n                } else {\n                    navbar.classList.remove('scrolled');\n                }\n            });\n        });\n\n        window.ies7MenuScriptLoaded = true;\n    })();\n<\/script>\n\n\n\n<!-- Carga de \u00cdconos de Google y Fuentes Tipogr\u00e1ficas -->\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&#038;family=Open+Sans:wght@400;600;700&#038;display=swap\" \/>\n\n<style>\n    \/* ==========================================================================\n       VARIABLES Y ESTILOS GLOBALES\n       ========================================================================== *\/\n    #ies7-vibrant-container {\n        --c-blue-electric: #2563eb;\n        --c-blue-dark: #1e3a8a;\n        --c-cyan: #06b6d4;\n        --c-cyan-light: #67e8f9;\n        --c-gold: #f59e0b;\n        --c-gold-bright: #fbbf24;\n        --c-dark-navy: #0f172a;\n        \n        --bg-light: #f8fafc;\n        --bg-card: #ffffff;\n        --text-main: #0f172a;\n        --text-muted: #475569;\n        --border-light: rgba(226, 232, 240, 0.8);\n\n        --grad-primary: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #06b6d4 100%);\n        --grad-accent: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);\n        --grad-gold: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n        --grad-card-hover: linear-gradient(180deg, rgba(6, 182, 212, 0.05) 0%, rgba(37, 99, 235, 0.02) 100%);\n\n        --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.05);\n        --shadow-glow-blue: 0 10px 30px -5px rgba(37, 99, 235, 0.3);\n        --shadow-glow-cyan: 0 10px 30px -5px rgba(6, 182, 212, 0.35);\n        --shadow-glow-gold: 0 10px 25px -5px rgba(245, 158, 11, 0.4);\n        --shadow-hover: 0 20px 40px -10px rgba(30, 41, 59, 0.15);\n\n        --radius-xl: 1.5rem;\n        --radius-lg: 1rem;\n        --radius-md: 0.75rem;\n\n        --transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n        --transition-smooth: all 0.25s ease;\n    }\n\n    #ies7-vibrant-container * { box-sizing: border-box; }\n\n    \/* Forzar visibilidad en el maquetador de WordPress *\/\n    #ies7-vibrant-container .reveal {\n        opacity: 1 !important;\n        transform: translateY(0) !important;\n    }\n\n    \/* Encabezados y Badges *\/\n    .ies7-badge-vibrant {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.45rem 1.3rem;\n        background: linear-gradient(90deg, rgba(37, 99, 235, 0.12), rgba(6, 182, 212, 0.12));\n        border: 1px solid rgba(6, 182, 212, 0.3);\n        color: var(--c-blue-electric);\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        border-radius: 50px;\n        margin-bottom: 1rem;\n    }\n\n    .ies7-header-block {\n        text-align: center;\n        max-width: 780px;\n        margin: 0 auto 3rem auto;\n    }\n\n    .ies7-title-vibrant {\n        font-family: 'Montserrat', sans-serif;\n        font-size: clamp(1.8rem, 3.2vw, 2.4rem);\n        font-weight: 900;\n        color: var(--c-dark-navy);\n        margin: 0 0 0.8rem 0;\n        line-height: 1.15;\n    }\n\n    .ies7-title-vibrant span {\n        background: var(--grad-accent);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .ies7-subtitle-vibrant {\n        font-family: 'Open Sans', sans-serif;\n        color: var(--text-muted);\n        font-size: 1.02rem;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    \/* Botones *\/\n    .btn-vibrant-gold {\n        background: var(--grad-gold);\n        color: white !important;\n        padding: 0.95rem 2.2rem;\n        border-radius: 50px;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 0.9rem;\n        text-decoration: none !important;\n        box-shadow: var(--shadow-glow-gold);\n        transition: var(--transition-bounce);\n        display: inline-flex; align-items: center; gap: 0.6rem;\n    }\n    .btn-vibrant-gold:hover {\n        transform: translateY(-4px) scale(1.03);\n        box-shadow: 0 15px 35px rgba(245, 158, 11, 0.6);\n    }\n\n    .btn-vibrant-outline {\n        background: rgba(255, 255, 255, 0.12);\n        border: 2px solid rgba(255, 255, 255, 0.4);\n        color: white !important;\n        padding: 0.9rem 2.2rem;\n        border-radius: 50px;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 0.9rem;\n        text-decoration: none !important;\n        transition: var(--transition-bounce);\n        backdrop-filter: blur(10px);\n    }\n    .btn-vibrant-outline:hover {\n        background: white;\n        color: var(--c-blue-electric) !important;\n        transform: translateY(-4px);\n    }\n\n    \/* ==========================================================================\n       1. HERO SLIDER\n       ========================================================================== *\/\n    #ies7-vibrant-container .hero-slider {\n        position: relative;\n        width: 100%;\n        overflow: hidden;\n        background: var(--c-dark-navy);\n        border-bottom: 4px solid var(--c-cyan);\n    }\n    #ies7-vibrant-container .slider-track {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #ies7-vibrant-container .hero-slide {\n        min-width: 100%;\n        display: grid;\n        grid-template-columns: 1fr;\n        height: 520px;\n        position: relative;\n    }\n    .hero-slide-content {\n        background: var(--grad-primary);\n        color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding: 3.5rem 4rem;\n        z-index: 2;\n        position: relative;\n    }\n    .hero-slide-content h2 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: clamp(2.2rem, 3.8vw, 3.2rem);\n        font-weight: 900;\n        margin: 0.6rem 0 1.2rem 0;\n        line-height: 1.1;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    }\n    .hero-slide-content p {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 1.1rem;\n        color: rgba(255, 255, 255, 0.95);\n        margin: 0 0 2rem 0;\n        max-width: 560px;\n        line-height: 1.6;\n    }\n    .hero-slide-img {\n        display: none;\n        background-size: cover;\n        background-position: center;\n        position: relative;\n    }\n    .hero-slide-img::after {\n        content: '';\n        position: absolute; inset: 0;\n        background: linear-gradient(90deg, #1e3a8a 0%, rgba(30, 58, 138, 0.4) 50%, transparent 100%);\n    }\n\n    .slider-progress {\n        position: absolute; bottom: 0; left: 0; height: 5px;\n        background: var(--c-cyan-light); width: 0%; z-index: 10;\n        box-shadow: 0 0 10px var(--c-cyan-light);\n    }\n    .slider-dots-bar {\n        position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%);\n        display: flex; gap: 12px; z-index: 10;\n    }\n    .slider-dot {\n        width: 12px; height: 12px; border-radius: 20px;\n        background: rgba(255, 255, 255, 0.35); cursor: pointer; transition: var(--transition-smooth);\n    }\n    .slider-dot.active { background: var(--c-cyan-light); width: 36px; box-shadow: 0 0 8px var(--c-cyan-light); }\n\n    @media (min-width: 900px) {\n        #ies7-vibrant-container .hero-slide { grid-template-columns: 55% 45%; }\n        .hero-slide-img { display: block; }\n        .slider-dots-bar { left: 27.5%; }\n    }\n    @media (max-width: 899px) {\n        .hero-slide-content { padding: 3rem 1.5rem; text-align: center; align-items: center; }\n    }\n\n    \/* ==========================================================================\n       2. PORTAL ESTUDIANTIL CON ANIMACI\u00d3N FLOTANTE DE FONDO\n       ========================================================================== *\/\n    .quick-vibrant-section {\n        padding: 5.5rem 1.5rem;\n        position: relative;\n        overflow: hidden;\n        background: #f8fafc;\n    }\n\n    \/* Elementos flotantes de fondo *\/\n    .bg-animated-circle {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(50px);\n        opacity: 0.4;\n        pointer-events: none;\n        animation: floatAnim 10s infinite ease-in-out alternate;\n    }\n    .circle-1 {\n        width: 300px; height: 300px;\n        background: rgba(6, 182, 212, 0.25);\n        top: -50px; left: -50px;\n    }\n    .circle-2 {\n        width: 350px; height: 350px;\n        background: rgba(37, 99, 235, 0.2);\n        bottom: -80px; right: -50px;\n        animation-delay: -5s;\n    }\n\n    @keyframes floatAnim {\n        0% { transform: translateY(0) scale(1); }\n        100% { transform: translateY(35px) scale(1.1); }\n    }\n\n    .quick-vibrant-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n        gap: 1.75rem;\n        max-width: 1150px;\n        margin: auto;\n        position: relative;\n        z-index: 2;\n    }\n    .quick-vibrant-card {\n        background: var(--bg-card);\n        border-radius: var(--radius-xl);\n        padding: 2.25rem 1.5rem;\n        text-align: center;\n        box-shadow: var(--shadow-subtle);\n        transition: var(--transition-bounce);\n        text-decoration: none !important;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        border: 1px solid var(--border-light);\n        position: relative;\n        overflow: hidden;\n    }\n    .quick-vibrant-card::after {\n        content: '';\n        position: absolute; bottom: 0; left: 0; right: 0; height: 4px;\n        background: var(--grad-accent);\n        opacity: 0.8;\n        transition: var(--transition-smooth);\n    }\n    .quick-vibrant-card:hover {\n        transform: translateY(-8px) scale(1.02);\n        box-shadow: var(--shadow-glow-blue);\n        border-color: rgba(37, 99, 235, 0.3);\n        background: var(--grad-card-hover);\n    }\n    .quick-vibrant-card:hover::after { opacity: 1; height: 7px; }\n\n    .icon-vibrant-circle {\n        width: 70px; height: 70px;\n        border-radius: 20px;\n        background: linear-gradient(135deg, rgba(37, 99, 235, 0.1) 0%, rgba(6, 182, 212, 0.15) 100%);\n        display: flex; align-items: center; justify-content: center;\n        margin-bottom: 1.25rem;\n        transition: var(--transition-bounce);\n    }\n    .quick-vibrant-card:hover .icon-vibrant-circle {\n        background: var(--grad-accent);\n        transform: rotate(6deg) scale(1.1);\n        box-shadow: var(--shadow-glow-cyan);\n    }\n    .quick-vibrant-card .material-symbols-outlined {\n        font-size: 2.4rem;\n        color: var(--c-blue-electric);\n        transition: var(--transition-smooth);\n    }\n    .quick-vibrant-card:hover .material-symbols-outlined { color: white; }\n\n    .quick-vibrant-card h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 900;\n        font-size: 1.1rem;\n        color: var(--c-dark-navy);\n        margin: 0 0 0.5rem 0;\n    }\n    .quick-vibrant-card p {\n        font-family: 'Open Sans', sans-serif;\n        color: var(--text-muted);\n        font-size: 0.9rem;\n        margin: 0;\n        line-height: 1.5;\n    }\n\n    \/* ==========================================================================\n       3. PROCESO DE INGRESO COMPACTO Y HORIZONTAL\n       ========================================================================== *\/\n    .steps-compact-section {\n        padding: 4.5rem 1.5rem;\n        background: white;\n    }\n    .steps-compact-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n        gap: 1.25rem;\n        max-width: 1150px;\n        margin: auto;\n    }\n    .step-compact-card {\n        background: #f8fafc;\n        border: 1px solid var(--border-light);\n        border-radius: var(--radius-lg);\n        padding: 1.5rem;\n        position: relative;\n        transition: var(--transition-bounce);\n    }\n    .step-compact-card:hover {\n        background: white;\n        transform: translateY(-5px);\n        border-color: var(--c-cyan);\n        box-shadow: var(--shadow-glow-cyan);\n    }\n    .step-number {\n        display: inline-flex;\n        align-items: center; justify-content: center;\n        width: 36px; height: 36px;\n        border-radius: 50%;\n        background: var(--grad-accent);\n        color: white;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 900;\n        font-size: 0.95rem;\n        margin-bottom: 1rem;\n        box-shadow: 0 4px 10px rgba(6, 182, 212, 0.3);\n    }\n    .step-compact-card h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.05rem;\n        font-weight: 800;\n        color: var(--c-dark-navy);\n        margin: 0 0 0.4rem 0;\n    }\n    .step-compact-card p {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 0.88rem;\n        color: var(--text-muted);\n        margin: 0;\n        line-height: 1.45;\n    }\n\n    \/* ==========================================================================\n       4. IDEARIO INSTITUCIONAL (FONDO IMAGEN + POPULORUM PROGRESSIO)\n       ========================================================================== *\/\n    .identity-flip-section {\n        padding: 5.5rem 1.5rem;\n        background: linear-gradient(rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.88)), url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/07\/20190429_091026-scaled.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        color: white;\n    }\n\n    .pope-quote-box {\n        max-width: 900px;\n        margin: 0 auto 3.5rem auto;\n        background: rgba(255, 255, 255, 0.07);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: var(--radius-xl);\n        padding: 2rem 2.5rem;\n        backdrop-filter: blur(12px);\n        display: flex;\n        align-items: center;\n        gap: 2rem;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n    }\n    .pope-avatar {\n        width: 105px;\n        height: 105px;\n        border-radius: 50%;\n        border: 3px solid var(--c-cyan-light);\n        object-fit: cover;\n        box-shadow: var(--shadow-glow-cyan);\n        flex-shrink: 0;\n    }\n    .pope-quote-text p {\n        font-family: Times, serif;\n        font-size: 1.05rem;\n        font-style: italic;\n        line-height: 1.6;\n        margin: 0 0 0.6rem 0;\n        color: rgba(255, 255, 255, 0.95);\n    }\n    .pope-quote-author {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 0.85rem;\n        color: var(--c-gold-bright);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    @media (max-width: 650px) {\n        .pope-quote-box { flex-direction: column; text-align: center; padding: 1.75rem 1.25rem; }\n    }\n\n    .flip-cards-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n        gap: 2rem;\n        max-width: 1150px;\n        margin: auto;\n    }\n    .flip-card {\n        background-color: transparent;\n        height: 270px;\n        perspective: 1000px;\n        cursor: pointer;\n    }\n    .flip-card-inner {\n        position: relative;\n        width: 100%; height: 100%;\n        text-align: center;\n        transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\n        transform-style: preserve-3d;\n        border-radius: var(--radius-xl);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    }\n    .flip-card:hover .flip-card-inner, .flip-card.flipped .flip-card-inner {\n        transform: rotateY(180deg);\n        box-shadow: var(--shadow-glow-cyan);\n    }\n    .flip-front, .flip-back {\n        position: absolute; inset: 0;\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        border-radius: var(--radius-xl);\n        padding: 1.75rem;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n    .flip-front {\n        background: rgba(15, 23, 42, 0.85);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(10px);\n    }\n    .flip-front .material-symbols-outlined {\n        font-size: 3.2rem;\n        color: var(--c-cyan-light);\n        margin-bottom: 0.8rem;\n    }\n    .flip-front h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.25rem; font-weight: 900;\n        color: white; margin: 0 0 0.5rem 0;\n    }\n    .flip-hint {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.75rem; font-weight: 800;\n        color: var(--c-gold-bright); text-transform: uppercase; letter-spacing: 1px;\n        margin-top: 0.8rem; display: flex; align-items: center; gap: 0.3rem;\n    }\n    .flip-back {\n        background: var(--c-dark-navy);\n        color: white;\n        transform: rotateY(180deg);\n        border: 2px solid var(--c-cyan);\n        text-align: left;\n        justify-content: space-between;\n    }\n    .flip-back p {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 0.92rem; line-height: 1.6;\n        color: rgba(255, 255, 255, 0.9); margin: 0;\n    }\n    .flip-back-title {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.05rem; font-weight: 800;\n        color: var(--c-cyan-light);\n    }\n\n    \/* ==========================================================================\n       5. COMUNICADOS Y NOVEDADES\n       ========================================================================== *\/\n    .news-vibrant-section {\n        padding: 5.5rem 1.5rem;\n        background: #f8fafc;\n    }\n    .news-vibrant-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));\n        gap: 2rem;\n        max-width: 1150px;\n        margin: auto;\n    }\n    .news-vibrant-card {\n        background: white;\n        border-radius: var(--radius-xl);\n        overflow: hidden;\n        box-shadow: var(--shadow-subtle);\n        transition: var(--transition-bounce);\n        border: 1px solid var(--border-light);\n        display: flex; flex-direction: column;\n    }\n    .news-vibrant-card:hover {\n        transform: translateY(-8px);\n        box-shadow: var(--shadow-hover);\n        border-color: rgba(6, 182, 212, 0.4);\n    }\n    .news-card-accent-bar { height: 6px; background: var(--grad-accent); }\n    .news-vibrant-body { padding: 2rem; display: flex; flex-direction: column; flex-grow: 1; }\n    .news-vibrant-tag {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.75rem; font-weight: 800;\n        text-transform: uppercase; letter-spacing: 1.2px;\n        color: var(--c-blue-electric); margin-bottom: 0.8rem;\n    }\n    .news-vibrant-title {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 1.2rem; font-weight: 800;\n        color: var(--c-dark-navy); margin: 0 0 0.8rem 0; line-height: 1.35;\n    }\n    .news-vibrant-excerpt {\n        font-family: 'Open Sans', sans-serif;\n        font-size: 0.92rem; color: var(--text-muted);\n        line-height: 1.6; margin-bottom: 1.5rem; flex-grow: 1;\n    }\n    .news-vibrant-link {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800; font-size: 0.85rem;\n        color: var(--c-blue-electric); text-decoration: none !important;\n        display: inline-flex; align-items: center; gap: 0.5rem;\n        transition: var(--transition-smooth);\n    }\n    .news-vibrant-link:hover { color: var(--c-cyan); gap: 0.8rem; }\n\n    \/* ==========================================================================\n       6. BANNER PARALLAX CTA\n       ========================================================================== *\/\n    .banner-vibrant-cta {\n        padding: 6rem 1.5rem;\n        background: linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(30, 58, 138, 0.92)), url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2024\/07\/foto-seccion-porque-ies7.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        text-align: center;\n        color: white;\n    }\n\n    \/* ==========================================================================\n       7. FORMULARIO DE CONSULTAS\n       ========================================================================== *\/\n    .contact-vibrant-section {\n        padding: 5.5rem 1.5rem;\n        background: white;\n    }\n    .contact-vibrant-card {\n        max-width: 880px;\n        margin: auto;\n        background: white;\n        border-radius: var(--radius-xl);\n        box-shadow: var(--shadow-hover);\n        border: 1px solid var(--border-light);\n        padding: 3rem 2.5rem;\n        position: relative;\n        overflow: hidden;\n    }\n    .contact-vibrant-card::before {\n        content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px;\n        background: var(--grad-accent);\n    }\n    .contact-form-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n        gap: 1.25rem;\n        margin-top: 1.5rem;\n    }\n    .form-group-vibrant { display: flex; flex-direction: column; gap: 0.4rem; }\n    .form-group-vibrant.full-width { grid-column: 1 \/ -1; }\n    .form-group-vibrant label {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 0.85rem; font-weight: 800;\n        color: var(--c-dark-navy);\n    }\n    .form-group-vibrant input, .form-group-vibrant select, .form-group-vibrant textarea {\n        width: 100%;\n        padding: 0.85rem 1.1rem;\n        border: 2px solid #e2e8f0;\n        border-radius: var(--radius-md);\n        font-family: 'Open Sans', sans-serif;\n        font-size: 0.92rem;\n        background: #f8fafc;\n        outline: none;\n        transition: var(--transition-smooth);\n    }\n    .form-group-vibrant input:focus, .form-group-vibrant select:focus, .form-group-vibrant textarea:focus {\n        border-color: var(--c-blue-electric);\n        background: white;\n        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);\n    }\n    .btn-submit-vibrant {\n        background: var(--grad-accent);\n        color: white; border: none;\n        padding: 1rem 2.8rem;\n        border-radius: 50px;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 900; font-size: 0.92rem;\n        cursor: pointer;\n        transition: var(--transition-bounce);\n        display: inline-flex; align-items: center; gap: 0.6rem;\n        box-shadow: var(--shadow-glow-blue);\n        margin-top: 1rem;\n    }\n    .btn-submit-vibrant:hover {\n        transform: translateY(-3px) scale(1.02);\n        box-shadow: var(--shadow-glow-cyan);\n    }\n\n    \/* ==========================================================================\n       8. M\u00d3DULO ESPIRITUAL: EVANGELIO DEL D\u00cdA\n       ========================================================================== *\/\n    .evangelio-vibrant-section {\n        padding: 5.5rem 1.5rem;\n        background: #f8fafc;\n    }\n    .evangelio-vibrant-box {\n        max-width: 880px;\n        margin: auto;\n        background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);\n        color: white;\n        border-radius: var(--radius-xl);\n        padding: 3rem 2.5rem;\n        box-shadow: var(--shadow-glow-blue);\n        position: relative;\n        overflow: hidden;\n        border: 2px solid rgba(6, 182, 212, 0.3);\n    }\n    .evangelio-vibrant-box::before {\n        content: '\u2020';\n        position: absolute; top: -20px; right: 20px;\n        font-size: 14rem; color: rgba(255, 255, 255, 0.04);\n        font-family: Arial, serif; pointer-events: none;\n    }\n    .evangelio-vibrant-header { text-align: center; margin-bottom: 1.75rem; }\n    .evangelio-vibrant-header .material-symbols-outlined {\n        font-size: 2.8rem; color: var(--c-gold-bright);\n        margin-bottom: 0.4rem;\n        filter: drop-shadow(0 0 10px rgba(251, 191, 36, 0.5));\n    }\n    .evangelio-text-container {\n        background: rgba(255, 255, 255, 0.06);\n        border-radius: var(--radius-lg);\n        padding: 2rem;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        backdrop-filter: blur(12px);\n        min-height: 150px;\n    }\n\n    .sk-line {\n        height: 12px; background: rgba(255,255,255,0.2);\n        border-radius: 4px; margin-bottom: 0.8rem;\n        animation: sk-pulse 1.5s infinite ease-in-out;\n    }\n    @keyframes sk-pulse { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.8; } }\n\n    \/* ==========================================================================\n       9. SECCI\u00d3N DESTACADA DE COMUNIDAD DIGITAL Y REDES\n       ========================================================================== *\/\n    .social-hub-section {\n        padding: 5rem 1.5rem;\n        background: var(--c-dark-navy);\n        color: white;\n        text-align: center;\n        position: relative;\n    }\n    .social-hub-cards {\n        display: flex;\n        justify-content: center;\n        gap: 1.5rem;\n        flex-wrap: wrap;\n        max-width: 900px;\n        margin: 2rem auto 0 auto;\n    }\n    .social-hub-card {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        border-radius: var(--radius-lg);\n        padding: 1.5rem 2rem;\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        color: white !important;\n        text-decoration: none !important;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        font-size: 0.95rem;\n        transition: var(--transition-bounce);\n        flex: 1 1 240px;\n        justify-content: center;\n    }\n    .social-hub-card:hover {\n        background: var(--grad-accent);\n        transform: translateY(-6px);\n        border-color: var(--c-cyan-light);\n        box-shadow: var(--shadow-glow-cyan);\n    }\n    .social-hub-card svg { width: 26px; height: 26px; fill: currentColor; }\n<\/style>\n\n<!-- ==========================================================================\n     ESTRUCTURA HTML COMPLETA\n     ========================================================================== -->\n<div id=\"ies7-vibrant-container\">\n\n    <!-- ==== 1. HERO SLIDER ==== -->\n    <div class=\"hero-slider\" id=\"hero-slider\">\n        <div class=\"slider-track\">\n            <!-- Slide 1 -->\n            <div class=\"hero-slide\">\n                <div class=\"hero-slide-content\">\n                    <span class=\"ies7-badge-vibrant\" style=\"background:rgba(255,255,255,0.15); color:white; border-color:rgba(255,255,255,0.3);\">\n                        <span class=\"material-symbols-outlined\" style=\"font-size:1rem; color:var(--c-gold-bright);\">auto_awesome<\/span> CICLO LECTIVO 2026\n                    <\/span>\n                    <h2>Listados de Ingresantes<\/h2>\n                    <p>Acced\u00e9 a los resultados oficiales, cronogramas de comisiones y cartillas para el curso de ingreso de nuestras 4 sedes.<\/p>\n                    <div style=\"display:flex; gap:1rem; flex-wrap:wrap;\">\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingresantes-2026\/\" class=\"btn-vibrant-gold\">\n                            Ver Listados Oficiales <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                        <\/a>\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/cartillas-del-curso-de-ingreso\/\" class=\"btn-vibrant-outline\">\n                            Descargar Cartillas\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-slide-img\" style=\"background-image: url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/03\/university-students-discussing-project-together-scaled.jpg');\"><\/div>\n            <\/div>\n            <!-- Slide 2 -->\n            <div class=\"hero-slide\">\n                <div class=\"hero-slide-content\">\n                    <span class=\"ies7-badge-vibrant\" style=\"background:rgba(255,255,255,0.15); color:white; border-color:rgba(255,255,255,0.3);\">\n                        <span class=\"material-symbols-outlined\" style=\"font-size:1rem; color:var(--c-cyan-light);\">school<\/span> EXCELENCIA ACAD\u00c9MICA\n                    <\/span>\n                    <h2>Formaci\u00f3n con Futuro<\/h2>\n                    <p>21 Carreras entre Tecnicaturas y Profesorados con titulaci\u00f3n de validez nacional para liderar el desarrollo de Jujuy.<\/p>\n                    <div>\n                        <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/oferta-educativa-2026\/\" class=\"btn-vibrant-gold\">\n                            Conoc\u00e9 las Carreras <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"hero-slide-img\" style=\"background-image: url('https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/10\/POPULORUM-PROGRESSIO-4.png');\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"slider-progress\" id=\"slider-progress\"><\/div>\n        <div class=\"slider-dots-bar\" id=\"slider-dots\"><\/div>\n    <\/div>\n\n    <!-- ==== 2. PORTAL ESTUDIANTIL CON FONDO ANIMADO ==== -->\n    <section class=\"quick-vibrant-section\">\n        <div class=\"bg-animated-circle circle-1\"><\/div>\n        <div class=\"bg-animated-circle circle-2\"><\/div>\n\n        <div class=\"ies7-header-block reveal\">\n            <span class=\"ies7-badge-vibrant\">Portal Estudiantil<\/span>\n            <h2 class=\"ies7-title-vibrant\">ACCESOS <span>R\u00c1PIDOS<\/span><\/h2>\n            <p class=\"ies7-subtitle-vibrant\">Las plataformas e informaci\u00f3n clave que necesitas a un solo clic.<\/p>\n        <\/div>\n        <div class=\"quick-vibrant-grid\">\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingreso2026\/\" class=\"quick-vibrant-card reveal\">\n                <div class=\"icon-vibrant-circle\">\n                    <span class=\"material-symbols-outlined\">how_to_reg<\/span>\n                <\/div>\n                <h3>INGRESANTES<\/h3>\n                <p>Requisitos, aranceles e instructivo de inscripci\u00f3n.<\/p>\n            <\/a>\n            <a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"quick-vibrant-card reveal\">\n                <div class=\"icon-vibrant-circle\">\n                    <span class=\"material-symbols-outlined\">computer<\/span>\n                <\/div>\n                <h3>AUTOGESTI\u00d3N<\/h3>\n                <p>Acceso directo al sistema acad\u00e9mico para alumnos y docentes.<\/p>\n            <\/a>\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/oferta-educativa-2026\/\" class=\"quick-vibrant-card reveal\">\n                <div class=\"icon-vibrant-circle\">\n                    <span class=\"material-symbols-outlined\">auto_stories<\/span>\n                <\/div>\n                <h3>OFERTA ACAD\u00c9MICA<\/h3>\n                <p>Planes de estudio de nuestras 21 carreras superiores.<\/p>\n            <\/a>\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\" class=\"quick-vibrant-card reveal\">\n                <div class=\"icon-vibrant-circle\">\n                    <span class=\"material-symbols-outlined\">edit_calendar<\/span>\n                <\/div>\n                <h3>EX\u00c1MENES Y CALENDARIO<\/h3>\n                <p>Fechas lectivas, recesos y turnos de ex\u00e1menes finales.<\/p>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- ==== 3. PROCESO DE INGRESO COMPACTO ==== -->\n    <section class=\"steps-compact-section\">\n        <div class=\"ies7-header-block reveal\">\n            <span class=\"ies7-badge-vibrant\">Pasos para  la inscripci\u00f3n<\/span>\n            <h2 class=\"ies7-title-vibrant\">\u00bfC\u00d3MO <span>INGRESAR AL INSTITUTO?<\/span><\/h2>\n        <\/div>\n\n        <div class=\"steps-compact-grid\">\n            <div class=\"step-compact-card reveal\">\n                <div class=\"step-number\">1<\/div>\n                <h3>Eleg\u00ed tu Carrera<\/h3>\n                <p>Explor\u00e1 la oferta acad\u00e9mica en cualquiera de nuestras 4 sedes.<\/p>\n            <\/div>\n            <div class=\"step-compact-card reveal\">\n                <div class=\"step-number\">2<\/div>\n                <h3>Preinscripci\u00f3n Online<\/h3>\n                <p>Complet\u00e1 el formulario digital en el Portal de Ingresantes en las fechas establecidas.<\/p>\n            <\/div>\n            <div class=\"step-compact-card reveal\">\n                <div class=\"step-number\">3<\/div>\n                <h3>Matriculaci\u00f3n<\/h3>\n                <p>Present\u00e1 la documentaci\u00f3n f\u00edsica de tu sede y abon\u00e1 el arancel de inscripci\u00f3n.<\/p>\n            <\/div>\n            <div class=\"step-compact-card reveal\">\n                <div class=\"step-number\">4<\/div>\n                <h3>Curso de Ingreso<\/h3>\n                <p>Particip\u00e1 de los m\u00f3dulos introductorios de nivelaci\u00f3n y rend\u00ed el examen de ingreso.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==== 4. IDEARIO INSTITUCIONAL CON CITA DEL PAPA PABLO VI ==== -->\n    <section class=\"identity-flip-section\">\n        <!-- Bloque con Cita del Papa San Pablo VI -->\n        <div class=\"pope-quote-box reveal\">\n            <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/06\/pblo-VI.jpg\" alt=\"Papa San Pablo VI\" class=\"pope-avatar\">\n            <div class=\"pope-quote-text\">\n                <p>\u00abEl desarrollo no se reduce al simple crecimiento econ\u00f3mico. Para ser aut\u00e9ntico debe ser integral, es decir, promover a todos los hombres y a todo el hombre.\u00bb<\/p>\n                <div class=\"pope-quote-author\">Enc\u00edclica Populorum Progressio \u2022 S.S. Pablo VI<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"ies7-header-block reveal\" style=\"margin-bottom:2.5rem;\">\n            <span class=\"ies7-badge-vibrant\" style=\"background:rgba(255,255,255,0.15); color:white; border-color:rgba(255,255,255,0.3);\">EL PROGRESO DE LOS PUEBLOS<\/span>\n            <h2 class=\"ies7-title-vibrant\" style=\"color:white;\">IDEARIO <span>INSTITUCIONAL<\/span><\/h2>\n            <p class=\"ies7-subtitle-vibrant\" style=\"color:rgba(255,255,255,0.85);\">Fundado por el Obispo Monse\u00f1or Jos\u00e9 Miguel Medina en 1968, nuestro instituto posee una larga trayectoria en la formaci\u00f3n de profesionales de calidad humana, comprometidos con el desarrollo integral y el progreso de los pueblos.<\/p>\n        <\/div>\n\n        <div class=\"flip-cards-grid\">\n            <div class=\"flip-card reveal\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-front\">\n                        <span class=\"material-symbols-outlined\">menu_book<\/span>\n                        <h3>Fe, Ciencia y Cultura<\/h3>\n                        <div class=\"flip-hint\">Girar Tarjeta <span class=\"material-symbols-outlined\">sync<\/span><\/div>\n                    <\/div>\n                    <div class=\"flip-back\">\n                        <span class=\"flip-back-title\">S\u00cdNTESIS PEDAG\u00d3GICA<\/span>\n                        <p>Integramos la investigaci\u00f3n cient\u00edfica con los valores \u00e9ticos cristianos, formando profesionales comprometidos con la verdad y la cultura de Jujuy.<\/p>\n                        <span style=\"font-size:0.75rem; color:var(--c-cyan-light); font-weight:700;\">Desde 1968<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"flip-card reveal\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-front\">\n                        <span class=\"material-symbols-outlined\">groups<\/span>\n                        <h3>Promoci\u00f3n Humana<\/h3>\n                        <div class=\"flip-hint\">Girar Tarjeta <span class=\"material-symbols-outlined\">sync<\/span><\/div>\n                    <\/div>\n                    <div class=\"flip-back\">\n                        <span class=\"flip-back-title\">DESARROLLO SOCIAL<\/span>\n                        <p>Inspirados en la Enc\u00edclica \u00abPopulorum Progressio\u00bb, trabajamos por el desarrollo integral de la persona y de la comunidad regional.<\/p>\n                        <span style=\"font-size:0.75rem; color:var(--c-cyan-light); font-weight:700;\">Compromiso Social<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"flip-card reveal\">\n                <div class=\"flip-card-inner\">\n                    <div class=\"flip-front\">\n                        <span class=\"material-symbols-outlined\">handshake<\/span>\n                        <h3>Esp\u00edritu de Servicio<\/h3>\n                        <div class=\"flip-hint\">Girar Tarjeta <span class=\"material-symbols-outlined\">sync<\/span><\/div>\n                    <\/div>\n                    <div class=\"flip-back\">\n                        <span class=\"flip-back-title\">LEMA EPISCOPAL<\/span>\n                        <p>\u00abServir y dar la vida\u00bb. Fomentamos la solidaridad, la atenci\u00f3n a los m\u00e1s vulnerables y la excelencia en el desempe\u00f1o profesional.<\/p>\n                        <span style=\"font-size:0.75rem; color:var(--c-cyan-light); font-weight:700;\">Vocaci\u00f3n y Servicio<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==== 5. COMUNICADOS Y NOVEDADES ==== -->\n    <section class=\"news-vibrant-section\">\n        <div class=\"ies7-header-block reveal\">\n            <span class=\"ies7-badge-vibrant\">Novedades<\/span>\n            <h2 class=\"ies7-title-vibrant\">COMUNICADOS <span>INSTITUCIONALES<\/span><\/h2>\n        <\/div>\n        <div class=\"news-vibrant-grid\">\n            <article class=\"news-vibrant-card reveal\">\n                <div class=\"news-card-accent-bar\"><\/div>\n                <div class=\"news-vibrant-body\">\n                    <span class=\"news-vibrant-tag\">Aviso Oficial \u2022 Ciclo 2026<\/span>\n                    <h3 class=\"news-vibrant-title\">Fechas del Curso de Ambientaci\u00f3n<\/h3>\n                    <p class=\"news-vibrant-excerpt\">Revis\u00e1 el cronograma de comisiones, aulas y sedes obligatorias para ingresantes de primer a\u00f1o.<\/p>\n                    <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/ingresantes-2026\/\" class=\"news-vibrant-link\">\n                        Leer comunicado <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                    <\/a>\n                <\/div>\n            <\/article>\n            <article class=\"news-vibrant-card reveal\">\n                <div class=\"news-card-accent-bar\"><\/div>\n                <div class=\"news-vibrant-body\">\n                    <span class=\"news-vibrant-tag\">Acad\u00e9mica \u2022 Estudiantes<\/span>\n                    <h3 class=\"news-vibrant-title\">Inscripci\u00f3n a Mesas Finales<\/h3>\n                    <p class=\"news-vibrant-excerpt\">Record\u00e1 verificar la regularidad de tus asignaturas en el sistema antes de confirmar la mesa.<\/p>\n                    <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\" class=\"news-vibrant-link\">\n                        Ver Instructivo <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                    <\/a>\n                <\/div>\n            <\/article>\n            <article class=\"news-vibrant-card reveal\">\n                <div class=\"news-card-accent-bar\"><\/div>\n                <div class=\"news-vibrant-body\">\n                    <span class=\"news-vibrant-tag\">Pastoral \u2022 Comunidad<\/span>\n                    <h3 class=\"news-vibrant-title\">Jornadas Institucionales<\/h3>\n                    <p class=\"news-vibrant-excerpt\">Talleres de integraci\u00f3n, reflexi\u00f3n y encuentros comunitarios para todas las carreras.<\/p>\n                    <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/contacto-2\/\" class=\"news-vibrant-link\">\n                        M\u00e1s informaci\u00f3n <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                    <\/a>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/section>\n\n    <!-- ==== 6. BANNER PARALLAX CTA ==== -->\n    <section class=\"banner-vibrant-cta\">\n        <div class=\"reveal\">\n            <h2 style=\"font-family:'Montserrat',sans-serif; font-size:clamp(2rem, 3.6vw, 2.8rem); font-weight:900; margin-bottom:1rem; text-shadow:0 4px 15px rgba(0,0,0,0.4);\">\n                Constru\u00ed tu Futuro Profesional\n            <\/h2>\n            <p style=\"font-family:'Open Sans',sans-serif; font-size:1.1rem; max-width:650px; margin:0 auto 2.2rem auto; color:rgba(255,255,255,0.95);\">\n                Sumate al IES N\u00b07 y formate con respaldo acad\u00e9mico, valores \u00e9ticos y validez nacional.\n            <\/p>\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/oferta-educativa-2026\/\" class=\"btn-vibrant-gold\">\n                EXPLORAR CARRERAS <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- ==== 7. FORMULARIO DE CONSULTAS ==== -->\n    <section class=\"contact-vibrant-section\">\n        <div class=\"ies7-header-block reveal\">\n            <span class=\"ies7-badge-vibrant\">Atenci\u00f3n al Estudiante<\/span>\n            <h2 class=\"ies7-title-vibrant\">\u00bfTEN\u00c9S DUDAS O <span>CONSULTAS?<\/span><\/h2>\n            <p class=\"ies7-subtitle-vibrant\">Envianos tu mensaje y el equipo de comunicaci\u00f3n responder\u00e1 a tu correo.<\/p>\n        <\/div>\n        \n        <div class=\"contact-vibrant-card reveal\">\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f12496-o1\" lang=\"es-ES\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/sitio\/wp-json\/wp\/v2\/pages\/286#wpcf7-f12496-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"12496\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.7.7\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f12496-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<div class=\"contact-form-grid\">\n\t<div class=\"form-group-vibrant\">\n\t\t<p><label>Nombre y Apellido *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ej. Mar\u00eda Gonz\u00e1lez\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-vibrant\">\n\t\t<p><label>Correo Electr\u00f3nico *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"tuemail@ejemplo.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-vibrant\">\n\t\t<p><label>Tel\u00e9fono \/ WhatsApp<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"388 1234567\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-vibrant\">\n\t\t<p><label>Sede de Inter\u00e9s<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-sede\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"your-sede\"><option value=\"Sede Central (San Salvador)\">Sede Central (San Salvador)<\/option><option value=\"Sede Libertador\">Sede Libertador<\/option><option value=\"Sede San Pedro\">Sede San Pedro<\/option><option value=\"Sede Perico\">Sede Perico<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group-vibrant full-width\">\n\t\t<p><label>Consulta o Mensaje *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"4\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Escrib\u00ed aqu\u00ed tu consulta sobre inscripciones, carreras o tr\u00e1mites...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div style=\"text-align:center;\">\n\t<p><input class=\"wpcf7-form-control has-spinner wpcf7-submit btn-submit-vibrant\" type=\"submit\" value=\"Enviar Consulta\" \/>\n\t<\/p>\n<\/div><p style=\"display: none !important;\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"52\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- ==== 8. M\u00d3DULO ESPIRITUAL: EVANGELIO DEL D\u00cdA ==== -->\n    <section class=\"evangelio-vibrant-section\">\n        <div class=\"evangelio-vibrant-box reveal\">\n            <div class=\"evangelio-vibrant-header\">\n                <span class=\"material-symbols-outlined\">auto_stories<\/span>\n                <h3 style=\"font-family:'Montserrat',sans-serif; font-size:1.6rem; font-weight:900; margin:0; color:white;\">EVANGELIO DEL D\u00cdA<\/h3>\n                <span style=\"font-family:'Open Sans',sans-serif; font-size:0.85rem; color:var(--c-cyan-light); text-transform:uppercase; letter-spacing:1px; font-weight:700;\">Palabra de Vida y Reflexi\u00f3n Pastoral<\/span>\n            <\/div>\n            \n            <div class=\"evangelio-text-container\" id=\"evangelio-vibrant-target\">\n                <div class=\"sk-line\" style=\"width: 45%;\"><\/div>\n                <div class=\"sk-line\" style=\"width: 90%;\"><\/div>\n                <div class=\"sk-line\" style=\"width: 100%;\"><\/div>\n                <div class=\"sk-line\" style=\"width: 80%;\"><\/div>\n            <\/div>\n            \n            <div style=\"margin-top:1.2rem; text-align:right;\">\n                <a href=\"https:\/\/evangeliodeldia.org\/SP\/gospel\" target=\"_blank\" rel=\"noopener\" style=\"font-family:'Montserrat',sans-serif; font-weight:800; color:var(--c-gold-bright); font-size:0.85rem; text-decoration:none;\">Fuente Oficial: Evangelizo.org &#8599;<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ==== 9. SECCI\u00d3N DESTACADA DE COMUNIDAD DIGITAL Y REDES ==== -->\n    <section class=\"social-hub-section\">\n        <div class=\"ies7-header-block reveal\" style=\"margin-bottom:1rem;\">\n            <span class=\"ies7-badge-vibrant\" style=\"background:rgba(255,255,255,0.12); color:white; border-color:rgba(255,255,255,0.25);\">Comunidad Digital<\/span>\n            <h2 class=\"ies7-title-vibrant\" style=\"color:white;\">\u00a1SUMATE A NUESTRAS <span>REDES SOCIALES!<\/span><\/h2>\n            <p class=\"ies7-subtitle-vibrant\" style=\"color:rgba(255,255,255,0.8);\">Mantenete informado minuto a minuto sobre inscripciones, eventos y novedades institucionales.<\/p>\n        <\/div>\n\n        <div class=\"social-hub-cards reveal\">\n            <a href=\"https:\/\/www.facebook.com\/infopopu\" target=\"_blank\" rel=\"noopener\" class=\"social-hub-card\">\n                <svg viewBox=\"0 0 24 24\"><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                <span>Facebook<\/span>\n            <\/a>\n            <a href=\"https:\/\/www.instagram.com\/popu.jujuy\" target=\"_blank\" rel=\"noopener\" class=\"social-hub-card\">\n                <svg viewBox=\"0 0 24 24\"><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                <span>Instagram<\/span>\n            <\/a>\n            <a href=\"https:\/\/www.whatsapp.com\/channel\/0029VaoIWj2Fy72ILDVbqs1I\" target=\"_blank\" rel=\"noopener\" class=\"social-hub-card\">\n                <svg viewBox=\"0 0 24 24\"><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                <span>Canal de WhatsApp<\/span>\n            <\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- ==========================================================================\n     L\u00d3GICA JAVASCRIPT COMPLETA\n     ========================================================================== -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    \/\/ 1. Hero Slider\n    const track = document.querySelector('#hero-slider .slider-track');\n    const slides = document.querySelectorAll('#hero-slider .hero-slide');\n    const dotsNav = document.getElementById('slider-dots');\n    const progressBar = document.getElementById('slider-progress');\n    \n    let currentIndex = 0;\n    const slideDuration = 6000;\n    let timer;\n\n    if (track && slides.length > 0) {\n        dotsNav.innerHTML = '';\n        slides.forEach((_, i) => {\n            const dot = document.createElement('div');\n            dot.classList.add('slider-dot');\n            if (i === 0) dot.classList.add('active');\n            dot.addEventListener('click', () => { goToSlide(i); resetTimer(); });\n            dotsNav.appendChild(dot);\n        });\n\n        const dots = dotsNav.querySelectorAll('.slider-dot');\n\n        function animateProgressBar() {\n            if (!progressBar) return;\n            progressBar.style.transition = 'none';\n            progressBar.style.width = '0%';\n            setTimeout(() => {\n                progressBar.style.transition = `width ${slideDuration}ms linear`;\n                progressBar.style.width = '100%';\n            }, 30);\n        }\n\n        function goToSlide(index) {\n            currentIndex = (index + slides.length) % slides.length;\n            track.style.transform = `translateX(-${currentIndex * 100}%)`;\n            dots.forEach((dot, i) => dot.classList.toggle('active', i === currentIndex));\n            animateProgressBar();\n        }\n\n        function resetTimer() {\n            clearInterval(timer);\n            timer = setInterval(() => goToSlide(currentIndex + 1), slideDuration);\n        }\n\n        goToSlide(0);\n        resetTimer();\n    }\n\n    \/\/ 2. Flip Cards Touch Support (Mobile)\n    const flipCards = document.querySelectorAll('#ies7-vibrant-container .flip-card');\n    flipCards.forEach(card => {\n        card.addEventListener('click', () => {\n            card.classList.toggle('flipped');\n        });\n    });\n\n    \/\/ 3. Fetch Din\u00e1mico del Evangelio del D\u00eda\n    const evangelioArea = document.getElementById('evangelio-vibrant-target');\n    if (evangelioArea) {\n        const dateObj = new Date();\n        const y = dateObj.getFullYear();\n        const m = String(dateObj.getMonth() + 1).padStart(2, '0');\n        const d = String(dateObj.getDate()).padStart(2, '0');\n        const dateStr = `${y}${m}${d}`;\n\n        fetch(`https:\/\/feed.evangelizo.org\/v2\/reader.php?date=${dateStr}&lang=SP&content=GSP&type=reading`)\n            .then(res => res.text())\n            .then(data => {\n                const cleanText = data.replace(\/<br\\s*\\\/?>\/gi, '\\n').replace(\/<[^>]*>\/g, '').trim();\n                evangelioArea.innerHTML = `\n                    <p style=\"font-family:'Open Sans',sans-serif; color:rgba(255,255,255,0.95); line-height:1.8; font-size:1rem; white-space:pre-line; margin:0;\">${cleanText}<\/p>\n                `;\n            })\n            .catch(() => {\n                evangelioArea.innerHTML = `<p style=\"text-align:center; color:rgba(255,255,255,0.8); font-family:'Open Sans',sans-serif;\">Te invitamos a acceder a la lectura y reflexi\u00f3n del d\u00eda a trav\u00e9s del sitio oficial de Evangelizo.org.<\/p>`;\n            });\n    }\n});\n<\/script>\n\n\n\n<!-- BLOQUE REUTILIZABLE 3: FOOTER PRINCIPAL (VARIABLES UNIFICADAS) -->\n\n<style>\n    \/* ==== ESTILOS DEL FOOTER ==== *\/\n    .custom-footer {\n        background-color: var(--color-primario-oscuro);\n        color: var(--color-texto-secundario);\n        padding: 4rem 1rem 2rem 1rem;\n        font-family: 'Open Sans', sans-serif;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n    .footer-container {\n        max-width: 1200px;\n        margin: auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n        gap: 2.5rem;\n    }\n    .footer-col .logo-footer {\n        height: 60px;\n        margin-bottom: 1.5rem;\n        display: block;\n    }\n    .footer-col p {\n        font-size: 0.9rem;\n        line-height: 1.6;\n        margin: 0 0 1rem 0;\n        color: var(--color-texto-secundario);\n    }\n    .footer-col h3 {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        color: var(--color-blanco);\n        font-size: 1.1rem;\n        margin: 0 0 1.5rem 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .footer-col ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .footer-col li {\n        margin-bottom: 0.75rem;\n    }\n\n    .footer-col a {\n        color: var(--color-texto-secundario);\n        text-decoration: none;\n        font-size: 0.95rem;\n        transition: color 0.3s ease, transform 0.3s ease;\n        display: inline-block;\n    }\n    \n    .footer-col ul a:hover {\n        color: var(--color-acento);\n        transform: translateX(4px);\n    }\n    \n    .footer-col .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.4rem;\n    }\n\n    .footer-col .external-link .material-symbols-outlined {\n        font-size: 1.1rem;\n    }\n\n    .footer-col .icon-text {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        font-size: 0.95rem;\n        margin-bottom: 1rem;\n        color: var(--color-texto-secundario);\n    }\n\n    .footer-col .icon-text a {\n        display: inline;\n    }\n\n    .footer-col .icon-text a:hover {\n        color: var(--color-acento);\n        transform: none;\n    }\n\n    .footer-col .icon-text .material-symbols-outlined {\n        margin-top: 2px;\n        font-size: 1.2rem;\n        width: 20px;\n        text-align: center;\n        flex-shrink: 0;\n        color: var(--color-acento);\n    }\n    .social-links {\n        display: flex;\n        gap: 1rem;\n        margin-top: 1.5rem;\n    }\n    .social-links a {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        border: 2px solid var(--color-texto-secundario);\n        color: var(--color-texto-secundario);\n        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n    }\n    .social-links a svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n    }\n    .social-links a:hover {\n        background-color: var(--color-acento);\n        border-color: var(--color-acento);\n        color: var(--color-primario-oscuro);\n        transform: translateY(-3px);\n    }\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 3rem auto 0 auto;\n        padding-top: 2rem;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        text-align: center;\n    }\n    .footer-bottom p {\n        font-size: 0.85rem;\n        color: var(--color-texto-secundario);\n        margin: 0;\n    }\n\n    \/* ==== OPTIMIZACI\u00d3N M\u00d3VIL ==== *\/\n    @media (max-width: 768px) {\n        .custom-footer {\n            padding: 3rem 1.5rem 1.5rem 1.5rem;\n        }\n        .footer-container {\n            gap: 2rem;\n        }\n        .footer-col .logo-footer {\n            margin-bottom: 1rem;\n        }\n    }\n<\/style>\n\n<footer class=\"custom-footer\">\n    <div class=\"footer-container\">\n        <!-- Columna 1: Contacto -->\n        <div class=\"footer-col\">\n            <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00ba 7 Blanco\" class=\"logo-footer\">\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">location_on<\/span>\n                <span>Sarmiento 268, San Salvador de Jujuy<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">call<\/span>\n                <span>(0388) 4224514<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">mail<\/span>\n                <a href=\"mailto:comunicaciones@populorumjujuy.ar\">comunicaciones@populorumjujuy.ar<\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Columna 2: Institucional -->\n        <div class=\"footer-col\">\n            <h3>Institucional<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral<\/a><\/li>\n                <li>\n                    <a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">\n                        Campus Virtual <span class=\"material-symbols-outlined\" aria-hidden=\"true\">open_in_new<\/span>\n                    <\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 3: Estudiantes -->\n        <div class=\"footer-col\">\n            <h3>Estudiantes<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretaria Acad\u00e9mica<\/a><\/li>\n                <li>\n                    <a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n (sitio externo, abre en una pesta\u00f1a nueva)\">\n                        Autogesti\u00f3n <span class=\"material-symbols-outlined\" aria-hidden=\"true\">open_in_new<\/span>\n                    <\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 4: Redes Sociales -->\n        <div class=\"footer-col\">\n            <h3>Seguinos<\/h3>\n            <p>Conectate con nuestra comunidad.<\/p>\n            <div class=\"social-links\">\n                <a href=\"https:\/\/www.facebook.com\/infopopu\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.78-3.88 1.1 0 2.24.2 2.24.2v2.46H15.2c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.9h-2.34v6.99A10 10 0 0 0 22 12z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/popu.jujuy\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5zM12 7.6a4.4 4.4 0 1 1 0 8.8 4.4 4.4 0 0 1 0-8.8zm0 1.8a2.6 2.6 0 1 0 0 5.2 2.6 2.6 0 0 0 0-5.2zm4.75-2.5a1.05 1.05 0 1 1 0 2.1 1.05 1.05 0 0 1 0-2.1z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.whatsapp.com\/channel\/0029VaoIWj2Fy72ILDVbqs1I\" target=\"_blank\" aria-label=\"Canal de WhatsApp\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20.52 3.48A11.88 11.88 0 0 0 12.06 0C5.5 0 .15 5.35.15 11.91c0 2.1.55 4.15 1.6 5.97L0 24l6.3-1.65a11.85 11.85 0 0 0 5.76 1.47h.01c6.56 0 11.91-5.35 11.91-11.91 0-3.18-1.24-6.16-3.46-8.43zm-8.46 18.3h-.01a9.9 9.9 0 0 1-5.05-1.38l-.36-.21-3.73.98 1-3.64-.23-.37a9.88 9.88 0 0 1-1.52-5.25C2.16 6.43 6.58 2 12.06 2c2.64 0 5.12 1.03 6.98 2.89a9.8 9.8 0 0 1 2.9 6.98c0 5.48-4.43 9.91-9.88 9.91zm5.43-7.43c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.28-.47-2.43-1.5-.9-.8-1.5-1.8-1.67-2.1-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.5 0 1.47 1.08 2.9 1.23 3.1.15.2 2.1 3.2 5.08 4.49.71.3 1.27.48 1.7.62.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2-1.42.25-.7.25-1.3.17-1.42-.08-.12-.27-.2-.57-.35z\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"footer-bottom\">\n        <p>&copy; 2026 &#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>auto_awesome CICLO LECTIVO 2026 Listados de Ingresantes Acced\u00e9 a los resultados oficiales, cronogramas de comisiones y cartillas para el curso de ingreso de nuestras 4 sedes. Ver Listados Oficiales arrow_forward Descargar Cartillas school EXCELENCIA ACAD\u00c9MICA Formaci\u00f3n con Futuro 21 Carreras entre Tecnicaturas y Profesorados con titulaci\u00f3n de validez nacional para liderar el desarrollo de Jujuy. &#8230; <a title=\"Home Instituto\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\" aria-label=\"More on Home Instituto\">[+]<\/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\/286"}],"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=286"}],"version-history":[{"count":3335,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":12508,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/286\/revisions\/12508"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}