{"id":12317,"date":"2025-11-05T13:30:06","date_gmt":"2025-11-05T16:30:06","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=12317"},"modified":"2025-11-05T13:30:07","modified_gmt":"2025-11-05T16:30:07","slug":"contacto-2","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/contacto-2\/","title":{"rendered":"Contacto"},"content":{"rendered":"\n<!-- BLOQUE REUTILIZABLE 1: MEN\u00da PRINCIPAL -->\n<!-- Carga de fuentes e \u00edconos -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&#038;family=Open+Sans:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n\n<style>\n    :root {\n        --color-primario: #3e81b8;\n        --color-cian: #13b4d1;\n        --color-texto: #6b4941;\n        --color-texto-oscuro: #6b4441;\n        --color-texto-suave: #7b7159;\n        --color-acento: #e9c46a;\n        --color-terracota: #d25c54;\n        --color-fondo-claro: #e4e0e5;\n        --color-azul-claro: #acd4ec;\n        --color-azul-intermedio: #4b9bd3;\n        --color-blanco: #ffffff;\n        --color-gris-deshabilitado: #95a3ae;\n        --color-fondo-base: #f8fafc;\n        --color-fondo-suave: #f4f6f8;\n        --color-fondo-info: #f0f4f8;\n        --color-fondo-info-acento: #e3f2fd;\n        --alto-menu: 64px;\n    }\n\n    \/* Compensa men\u00fa fijo sin agregar div espaciador *\/\n    body {\n        padding-top: var(--alto-menu) !important;\n    }\n\n    \/* Barra admin WordPress *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar {\n            padding-top: calc(var(--alto-menu) + 32px) !important;\n        }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar {\n            padding-top: calc(var(--alto-menu) + 46px) !important;\n        }\n    }\n\n    \/* Estilos del Men\u00fa *\/\n    #ies7-container-menu {\n        font-family: 'Open Sans', sans-serif;\n    }\n    #ies7-container-menu h1,\n    #ies7-container-menu h2,\n    #ies7-container-menu h3 {\n        font-family: 'Montserrat', sans-serif;\n    }\n    #ies7-container-menu a {\n        text-decoration: none;\n        color: var(--color-fondo-claro) !important;\n        transition: all 0.3s ease;\n    }\n    #ies7-container-menu .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    #ies7-container-menu .external-link-icon {\n        font-size: 0.85em;\n        opacity: 0.9;\n    }\n    body.mobile-menu-open {\n        overflow: hidden;\n    }\n\n    #ies7-container-menu .custom-nav {\n        background-color: var(--color-primario);\n        color: var(--color-fondo-claro);\n        box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n        z-index: 1000;\n    }\n    #ies7-container-menu .nav-container {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        max-width: 1280px;\n        margin: auto;\n        height: var(--alto-menu);\n        padding: 0 1rem;\n    }\n    #ies7-container-menu .nav-logo {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n    }\n    #ies7-container-menu .nav-logo img {\n        height: 50px;\n        width: auto;\n    }\n    #ies7-container-menu .logo-text-container {\n        display: none;\n        flex-direction: column;\n        line-height: 1.2;\n        color: white;\n    }\n    #ies7-container-menu .logo-main-text {\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        font-size: 1rem;\n    }\n    #ies7-container-menu .logo-sub-text {\n        font-size: 0.8rem;\n        color: var(--color-azul-claro);\n        font-weight: 300;\n    }\n    #ies7-container-menu .nav-menu {\n        display: none;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        align-items: center;\n        gap: 1.5rem;\n    }\n    #ies7-container-menu .nav-menu > li {\n        position: relative;\n    }\n    #ies7-container-menu .nav-menu a {\n        display: block;\n        padding: 1rem 0;\n        font-size: 0.95rem;\n        font-weight: 600;\n        position: relative;\n    }\n    #ies7-container-menu .nav-menu > li > a:hover {\n        color: white !important;\n    }\n    #ies7-container-menu .nav-menu > li > a::after {\n        content: '';\n        position: absolute;\n        width: 0%;\n        height: 3px;\n        background-color: var(--color-acento);\n        bottom: 10px;\n        left: 0;\n        border-radius: 2px;\n        transition: width 0.3s ease-in-out;\n    }\n    #ies7-container-menu .nav-menu > li:hover > a::after {\n        width: 100%;\n    }\n    #ies7-container-menu .dropdown {\n        display: block;\n        opacity: 0;\n        visibility: hidden;\n        position: absolute;\n        top: 90%;\n        left: 0;\n        background-color: var(--color-primario);\n        border-radius: 0.375rem;\n        list-style: none;\n        padding: 0.5rem;\n        margin: 0;\n        min-width: 240px;\n        box-shadow: 0 8px 16px rgba(0,0,0,0.2);\n        transform: translateY(10px);\n        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;\n    }\n    #ies7-container-menu .dropdown .dropdown {\n        top: 0;\n        left: 100%;\n        transform: translateY(0) translateX(10px);\n    }\n    #ies7-container-menu .dropdown > li:hover > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0) translateX(0);\n    }\n    #ies7-container-menu .nav-menu > li:last-child .dropdown {\n        left: auto;\n        right: 0;\n    }\n    #ies7-container-menu .nav-menu > li:last-child .dropdown .dropdown {\n        right: 100%;\n        left: auto;\n    }\n    #ies7-container-menu .dropdown li {\n        list-style: none;\n        position: relative;\n    }\n    #ies7-container-menu .dropdown a {\n        padding: 0.75rem 1rem;\n        white-space: nowrap;\n        border-radius: 0.25rem;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;\n    }\n    #ies7-container-menu .dropdown a:hover {\n        background-color: var(--color-cian);\n        color: white !important;\n        padding-left: 1.5rem;\n    }\n    #ies7-container-menu .nav-menu > li:hover > .dropdown {\n        opacity: 1;\n        visibility: visible;\n        transform: translateY(0);\n    }\n\n    \/* Men\u00fa M\u00f3vil *\/\n    #ies7-container-menu .mobile-menu-button {\n        display: block;\n        background: none;\n        border: none;\n        color: white;\n        padding: 0.5rem;\n        cursor: pointer;\n    }\n    #ies7-container-menu .mobile-menu-button svg {\n        width: 24px;\n        height: 24px;\n    }\n    #ies7-container-menu .mobile-nav-panel {\n        display: none;\n        background-color: var(--color-primario);\n        padding: 1rem;\n        position: fixed;\n        top: var(--alto-menu);\n        left: 0;\n        right: 0;\n        height: calc(100vh - var(--alto-menu));\n        overflow-y: auto;\n    }\n    #ies7-container-menu .mobile-nav-panel.open {\n        display: block;\n    }\n    #ies7-container-menu .mobile-nav-panel ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        padding-bottom: 100px;\n    }\n    #ies7-container-menu .mobile-nav-panel li {\n        list-style-type: none;\n    }\n    #ies7-container-menu .mobile-nav-panel > ul > li > a {\n        display: block;\n        padding: 0.75rem 0.5rem;\n        border-bottom: 1px solid var(--color-azul-claro);\n        color: var(--color-fondo-claro) !important;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown {\n        position: static;\n        display: block;\n        background: none;\n        box-shadow: none;\n        padding: 0 0 0 1rem;\n        margin: 0;\n        opacity: 1;\n        visibility: visible;\n        transform: none;\n        min-width: unset;\n        width: 100%;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown a {\n        padding-left: 1.5rem;\n        border: none;\n    }\n    #ies7-container-menu .mobile-nav-panel .dropdown .dropdown {\n        padding-left: 1rem;\n    }\n\n    \/* Top offset en admin bar para el nav fijo *\/\n    @media screen and (min-width: 783px) {\n        body.admin-bar #ies7-container-menu .custom-nav {\n            top: 32px;\n        }\n    }\n    @media screen and (max-width: 782px) {\n        body.admin-bar #ies7-container-menu .custom-nav {\n            top: 46px;\n        }\n        body.admin-bar #ies7-container-menu .mobile-nav-panel {\n            top: calc(var(--alto-menu) + 46px);\n            height: calc(100vh - var(--alto-menu) - 46px);\n        }\n    }\n\n    @media (min-width: 1024px) {\n        #ies7-container-menu .mobile-menu-button { display: none; }\n        #ies7-container-menu .nav-menu { display: flex; }\n        #ies7-container-menu .mobile-nav-panel { display: none !important; }\n        #ies7-container-menu .logo-text-container { display: flex; }\n    }\n<\/style>\n\n<div id=\"ies7-container-menu\">\n    <nav class=\"custom-nav\">\n        <div class=\"nav-container\">\n            <a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\" class=\"nav-logo\" aria-label=\"Inicio IES N\u00b07\">\n                <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00b07\">\n                <div class=\"logo-text-container\">\n                    <span class=\"logo-main-text\">Instituto de Educaci\u00f3n Superior N\u00ba 7<\/span>\n                    <span class=\"logo-sub-text\">\u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/span>\n                <\/div>\n            <\/a>\n\n            <ul class=\"nav-menu\">\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/\">Inicio<\/a><\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Institucional <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Misi\u00f3n y Visi\u00f3n<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Valores e Ideario<\/a><\/li>\n                        <li>\n                            <a href=\"javascript:void(0)\">Departamentos <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">chevron_right<\/span><\/a>\n                            <ul class=\"dropdown\">\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-investigacion\/\">Investigaci\u00f3n<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-inicial\/\">Formaci\u00f3n Inicial<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-de-formacion-continua-y-desarrollo-profesional\/\">Formaci\u00f3n Continua<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral Educativa<\/a><\/li>\n                                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/saad\/\">D.A.T.E<\/a><\/li>\n                            <\/ul>\n                        <\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Sedes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-san-pedro\/\">Sede San Pedro<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/filial-perico\/\">Sede Perico<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/sede-libertador-gral-san-martin\/\">Sede Libertador<\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Estudiantes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/mesa-de-examenes\/\">Turnos de Examen<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretar\u00eda Acad\u00e9mica<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/pasantias-educativas\/\">Pasant\u00edas Educativas<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/becas\/\">Becas Acad\u00e9micas<\/a><\/li>\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n Estudiantes (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n Estudiantes <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Docentes <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                    <ul class=\"dropdown\">\n                        <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/docentes.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n Docentes (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n Docentes <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta\u00f1a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#x2197;<\/span><\/a><\/li>\n                    <\/ul>\n                <\/li>\n                <li><a href=\"javascript:void(0)\">Egresados<\/a><\/li>\n                <li>\n                    <a href=\"javascript:void(0)\">Recursos <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">expand_more<\/span><\/a>\n                     <ul class=\"dropdown\">\n                        <li><a href=\"javascript:void(0)\">Noticias<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/publicaciones-2024\/\">Publicaciones<\/a><\/li>\n                        <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/xiv-jornadas-cientificas\/\">Jornadas Cient\u00edficas<\/a><\/li>\n                        <li><a href=\"javascript:void(0)\">Tesorer\u00eda<\/a><\/li>\n                    <\/ul>\n                <\/li>\n            <\/ul>\n\n            <button class=\"mobile-menu-button\" id=\"mobile-menu-toggle-ies7\" aria-label=\"Abrir menu\" aria-expanded=\"false\" aria-controls=\"mobile-nav-ies7\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"mobile-nav-panel\" id=\"mobile-nav-ies7\">\n            <!-- El contenido del men\u00fa m\u00f3vil se genera con JS -->\n        <\/div>\n    <\/nav>\n<\/div>\n<script>\n    (function() {\n        if (window.ies7MenuScriptLoaded) return;\n\n        document.addEventListener('DOMContentLoaded', function() {\n            const menuContainer = document.querySelector('#ies7-container-menu');\n            if (!menuContainer) return;\n\n            const menu = menuContainer.querySelector('.nav-menu');\n            const mobileNavPanel = menuContainer.querySelector('#mobile-nav-ies7');\n            const toggleButton = menuContainer.querySelector('#mobile-menu-toggle-ies7');\n\n            if (!menu || !mobileNavPanel || !toggleButton) return;\n\n            mobileNavPanel.innerHTML = '<ul>' + menu.innerHTML + '<\/ul>';\n\n            const closeIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" \/><\/svg>';\n            const openIcon = '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5\" \/><\/svg>';\n\n            function closeMenu() {\n                mobileNavPanel.classList.remove('open');\n                document.body.classList.remove('mobile-menu-open');\n                toggleButton.innerHTML = openIcon;\n                toggleButton.setAttribute('aria-label', 'Abrir menu');\n                toggleButton.setAttribute('aria-expanded', 'false');\n            }\n\n            toggleButton.addEventListener('click', function() {\n                const isOpen = mobileNavPanel.classList.toggle('open');\n                document.body.classList.toggle('mobile-menu-open', isOpen);\n\n                if (isOpen) {\n                    toggleButton.innerHTML = closeIcon;\n                    toggleButton.setAttribute('aria-label', 'Cerrar menu');\n                    toggleButton.setAttribute('aria-expanded', 'true');\n                } else {\n                    toggleButton.innerHTML = openIcon;\n                    toggleButton.setAttribute('aria-label', 'Abrir menu');\n                    toggleButton.setAttribute('aria-expanded', 'false');\n                }\n            });\n\n            mobileNavPanel.addEventListener('click', function(e) {\n                if (e.target.tagName === 'A') {\n                    closeMenu();\n                }\n            });\n        });\n\n        window.ies7MenuScriptLoaded = true;\n    })();\n<\/script>\n\n\n\n\n<!-- BLOQUE DE CONTENIDO PARA LA P\u00c1GINA DE CONTACTO Y SEDES -->\n<!-- Este c\u00f3digo se inserta entre el Bloque de Men\u00fa y el Bloque de Footer -->\n<!-- Asume que las fuentes e \u00edconos ya han sido cargados por el men\u00fa -->\n\n<style>\n    \/* Estilos Generales *\/\n    #contacto-container {\n        font-family: 'Open Sans', sans-serif;\n        background-color: #f8fafc;\n        color: #6b4941;\n        overflow-x: hidden;\n    }\n    #contacto-container h1,\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    #contacto-container h2,\n    #contacto-container h3 {\n        font-family: 'Montserrat', sans-serif;\n        color: #3e81b8;\n    }\n    #contacto-container a {\n        text-decoration: none;\n        color: #13b4d1; \/* Cian para enlaces *\/\n        transition: all 0.3s ease;\n    }\n    #contacto-container a:hover {\n        text-decoration: underline;\n    }\n\n    \/* Banner Principal *\/\n    .contacto-header {\n        background-image: linear-gradient(rgba(62, 129, 184, 0.9), rgba(19, 180, 209, 0.9)), url('https:\/\/images.pexels.com\/photos\/267569\/pexels-photo-267569.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');\n        background-size: cover;\n        background-position: center;\n        padding: 5rem 1rem;\n        text-align: center;\n        color: white;\n    }\n    .contacto-header h1 {\n        font-size: 3rem;\n        font-weight: 700;\n        margin: 0;\n        color: white;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n    .contacto-header p {\n        font-size: 1.25rem;\n        margin: 0.5rem 0 0 0;\n        opacity: 0.9;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    \n    \/* Grilla de Sedes *\/\n    .contacto-section {\n        padding: 4rem 1rem;\n        max-width: 1200px;\n        margin: auto;\n    }\n    .sedes-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n    }\n    \n    \/* Tarjeta de Sede *\/\n    .sede-card {\n        background-color: white;\n        border-radius: 0.75rem;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n    .map-container {\n        position: relative;\n        padding-bottom: 75%; \/* Proporci\u00f3n 4:3 *\/\n        height: 0;\n        overflow: hidden;\n    }\n    .map-container iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    .sede-content {\n        padding: 2rem;\n    }\n    .sede-content h3 {\n        font-size: 1.75rem;\n        font-weight: 700;\n        margin: 0 0 0.25rem 0;\n    }\n    .sede-content h3 span {\n        font-size: 1.1rem;\n        color: #7b7159;\n        font-family: 'Open Sans', sans-serif;\n        font-weight: 400;\n    }\n    .info-list {\n        list-style: none;\n        padding: 0;\n        margin-top: 1.5rem;\n    }\n    .info-list li {\n        display: flex;\n        align-items: flex-start;\n        gap: 1rem;\n        margin-bottom: 1rem;\n        font-size: 1rem;\n        line-height: 1.6;\n    }\n    .info-list .material-symbols-outlined {\n        color: #13b4d1; \/* Cian *\/\n        font-size: 24px;\n        margin-top: 2px;\n    }\n    \n    \/* Animaciones *\/\n    .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }\n    .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); }\n    \n    \/* Responsive *\/\n    @media (max-width: 900px) {\n        .sedes-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n    @media (max-width: 600px) {\n        .contacto-header h1 {\n            font-size: 2.5rem;\n        }\n    }\n<\/style>\n\n<div id=\"contacto-container\">\n\n    <!-- Banner -->\n    <header class=\"contacto-header\">\n        <h1>Contacto y Sedes<\/h1>\n        <p>Encuentra la sede del IES N\u00b07 m\u00e1s cercana a vos.<\/p>\n    <\/header>\n    \n    <section class=\"contacto-section\">\n        <div class=\"sedes-grid\">\n            \n            <!-- Casa Central -->\n            <div class=\"sede-card animate-on-scroll\">\n                <div class=\"map-container\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3643.0858163011316!2d-65.3023812248557!3d-24.18433348123281!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x941b0f196b01b697%3A0x524b02540d5883d6!2sIES%20N%C2%B07%20%22Populorum%20Progressio%20-%20In.%20Te.%20La.%22!5e0!3m2!1ses-419!2sar!4v1730861614838!5m2!1ses-419!2sar\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                <\/div>\n                <div class=\"sede-content\">\n                    <h3>Casa Central<br><span>San Salvador de Jujuy<\/span><\/h3>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"material-symbols-outlined\">location_on<\/span>\n                            <span>Domingo F. Sarmiento 268, San Salvador de Jujuy, Jujuy, Argentina<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">call<\/span>\n                            <span>(0388) 4224514<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">email<\/span>\n                            <a href=\"mailto:campus@populorumjujuy.ar\">campus@populorumjujuy.ar<\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <!-- Sede Perico -->\n            <div class=\"sede-card animate-on-scroll\" style=\"transition-delay: 100ms;\">\n                <div class=\"map-container\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3637.291771142475!2d-65.09341612484918!3d-24.3853176811054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x941b0c0349b8a8b1%3A0x8613f18e38d70b74!2sAv.%20Malvinas%20Argentinas%20199%2C%20Y4610%20Perico%2C%20Jujuy!5e0!3m2!1ses-419!2sar!4v1730861689230!5m2!1ses-419!2sar\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                <\/div>\n                <div class=\"sede-content\">\n                    <h3>Sede Perico<br><span>Perico, Jujuy<\/span><\/h3>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"material-symbols-outlined\">location_on<\/span>\n                            <span>Avenida Malvinas Argentinas 199, Perico, Jujuy, Argentina<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">call<\/span>\n                            <span>(0388) 4911909<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">email<\/span>\n                            <a href=\"mailto:popuperico@gmail.com\">popuperico@gmail.com<\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <!-- Sede San Pedro -->\n            <div class=\"sede-card animate-on-scroll\" style=\"transition-delay: 200ms;\">\n                <div class=\"map-container\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3635.885149298278!2d-64.86909842484742!3d-24.432658481067258!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x941b523e32e5414d%3A0xea842f4c3c3a42d0!2sBartolom%C3%A9%20Mitre%20255%2C%20Y4500%20San%20Pedro%20de%20Jujuy%2C%20Jujuy!5e0!3m2!1ses-419!2sar!4v1730861759458!5m2!1ses-419!2sar\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                <\/div>\n                <div class=\"sede-content\">\n                    <h3>Sede San Pedro<br><span>San Pedro de Jujuy<\/span><\/h3>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"material-symbols-outlined\">location_on<\/span>\n                            <span>Bartolom\u00e9 Mitre 255, San Pedro de Jujuy, Jujuy, Argentina<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">call<\/span>\n                            <span>(03888) 422744<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">email<\/span>\n                            <a href=\"mailto:ies7sanpedro@gmail.com\">ies7sanpedro@gmail.com<\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <!-- Sede Libertador -->\n            <div class=\"sede-card animate-on-scroll\" style=\"transition-delay: 300ms;\">\n                <div class=\"map-container\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3640.457850875961!2d-64.78912802485288!3d-24.26978528116568!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x941b69f68d2a6411%3A0xe4a4087968512133!2sAv.%20Jacarand%C3%A1%2C%20Libertador%20General%20San%20Mart%C3%ADn%2C%20Jujuy!5e0!3m2!1ses-419!2sar!4v1730861805953!5m2!1ses-419!2sar\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                <\/div>\n                <div class=\"sede-content\">\n                    <h3>Sede Libertador<br><span>Libertador Gral. San Mart\u00edn<\/span><\/h3>\n                    <ul class=\"info-list\">\n                        <li>\n                            <span class=\"material-symbols-outlined\">location_on<\/span>\n                            <span>Avenida Jacarand\u00e1 S\/N, Libertador Gral. San Mart\u00edn, Jujuy, Argentina<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">call<\/span>\n                            <span>(Tel\u00e9fono no provisto)<\/span>\n                        <\/li>\n                        <li>\n                            <span class=\"material-symbols-outlined\">email<\/span>\n                            <a href=\"mailto:populibertador@gmail.com\">populibertador@gmail.com<\/a>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ --- Animaciones al hacer scroll ---\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('is-visible');\n                }\n            });\n        }, { threshold: 0.1 });\n        document.querySelectorAll('.animate-on-scroll').forEach(el => observer.observe(el));\n    });\n<\/script>\n\n\n\n<!-- BLOQUE REUTILIZABLE 3: FOOTER PRINCIPAL -->\n<!-- Este bloque se inserta al final de la p\u00c3\u00a1gina -->\n<!-- NOTA: Este bloque asume que Material Symbols y las Google Fonts ya fueron cargadas por el Bloque 1 (Men\u00c3\u00ba) -->\n<!-- Si se usa de forma aislada, es necesario cargar las librer\u00c3\u00adas de fuentes e \u00c3\u00adconos. -->\n\n<style>\n    \/* ==== ESTILOS DEL FOOTER ==== *\/\n    .custom-footer {\n        \/* Color de Marca: Azul Principal *\/\n        background-color: var(--color-primario);\n        \/* Texto Base: Gris Muy Claro *\/\n        color: var(--color-fondo-claro);\n        padding: 4rem 1rem 2rem 1rem;\n        \/* Fuente Base: Open Sans *\/\n        font-family: 'Open Sans', sans-serif;\n    }\n    .footer-container {\n        max-width: 1200px;\n        margin: auto;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n        gap: 2.5rem;\n    }\n    .footer-col .logo-footer {\n        height: 60px;\n        margin-bottom: 1.5rem;\n    }\n    .footer-col p {\n        font-size: 0.9rem;\n        line-height: 1.6;\n        margin: 0 0 1rem 0;\n    }\n    .footer-col h3 {\n        \/* Fuente de T\u00c3\u00adtulos: Montserrat *\/\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 700;\n        color: var(--color-blanco);\n        font-size: 1.1rem;\n        margin: 0 0 1.5rem 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n    .footer-col ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .footer-col a {\n        \/* Texto Base: Gris Muy Claro *\/\n        color: var(--color-fondo-claro);\n        text-decoration: none;\n        font-size: 0.95rem;\n        transition: color 0.3s ease;\n    }\n    \n    .footer-col a:hover {\n        \/* Interacci\u00ef\u00bf\u00bdn: Cian *\/\n        color: var(--color-cian);\n    }\n    \n    .footer-col .external-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.35rem;\n    }\n    .footer-col .external-link-icon {\n        font-size: 0.85em;\n        opacity: 0.9;\n    }\n    .footer-col .icon-text {\n        display: flex;\n        align-items: flex-start;\n        gap: 0.75rem;\n        font-size: 0.95rem;\n        margin-bottom: 0.75rem;\n    }\n    .footer-col .icon-text .material-symbols-outlined {\n        margin-top: 4px;\n        font-size: 1rem;\n        width: 20px; \/* Ancho fijo para alineaci\u00c3\u00b3n *\/\n        text-align: center;\n    }\n    .social-links {\n        display: flex;\n        gap: 1rem;\n        margin-top: 1.5rem;\n    }\n    .social-links a {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        border: 2px solid var(--color-fondo-claro);\n        color: var(--color-fondo-claro);\n        font-size: 1.1rem;\n        transition: background-color 0.3s, color 0.3s;\n    }\n    .social-links a svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n        display: block;\n    }\n    .social-links a:hover {\n        background-color: var(--color-fondo-claro);\n        \/* Al invertir, el \u00c3\u00adcono toma el color del Azul Principal *\/\n        color: var(--color-primario);\n    }\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 3rem auto 0 auto;\n        padding-top: 2rem;\n        \/* Borde: Azul Intermedio *\/\n        border-top: 1px solid var(--color-azul-intermedio);\n        text-align: center;\n    }\n    .footer-bottom p {\n        font-size: 0.85rem;\n        color: var(--color-azul-claro); \/* Azul Muy Claro *\/\n        margin: 0;\n    }\n<\/style>\n\n<footer class=\"custom-footer\">\n    <div class=\"footer-container\">\n        <!-- Columna 1: Contacto -->\n        <div class=\"footer-col\">\n            <img decoding=\"async\" src=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-content\/uploads\/2025\/04\/Logo-Pagina-2.png\" alt=\"Logo IES N\u00c2\u00b07 Blanco\" class=\"logo-footer\">\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">location_on<\/span>\n                <span>Sarmiento 268, San Salvador de Jujuy<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">call<\/span>\n                <span>(0388) 4224514<\/span>\n            <\/div>\n            <div class=\"icon-text\">\n                <span class=\"material-symbols-outlined\" aria-hidden=\"true\">mail<\/span>\n                <a href=\"mailto:campus@populorumjujuy.ar\">campus@populorumjujuy.ar<\/a>\n            <\/div>\n        <\/div>\n        \n        <!-- Columna 2: Institucional -->\n        <div class=\"footer-col\">\n            <h3>Institucional<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/autoridades\/\">Autoridades<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=854\">Historia<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/departamento-pastoral\/\">Pastoral<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/aula\/acceso.cgi\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Campus Virtual (sitio externo, abre en una pesta&ntilde;a nueva)\">Campus Virtual <span class=\"external-link-icon\" aria-hidden=\"true\">&#8599;<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 3: Estudiantes -->\n        <div class=\"footer-col\">\n            <h3>Estudiantes<\/h3>\n            <ul>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/biblioteca-2\/\">Biblioteca<\/a><\/li>\n                <li><a href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/secretaria-academica2025\/\">Secretaria Acad\u00e9mica<\/a><\/li>\n                <li><a href=\"http:\/\/populorumcc.ddns.net:8080\/popuweb\/alumnos.index.aspx\" target=\"_blank\" rel=\"noopener\" class=\"external-link\" aria-label=\"Autogesti\u00f3n (sitio externo, abre en una pesta\u00f1a nueva)\">Autogesti\u00f3n <span class=\"external-link-icon\" aria-hidden=\"true\">&#8599;<\/span><\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Columna 4: Redes Sociales -->\n        <div class=\"footer-col\">\n            <h3>Seguinos<\/h3>\n            <p>Conectate con nuestra comunidad.<\/p>\n            <div class=\"social-links\">\n                <a href=\"https:\/\/www.facebook.com\/infopopu\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.88 3.78-3.88 1.1 0 2.24.2 2.24.2v2.46H15.2c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.9h-2.34v6.99A10 10 0 0 0 22 12z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.instagram.com\/popu.jujuy\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5zM12 7.6a4.4 4.4 0 1 1 0 8.8 4.4 4.4 0 0 1 0-8.8zm0 1.8a2.6 2.6 0 1 0 0 5.2 2.6 2.6 0 0 0 0-5.2zm4.75-2.5a1.05 1.05 0 1 1 0 2.1 1.05 1.05 0 0 1 0-2.1z\"\/><\/svg>\n                <\/a>\n                <a href=\"https:\/\/www.whatsapp.com\/channel\/0029VaoIWj2Fy72ILDVbqs1I\" target=\"_blank\" aria-label=\"Canal de WhatsApp\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M20.52 3.48A11.88 11.88 0 0 0 12.06 0C5.5 0 .15 5.35.15 11.91c0 2.1.55 4.15 1.6 5.97L0 24l6.3-1.65a11.85 11.85 0 0 0 5.76 1.47h.01c6.56 0 11.91-5.35 11.91-11.91 0-3.18-1.24-6.16-3.46-8.43zm-8.46 18.3h-.01a9.9 9.9 0 0 1-5.05-1.38l-.36-.21-3.73.98 1-3.64-.23-.37a9.88 9.88 0 0 1-1.52-5.25C2.16 6.43 6.58 2 12.06 2c2.64 0 5.12 1.03 6.98 2.89a9.8 9.8 0 0 1 2.9 6.98c0 5.48-4.43 9.91-9.88 9.91zm5.43-7.43c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.65.07-.3-.15-1.28-.47-2.43-1.5-.9-.8-1.5-1.8-1.67-2.1-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.05 1.03-1.05 2.5 0 1.47 1.08 2.9 1.23 3.1.15.2 2.1 3.2 5.08 4.49.71.3 1.27.48 1.7.62.71.23 1.36.2 1.87.12.57-.08 1.76-.72 2-1.42.25-.7.25-1.3.17-1.42-.08-.12-.27-.2-.57-.35z\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"footer-bottom\">\n        <p>&copy; 2025 &#8211; Instituto de Educaci\u00f3n Superior N\u00ba 7 \u00abPopulorum Progressio &#8211; In. Te. La.\u00bb<\/p>\n    <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Contacto y Sedes Encuentra la sede del IES N\u00b07 m\u00e1s cercana a vos. Casa CentralSan Salvador de Jujuy location_on Domingo F. Sarmiento 268, San Salvador de Jujuy, Jujuy, Argentina call (0388) 4224514 email campus@populorumjujuy.ar Sede PericoPerico, Jujuy location_on Avenida Malvinas Argentinas 199, Perico, Jujuy, Argentina call (0388) 4911909 email popuperico@gmail.com Sede San PedroSan Pedro de &#8230; <a title=\"Contacto\" class=\"read-more\" href=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/contacto-2\/\" aria-label=\"More on Contacto\">[+]<\/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\/12317"}],"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=12317"}],"version-history":[{"count":2,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12317\/revisions"}],"predecessor-version":[{"id":12319,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12317\/revisions\/12319"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=12317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}