{"id":12539,"date":"2026-11-05T13:01:05","date_gmt":"2026-11-05T16:01:05","guid":{"rendered":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/?page_id=12539"},"modified":"2026-11-05T15:18:06","modified_gmt":"2026-11-05T18:18:06","slug":"galeria-colacion","status":"publish","type":"page","link":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/galeria-colacion\/","title":{"rendered":"XXXV Acto de Colaci\u00f3n &#8211; Galer\u00eda de Fotos"},"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=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/xxxv-acto-de-colacion\/\">XXXV Acto de Colaci\u00f3n <span class=\"badge badge-imp\">Nuevo<\/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=\"https:\/\/ies7-juj.infd.edu.ar\/sitio\/revista-practicas-inclusivas-en-el-nivel-secundario\/\">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<div id=\"galeria-colacion-wrapper\">\n    \n    <!-- ENCABEZADO INSTITUCIONAL DIGNIFICADO -->\n    <header class=\"col-hero\">\n        <div class=\"col-hero-content\">\n            <div class=\"col-badge-official\">\n                <svg class=\"icon-stroke\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\"><path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\"\/><\/svg>\n                <span>Galer\u00eda Oficial de Fotograf\u00edas<\/span>\n            <\/div>\n            <h1>XXXV ACTO DE COLACI\u00d3N DE GRADO<\/h1>\n            <div class=\"col-hero-subtitle\">Instituto de Educaci\u00f3n Superior N\u00b0 7 \u201cPopulorum Progressio \u2013 In.Te.La\u201d<\/div>\n            <p>Reviv\u00ed los momentos destacados y la emotiva celebraci\u00f3n del esfuerzo y logro de nuestros egresados.<\/p>\n        <\/div>\n    <\/header>\n\n    <!-- CONTROLES DE FILTRO -->\n    <div class=\"filter-controls\">\n        <button class=\"filter-btn active\" data-filter=\"todas\">Todas las fotos<\/button>\n        <button class=\"filter-btn\" data-filter=\"manana\">Turno Ma\u00f1ana<\/button>\n        <button class=\"filter-btn\" data-filter=\"tarde\">Turno Tarde<\/button>\n    <\/div>\n\n    <!-- HERO SLIDER INICIAL (FOTOS GENERALES) -->\n    <div class=\"hero-slider-container\">\n        <img decoding=\"async\" id=\"hero-slider-img\" src=\"\" alt=\"Momentos del Acto de Colaci\u00f3n\">\n        <div class=\"hero-overlay\">\n            <h2>Momentos Destacados<\/h2>\n        <\/div>\n    <\/div>\n\n    <!-- CONTROLES DE FILTRO (UBICADOS DEBAJO DEL SLIDER PRINCIPAL) -->\n    <div class=\"filter-controls\">\n        <button class=\"filter-btn active\" data-filter=\"todas\">Todas las fotos<\/button>\n        <button class=\"filter-btn\" data-filter=\"manana\">Turno Ma\u00f1ana<\/button>\n        <button class=\"filter-btn\" data-filter=\"tarde\">Turno Tarde<\/button>\n    <\/div>\n\n    <!-- GRID DE FOTOS INDIVIDUALES -->\n    <div class=\"gallery-grid\" id=\"galleryGrid\">\n        <!-- Las fotos se inyectan aqu\u00ed por JavaScript -->\n    <\/div>\n\n    <!-- BOT\u00d3N C\u00c1RGAR M\u00c1S FOTOS -->\n    <div class=\"load-more-container\" id=\"loadMoreContainer\">\n        <button id=\"loadMoreBtn\" class=\"btn-load-more\">Cargar m\u00e1s fotos<\/button>\n    <\/div>\n\n    <!-- LIGHTBOX (VISOR PANTALLA COMPLETA) -->\n    <div id=\"lightbox\" class=\"lightbox\">\n        <div class=\"lightbox-toolbar\">\n            <span id=\"lightbox-counter\" class=\"lightbox-counter\"><\/span>\n            <div class=\"lightbox-actions\">\n                <button id=\"lightbox-play-btn\" class=\"lightbox-btn\" title=\"Reproducir\/Pausar Slideshow\">\n                    <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\n                <\/button>\n                <a id=\"lightbox-download\" class=\"lightbox-btn\" href=\"#\" target=\"_blank\" title=\"Descargar original\" rel=\"noopener\">\n                    <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n                <\/a>\n                <button id=\"lightbox-close\" class=\"lightbox-btn\" title=\"Cerrar\">\n                    <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <div class=\"lightbox-content-area\">\n            <button id=\"lightbox-prev\" class=\"lightbox-nav lightbox-prev\">\n                <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n            <\/button>\n            \n            <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"Ampliaci\u00f3n\">\n            \n            <button id=\"lightbox-next\" class=\"lightbox-nav lightbox-next\">\n                <svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n            <\/button>\n        <\/div>\n\n        <div class=\"lightbox-caption\" id=\"lightbox-caption\"><\/div>\n        <div id=\"lightbox-progress\" class=\"lightbox-progress\"><\/div>\n    <\/div>\n<\/div>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,400&family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;500;600&display=swap');\n\n    \/* VARIABLES Y FONDO INSTITUCIONAL *\/\n    :root {\n        --gold: #d4af37;\n        --col-navy-dark: #07162c;\n        --col-navy: #0d2340;\n        --col-gold-main: #c59b27;\n        --dark-bg: #111111;\n        --glass-bg: rgba(20, 20, 20, 0.85);\n    }\n    \n    #galeria-colacion-wrapper {\n        background: radial-gradient(circle at top, #1a1a24 0%, #0d0d12 100%);\n        padding: 0 0 30px 0;\n        border-radius: 12px;\n        font-family: 'Open Sans', system-ui, -apple-system, sans-serif;\n        overflow: hidden;\n    }\n\n    \/* ESTILOS HERO INSTITUCIONAL *\/\n    .col-hero {\n        position: relative;\n        padding: 4.5rem 1.5rem 3.5rem 1.5rem;\n        background: radial-gradient(circle at 50% 20%, #17355e 0%, var(--col-navy) 65%, var(--col-navy-dark) 100%);\n        color: #ffffff;\n        text-align: center;\n        border-radius: 0 0 24px 24px;\n        box-shadow: 0 16px 32px rgba(7, 22, 44, 0.2);\n        border-bottom: 3px solid var(--col-gold-main);\n        margin-bottom: 35px;\n    }\n\n    .col-hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 850px;\n        margin: 0 auto;\n    }\n\n    .col-badge-official {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.6rem;\n        background: rgba(255, 255, 255, 0.06);\n        border: 1px solid var(--col-gold-main);\n        color: #fef3c7;\n        font-size: 0.8rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        padding: 0.45rem 1.4rem;\n        border-radius: 40px;\n        margin-bottom: 1.2rem;\n        backdrop-filter: blur(6px);\n    }\n\n    .col-hero h1 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 2.5rem !important;\n        font-weight: 800 !important;\n        color: #ffffff !important;\n        margin-bottom: 0.4rem !important;\n        letter-spacing: -0.5px;\n        text-shadow: 0 2px 8px rgba(0,0,0,0.4);\n    }\n\n    .col-hero-subtitle {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 1.6rem;\n        color: var(--col-gold-main);\n        margin-bottom: 1rem;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n    }\n\n    .col-hero p {\n        font-size: 1rem !important;\n        color: #cbd5e1 !important;\n        line-height: 1.6;\n        margin: 0 auto !important;\n        font-weight: 400;\n    }\n\n    .icon-stroke {\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 2;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    \/* CONTROLES DE FILTRO *\/\n    .filter-controls {\n        display: flex;\n        justify-content: center;\n        gap: 15px;\n        margin-bottom: 30px;\n        padding: 0 20px;\n        flex-wrap: wrap;\n    }\n    .filter-btn {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        color: #fff;\n        padding: 10px 24px;\n        border-radius: 30px;\n        cursor: pointer;\n        font-size: 14px;\n        transition: all 0.3s ease;\n    }\n    .filter-btn:hover, .filter-btn.active {\n        background: var(--gold);\n        color: #000;\n        border-color: var(--gold);\n        font-weight: bold;\n    }\n\n    \/* HERO SLIDER *\/\n    .hero-slider-container {\n        width: 100%;\n        height: 500px;\n        background: #000;\n        border-radius: 12px;\n        overflow: hidden;\n        position: relative;\n        margin-bottom: 30px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n    #hero-slider-img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        transition: opacity 0.8s ease-in-out;\n    }\n    .hero-overlay {\n        position: absolute;\n        bottom: 0; left: 0; right: 0;\n        background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\n        padding: 40px 20px 20px;\n        text-align: center;\n    }\n    .hero-overlay h2 {\n        color: var(--gold);\n        margin: 0;\n        font-size: 24px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    \/* GRID DE GALER\u00cdA *\/\n    .gallery-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n        gap: 20px;\n        padding: 0 20px;\n    }\n    .gallery-item {\n        position: relative;\n        border-radius: 10px;\n        overflow: hidden;\n        aspect-ratio: 4\/3;\n        cursor: pointer;\n        background: #222;\n        border: 2px solid transparent;\n        transition: all 0.3s ease;\n    }\n    .gallery-item:hover {\n        border-color: var(--gold);\n        transform: translateY(-5px);\n        box-shadow: 0 8px 25px rgba(212, 175, 55, 0.2);\n    }\n    .gallery-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }\n    .gallery-item:hover img {\n        transform: scale(1.05);\n    }\n\n    \/* BOT\u00d3N CARGAR M\u00c1S *\/\n    .load-more-container {\n        text-align: center;\n        margin: 35px 0 15px 0;\n    }\n    .btn-load-more {\n        background: linear-gradient(135deg, var(--col-navy) 0%, var(--col-navy-dark) 100%);\n        color: var(--gold);\n        border: 2px solid var(--gold);\n        padding: 12px 32px;\n        font-size: 15px;\n        font-weight: 700;\n        border-radius: 30px;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n    }\n    .btn-load-more:hover {\n        background: var(--gold);\n        color: #000;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);\n    }\n\n    \/* LIGHTBOX 2.0 (AISLAMIENTO TOTAL WP) *\/\n    .lightbox {\n        position: fixed !important;\n        top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n        width: 100vw !important; height: 100vh !important;\n        background: rgba(0, 0, 0, 0.95) !important;\n        backdrop-filter: blur(10px);\n        z-index: 999999 !important;\n        display: flex !important;\n        flex-direction: column !important;\n        opacity: 0;\n        pointer-events: none;\n        transition: opacity 0.3s ease;\n    }\n    .lightbox.active {\n        opacity: 1;\n        pointer-events: auto;\n    }\n    \n    \/* \u00c1rea central del visor *\/\n    .lightbox-content-area {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        width: 100%;\n        padding: 0 80px; \/* Espacio para las flechas *\/\n        box-sizing: border-box;\n    }\n\n    \/* Imagen del Visor *\/\n    #lightbox-img {\n        width: 100% !important;\n        height: 100% !important;\n        max-width: 100% !important;\n        max-height: 80vh !important;\n        object-fit: contain !important;\n        margin: auto !important;\n        padding: 0 !important;\n        border: none !important;\n        box-shadow: none !important;\n        filter: drop-shadow(0 0 25px rgba(0,0,0,0.8)) !important;\n        background: transparent !important;\n        transition: opacity 0.3s ease-in-out !important;\n    }\n\n    \/* Toolbar Superior *\/\n    .lightbox-toolbar {\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        padding: 20px 30px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);\n        z-index: 10;\n    }\n    .lightbox-counter {\n        color: #fff;\n        font-size: 18px !important;\n        font-weight: 500;\n        letter-spacing: 1px;\n    }\n    .lightbox-actions {\n        display: flex;\n        gap: 15px;\n    }\n\n    \/* BOTONES M\u00c1S GRANDES Y FORZADOS *\/\n    .lightbox-btn {\n        background: rgba(255,255,255,0.1) !important;\n        border: none !important;\n        color: #fff !important;\n        width: 54px !important; \n        height: 54px !important;\n        border-radius: 50% !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        cursor: pointer !important;\n        transition: all 0.2s !important;\n        text-decoration: none !important;\n    }\n    .lightbox-btn:hover {\n        background: var(--gold) !important;\n        color: #000 !important;\n        transform: scale(1.1);\n    }\n    .lightbox-btn svg {\n        width: 28px !important;\n        height: 28px !important;\n    }\n\n    \/* Navegaci\u00f3n Lateral (Flechas Grandes) *\/\n    .lightbox-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(0,0,0,0.5) !important;\n        color: white !important;\n        border: none !important;\n        padding: 25px 15px !important;\n        cursor: pointer !important;\n        transition: 0.3s !important;\n        z-index: 10;\n    }\n    .lightbox-nav:hover { \n        background: var(--gold) !important; \n        color: #000 !important; \n    }\n    .lightbox-nav svg {\n        width: 44px !important;\n        height: 44px !important;\n    }\n    .lightbox-prev { left: 0; border-radius: 0 12px 12px 0 !important; }\n    .lightbox-next { right: 0; border-radius: 12px 0 0 12px !important; }\n\n    \/* Pie de foto y barra de progreso *\/\n    .lightbox-caption {\n        position: absolute;\n        bottom: 35px;\n        color: #fff !important;\n        font-size: 18px !important;\n        text-align: center;\n        width: 100%;\n        text-shadow: 0 2px 4px rgba(0,0,0,0.8);\n    }\n    .lightbox-progress {\n        position: absolute;\n        bottom: 0; left: 0;\n        height: 5px !important;\n        background: var(--gold) !important;\n        width: 0%;\n        transition: width 0.1s linear;\n    }\n\n    \/* RESPONSIVE (M\u00d3VILES) *\/\n    @media (max-width: 768px) {\n        #galeria-colacion-wrapper {\n            padding: 0 0 20px 0;\n        }\n        .col-hero {\n            padding: 3rem 1rem 2.5rem 1rem;\n        }\n        .col-hero h1 {\n            font-size: 1.8rem !important;\n        }\n        .col-hero-subtitle {\n            font-size: 1.2rem;\n        }\n        .col-hero p {\n            font-size: 0.9rem !important;\n        }\n        .hero-slider-container {\n            height: 260px; \n            margin-bottom: 25px;\n        }\n        .gallery-grid {\n            grid-template-columns: repeat(2, 1fr); \n            gap: 10px;\n            padding: 0 10px;\n        }\n        .filter-btn {\n            padding: 8px 16px;\n            font-size: 12px;\n        }\n\n        \/* AJUSTES CELULAR: BOTONES Y FLECHAS M\u00c1S GRANDES Y T\u00c1CTILES *\/\n        .lightbox-content-area { padding: 0 10px; }\n        .lightbox-toolbar { padding: 15px 12px; }\n        .lightbox-btn { \n            width: 50px !important; \n            height: 50px !important; \n            background: rgba(255, 255, 255, 0.2) !important;\n        }\n        .lightbox-btn svg { width: 26px !important; height: 26px !important; }\n        \n        .lightbox-nav { \n            padding: 22px 12px !important; \n            background: rgba(0, 0, 0, 0.75) !important;\n        }\n        .lightbox-nav svg { width: 36px !important; height: 36px !important; }\n        \n        #lightbox-img { max-height: 72vh !important; }\n        .lightbox-caption { font-size: 14px !important; bottom: 25px; }\n    }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \n    \/\/ --- 1. BASE DE DATOS DE IDs COMPLETA (368 FOTOS) ---\n    const heroIDs = [\n        \"1KERRH1EIWcNSL2DtuZqd4O02XwAHixeS\", \"1BZ3VooWnSQ4T1BfkcfUS2gGoxSjcH6mZ\", \"1wn4dcq8W8EIEk_GquISkqxT-sJGa4alY\",\n        \"1T4ZOawOZ5iJZfAM4fE_RxJI8NcKCx_5P\", \"1qc3Sc8DGf1CHd96A1WWcP6ula9LL8FYf\", \"11JfI4ZYNZzsr7khzmAg8KoAHtPeAyn5O\",\n        \"1UyUolMeUAoDGnBXz3FCiuOCYOzQwve2U\", \"1j-NklPIwNx3oK5f43VItQ4gQhHfRn7VT\", \"17YHSkqsHAo88xCV4P2Qs5G5u3YI3xOx0\",\n        \"1sTf1zIeNUUNsvWPQHu1HwW-8buLhilm-\", \"12AAVOcxYQ9Pk5J0nRHq03p1lqjoz3Dr9\", \"13uB0hiuvOzgNCdePOSRHXlkI4QZ6Q-Zg\",\n        \"1n8I8eHUOLHGTUGfn8ZGqrOgX7XyT1zmy\", \"1TYKNcIU9a51RgJ9xMpFMh7dwigzzJ9e_\", \"1KdPY3FH-6xiDplXhKO16-sAsV5yfOlI-\",\n        \"1RyDekyJLtCAz8Ls3HWSR8Lkjlni35JCt\"\n    ];\n\n    const mananaIDs = [\n        \"1PRzkm5S6C4t5zkJaIHjUpawSrU1q6aNH\", \"1bOOVpS8a9wbEcl1zZox9VNQ3HT1L4tgr\", \"1Dcui5EJ_DWbNQpq0dsE-2CvFMtAp4PwG\", \"1LJRvjMfOrAB0kr73gc8JtqBizpQNxlwZ\", \"10f9VoNyeKgxRAHE1mM07eP6SPn3qm6JL\", \"1A6-QwXHdUEdl1mMVzqtv62ztH7OpMezH\", \"1ZSHSNG2uRALBysicKoHMKmwdwXbHO9GY\", \"1tV85woOnk09DG6Uxw4rHz3C4V3OYwLFH\", \"10rnYQ3kXz-jin0QoNFPHSCMM-e-SZ3tW\", \"1phOF6gQZKy5S3x7BQm6fD7jvGbf2H39a\", \"1OWMwNB1lLQQ-dJBb6bxrceiGo3FiMBHA\", \"1Ja0Y_4ShZadxLGbO8Nd3ToIydNN-pnFm\", \"1WKtY7i4entnnihD4OnAyvQ9-C0x9088v\", \"1FfU63ltuQrMhxOSUIYSrTJ96Y8iMYwmy\", \"1rgb1fdNnMCZGEAnWCUALxcKk64ZzLcKp\", \"1MoSDqGUdiSjG0HQ4SG118k5j7Th2yk3o\", \"1wsP7u6HZ3iMlF12WKa245XqiSEf7oTsM\", \"1uj7nVsTolv90iwB4PszmdC_GCESh2KR4\", \"1gS1EoYYAwtJV5P78Dl6hpnrMg0-khI_6\", \"1TpY2dtmRxyMu1CikpzyvI6QcPN4aH2rK\", \"1viDjIUPdwlHlMT0iTH7eYwfZMQf0AW5D\", \"1pXKAIYj1NMm8MPpuHEz7HeYCYAS3Isvq\", \"1xFy-B_v0loMSUq1m8UlAqeZeDyYzaWFT\", \"1NIQXQT4R69AnGvCierITtruPFqbY0GfV\", \"1lWMBVlRX91G7t8bZpgT-ZaylAHqQcWDD\", \"1O6w_kG2LU2i3HBM5EfUEiJIVjyHp-juP\", \"1r4qXX42R4ySU0kGn4CXlzXu7lkR6Jmms\", \"18pgofGQ3cryAhkp0Kv66WkFdsVUCJQv6\", \"1GzOrvhJ7cXYQAxqeFTYvZowFHPNpPZl4\", \"1_1NpcbeyLa6WbXkIDSTsOe6BK3cQxRut\", \"13VOUAKT9S56-XKR7AfMcN8-9S5GUCQLd\", \"1962pXY1ga7iOSua_8UyeWxgt9A5qpwsU\", \"11wTUKu_LaHo_ayUzhQaRG6UrEZ9fPbxH\", \"1CtmpKE9SZGuusEeJVn5jVhMrx1tze9QM\", \"1kRk2i79mVCPri16Z8iQh7lrorYXfduCT\", \"1qRaN2gUw2D88h2eSbnRC4hPsLsFFo9fL\", \"18wFev9oQk9xYBNWTXc3Zg5iVF3j2ZqqU\", \"1Fx3C-yMNICY0vBDTDhLGLNToGY6X-PZn\", \"1_Tz51-jKk0Tmw2m06xaXX6q8loVJOdj7\", \"1CGsPStwRnN4V2NLa_8mbsoAD2YxnC_3p\", \"13RBZhMtS_aQgS9OjYBP_N564Smf8KnNO\", \"1gqB1zeQH5ZTi8LRD6KW-lvxml8fFz5iK\", \"1kmnbj7t1RMMKhSVLlad7T2rCRMtRQrFP\", \"11zDaN3zot4yFEG4GQSa5irLDtkjj7yHb\", \"1ZBaunH6NVt3BiN51JHfQFkKwuz4hHQwQ\", \"1xfOydpPRMiLK3MWoFBNaSMTzwoZBznpL\", \"1iQQ8b4eFkAII1X0Z5eRPRekuGytPAIi3\", \"167w-IjfY0JDD7FGY5MpTbaCGtDOQhX3A\", \"1V29gNyGGbYVuBOaClpgs--XodkFF0HJr\", \"1zdqF--kdC-Q7OaaxQzExJQ1UYr1-efZJ\", \"1FERaxXi7TzmeTh9XtHsP4PRmZqJGVzMU\", \"19h8agCHxOr1JgiwitDvd6feYzNd_QisJ\", \"1uh0HEu6RmGhogXOQoPhihjwafHcvDNL6\", \"1anFqyEVfYkYE7VpYYkEPETvofiYOHTYm\", \"1xPfdtkUuNg2V5HmRZ8maeXSC58Ym0L4h\", \"1P9uBwG0jnszDC69AOkJHhMgXFAPj71tg\", \"19AfQgBvrxG9JGQSiRplama8o-5p_ECys\", \"1XB5193FzbbsFA-TP8Q-QNHACCCsxz_hK\", \"1VDsaZDMw6n_Ykas-FOSg3w7pt6aoRfU2\", \"1es1W0AzFUzmMvGFVyRYyEIkY5Lu1MpBP\", \"1h4KPgCK4RTAzwe9jXcrTyaKAiOw_Vfq5\", \"1v0rn8_oFC8fdEMP8PeJMbL3-zWa9nJLN\", \"1KSckbKbU3xjdwzMTtxn7IyJqRrRVde5f\", \"1H5dRAGn6fGU8b9nDcLTiCqY5Ly7poMGW\", \"1qqidNbuyRdr0oldlna_exrAwbLALsXHg\", \"1kQNCbFgzLJIX54-xvDHEJmQQ8ORtpSEa\", \"1R6ISN7OGS04ZUhmkd4QGSZ3Vo-EN5pR9\", \"1YbPdzFAYqZTwyIYYKhCWg3KTqQqE1NXS\", \"1kGQbkiJfoj9qB5fm92D5zOVand_s_ur5\", \"1nugUzZHdp1DG10mNKMHIU7p2ljVsFil4\", \"1371-dL_aCMNXS9Js2FhAGe-zC4L9dAT_\", \"1vrxzDwqEGTfVbi2Ub2BI13mNnH_MpY-C\", \"1vKvoAQmcWLfegZ_sYgiIhfpplreayWC-\", \"1LlRfIsRAoWM03uOmjcoyeXAzldKqq1Be\", \"1ZmJxCWMxPZwFYnWU7sl-cHTWbI_WfeRh\", \"1U5SQSw4fkYXfP5FEiU5EEdoqfS_I0a2G\", \"1lAdDaPYntCM0tl25-7cmOX2wfoG1_Zkc\", \"1Uprc1WCTurHGAydnDtBXWCGe0C30am7l\", \"1zTmmCCQlv_PhqNjy8DjIfcIr7Xx1IDlV\", \"1WTqwbwwivmRBFZh6su_weigEJ2qniEEJ\", \"1LaV9x1ujU48t9QCsuseDZW2JlQr71dYp\", \"1qsEEkxn4sLaHbb1n4YrAc7zNRZPMN2Ru\", \"1qJSGL2VBbW6nFpyyl0b0C24Eehp3dQf3\", \"1SDeSzvdWoPtcylJxeSknL9diYUrR09gJ\", \"1BXe_p8CHGjaGxB_Fi4xSwQKCJwlE-7Rh\", \"1z8qKo_WKIiGcfb8aPjGX2yOjwDkfKYBT\", \"1c15msIS_8JgZalAvus-5wmzwbkNBgyjQ\", \"1VT4KRThT_JCGPG7df5iGhKc_arIy3q0A\", \"1F1yNgRwlBemXB4JDJJyxImRUx5AUYxGL\", \"1_NSzhm7E9ucqSp4C4XHPqYm2BQT6gh2Q\", \"1zVikSHWoPuLCqh8Qxj9xM9XYh5ZI1xoL\", \"1zlNWwL7pbfGFOMAIMQMssD1-0V9_ZnCs\", \"1LQlr2zBDSPDmzrVwMfbhf1QUrR3XocwG\", \"13-BpQOHsF-OxrDDNleh5kAYSD7tySjwW\", \"1s0jIE3OaU8eTUVttOjcaSFdxgP0i1nd5\", \"1OVzyiaN02R_93TyWtkuWr8Z9z0vwa0jF\", \"1JjsWMYJqmI1WIRCpKzkmWbQf6NxcUcA1\", \"1BzVaigfVDOi3UuXVge_SmSQ5SN3Y5rxl\", \"1rnjZTyb978UaXWtjjS5aH0V5MWHTHysc\", \"1xln8uyc65UXwTTcVQeJStt7ZA32uSl_o\", \"1sriFbM6rDr2-vHs4zAF_Qx3zmEHznFcz\", \"1qO8LjwsQUv88bQNqTrJHfw-fVCCE4tCD\", \"18Md9zMFSYnaA1-ik6_7YhVV8VkW1ADOs\", \"1UzJb615R6UIsQEm9ziamaUrnWXPSnNEE\", \"19mzds8_CLXlPlg2uK5kIB7eArGEPZHR2\", \"1HFwZ-FX1Z4sA1arnaEWjWMIXJxSWmUDZ\", \"16Iggabq1SMfAeR5aGc06dbpDLSYl6raO\", \"1_Pud1CuzuNoyYajd7LZZPZzwABp7I9pz\", \"13TAz8Y4Q3e1_kfDwUsEjEjQR47FmndM1\", \"1frrnjUuIyrPKUQKnWVZAqthDplTomv6r\", \"1y4m7Dcm4Ouctf807pw97z8gQ1AfnGvlW\", \"157OaYh53JO8zY_aFEaj8QX6gXNbFdl5b\", \"1XItO8eOiQVKewNEpbV6q9f0nkRoas9Gi\", \"11Hhf6KA8DvEM9N4C4MUyLw10UAuCEX10\", \"191JffNBpk3pkuPfrbfUGDABI8h1EeR1w\", \"1IaU4CAD1gNwF5RbTaoxya8YO9TUv917F\", \"1a5ATy6wlsempdg-4BooH2SZghLADo-et\", \"138AdIXRnLwhf23__w9GCva_SyNGg_YAH\", \"1mMREOAnIEHFVR3eH22lW3yqYSJ_pHcDV\", \"1kPiyyACxCoAJFumTnnGUkFFUbNGp-PL8\", \"1EMrik9_dM-dnNVGWTanCJ5HCSBq56hmG\", \"1Sf5NYQuyqHSo6XLzF7hoOA9FPMCCN8JR\", \"1Sm9p1WLS1RGZN4FF4hb5MdNNhF4XRH2g\", \"1OfIAewFd7420UAalojyER9QUJIekZgSM\", \"1E0_IMVPBYWoTy0aS-PFMYrVA7umdHx-N\", \"1zgR8ss8Omhps0l38T7UF_51FU0OknbXa\", \"1gYSimDTQ02JLo54TgykkiGf5OmptCn7W\", \"1fTWL2JSvCvIjgaIx2ofTChQDyDH3vMKN\", \"1JmC2cNHd6dHHYpTc8P5-7aT4bDSsR6ER\", \"1hoWAmh791RJEoU0ssX5M0l6Ic3UowPEe\", \"11GlqWUa6nKilauK9HgE0UklF9gtyzPQB\", \"10IBStCFABOwTsj5SIlpZK_IpWUw_9ENG\", \"192iyAgRgXTBGbXUHYwVDgHi_pDiGNDTd\", \"10oq9s8hYN2K3v62C1gAt_NYTANPdRhSp\", \"15HV2b0zltDiRljTbVGk4hDZ9eAGEWbNb\", \"1pZGguMh_zMEkjRqKKnonwk2ImDJT7hAN\", \"1muVSP8eI9SzfZWp0LuFB9UoXxKwNcGGH\", \"1m09IFxao6vXDhy_TzafVkn-ORhUqFxoA\", \"1GQbKo4dKVntubnNicjnVdVmmL8ddgfFA\", \"1TacC4ewOC41UEmEheJKFQervU_Df-U-G\", \"1hRImuoe3Q-PBYfAdyknHfCX7MYcmI9P1\", \"1s5PVCQXEJTLrdLaRfgzFHDxXHVlZpEQK\", \"1E3eS-KEgwT0hrlHHsuOWuf0yXIgVlYIr\", \"1AfK3nFLgai-MAlQU1eg28ECqbDgDl6M4\", \"157Y1g84OM094Lk1oTXoFsaCSbF9iUyEG\", \"1SqDAxDlz8GBbPr7NxVvkKBu9-j9kP4sZ\", \"1axIgLbivo72qnvuM6LxLFBk-V4Eiwwg0\", \"1RFKnSlBD-RR_igSOE5ufiB6lvnqNtGMl\", \"1ITF6WiMRmTmPTCxNAHoL5T3sNxlttzgw\", \"1kCBaP2V_VJnM-EcfGLlQRKK51ha-pSrf\", \"1DvuU_1qpjQjMdCU3GZVVHWxvnlP4_Re9\", \"1plFk3wBYXFlsHPXHCTJSBX12_Z6LFtsv\", \"1DQ_8v5BUikMi6CHXqLAdY_UAqtMbomdZ\", \"1nBdo1_geUog1QHO-3jnY0rIyFM2fusTv\", \"1Io6oevJ6K552SvbT4TOSe1rc8gfmEqUg\", \"104TrsUrZgxeYysEtjbpm8WaFxsVYY52f\", \"1nzOIZvmDIp4HZJggplqoKBx1924agZYH\", \"1xmo9-nHN4rW_o1BFEMdnbcrsqObBRfxp\", \"1DFROMzFJGpyLipZq_PttHkajIHMWWxsU\", \"1tNWdZCEyZNUlkWF5M4MuAr_qvjvH5_ef\", \"1NjOiPW6Jj_ZNOG3E4Sm_lChTFPVtXsJM\", \"11Z3q8Q9k3gWvRgPu9ccI5Ny2xkiFEMmE\", \"1xdLAmBJug9cStSuHmcMLi1rSX4NA-ZkB\", \"1q6dy9KCro5EaMFTxZNB44uqzNKpGhkBV\", \"1DszjiWHXScPvzj8riFvh7URKQ3nuwGt2\", \"1GzLdG1zhNXlW2X2ZvkLzQL2BtWKAO8wK\", \"1BcPqkBZyL1Whf6L7xYcUWaiiU5--Mkfm\", \"1JnI85LGpMrE-gasuXUzNzvGLENG96nqM\", \"1lqWrQSTDbxFamrWXznIVICug-InncbME\", \"15e4S5oPTIR2RPlY-RxQBFmVKAnYRauZX\", \"12ywfnRfIZNoxHb5MjqowTEyTg9u0emph\", \"1GhnX4au0XluWgsSyNlloP18Od39WoGbB\", \"11_W-0lzuW7aqaEY2q8jGSGrqak5iiKC5\", \"1246amp1to6_prcljac_IJe4pRmAsJxgR\", \"1SveWIz1NNssWE0sZ_KZQKWqIOz20kOVY\", \"1C2C9Gf0Qcbg8fgB5lOcX9P1r7kbZ9wXu\", \"1uedsM7iI8MTsZV3_vVxp-cFLOlb6nwCs\", \"1sVjStbzqjMvrfXlhotAUmEVOItccVDzR\", \"1JJqKAaWl1wmwtC0DegezEiraldhQ-vfL\", \"1zy_EWNuPfqoOGiNKOVKHrEPLnvS02qzI\", \"1SDCn9t3yZEpc4C-0k5wkMcsO_0raZpH9\", \"1R9u6XB9SnUfrkNZGy9N1Tp0OnMgHSivG\", \"1qG-Ly3OzC9l0DUN4rXZdHdBG7ewjoTUT\", \"1xHbRVLQxzE56jfN-eTaC3hFYhdpNQTJD\", \"1p_uUXtn1Lgi5s_fXflfYN-iHTFW_mrk-\", \"1Q8ogAMm8naF4ESDqhXLxyG4YmOeqxKWf\", \"1RE2AmnwTyL3RWesMMjeuVgW-ROHBlpGY\", \"15BUGMNUyk3eOoZ9FWkZp-4og27eECOs6\", \"1g_RBKQ6rUxqht_6XkhJpIJ6a48gi6PU6\", \"1LhUDs0AKil1_bvQ0_vf7CidMa9IrsmLR\", \"13-M-dubhu7RnhfHRu6GyEzIfSv8Wfv4v\", \"12yt3FJTIKo8tPIrPUFn4Rr-vU098LWN-\", \"10ecUm_QqIDwzScrIg9L4KmDFtE7a3AwR\", \"1eAwrMMCew06M-AdMxXhJVRwUwlrqcFiW\", \"1nyJUFS0rKXFu3exTy_1LEWkLx4VlsmzF\", \"1CA6FDSNV497wXgq56esbhII09I2LBjEC\", \"1Re3EL4GVi6E6P4eUrg-XHIPA1qoCYVYG\", \"1C3wribCnAG4m2S7b3t_c0Ec0qxOPPoCR\", \"1KVoz9-SZNQu2LTY4A77ZimwjgHhOEGN0\", \"1bV6fkkHIzq7oISNRjMxpZRCiwDWB3lwY\", \"1HuUTOaz6K3cs3Ntuy_U0kWYhDzMKGTJB\", \"1H_nn-mgpzjptXIznGzQg99nUMqwOAeVo\"\n    ];\n\n    const tardeIDs = [\n        \"1iP3QMrpZ1KwglGO6Xsr4bQIftAxXp_PE\", \"1etUcfidyEtyfNudTA9msl7_mei9SJ7bU\", \"1s4Q_O9K6MfKs1yJRry-yuFryII14u4mH\", \"1AIpOnY2hqWSld3hDiB_cKjAM8JfMB0HR\", \"1s2aZaA6TFSkLJpq2zLqj40ec59BQ1QAD\", \"1Cq9k1kwzpUsQBXivNMSJb239ybueQTBK\", \"1GbJiU-jDKv9Mgq6t618v5VmlSJzF8Pbn\", \"1ECJnGPgLvSBnLf7ZdfEmQH8g27X9Jhfz\", \"19bnJMb7cN986dV4sf6zvEw360C1Nw-SN\", \"1v1fYSz_8yAiaFhc34e0_E0ksen9kxyT4\", \"1T7sBDhpQP5FjlwkQ0Jp6Wf_9aZtsdXUE\", \"1bNwei-sObHrYPkT7CLspAusZ30beIivi\", \"1c3T60o3S4b863yKmWRDiXL7ajtDR87vj\", \"1bb1anz5BcnLRGt0ZBtEOIiPMfgWjP8LS\", \"1Q_er423zwB1LnFIcGEIUCbE5Sc6QGJon\", \"1TuSu7Yhui0mb4_tTO0rV-s6p_7nkr9Yt\", \"1EU9bcVxpt70pVPxhLsj3PQIUFBAjRRBj\", \"1y9CuD-_s268sw7oaR9m4mr2z_vJ-MHQt\", \"1hdbTRHyOci1IpUOkPOuNeUvgbpzVf9u1\", \"144CYfsDAg-XSlpCOt-oxHJ9jOCk0gFuI\", \"1cHwotiAVYkpfWxmYbpBYLMRPG3k7NCkt\", \"1dPk0uR_JZCLpoDXWrRC_RC88lzXt1TCq\", \"1es0L_aLwpeMZVvHsYC02tiqwpUV5wokA\", \"1q_y3-OkpzgzAIlyLwwnsbEPd55hovQHS\", \"1ThaSlUohxh4JQueENemys2MsxZU1G629\", \"1PWCKdhYzrE1_ImzpkuneNbyubMuhIf8_\", \"1m9RTkwiyBmZPLNlmpSxy03tZ5pi2vDb_\", \"1SrPSLWWqDU5vicZVb0iE12z3PceouLNQ\", \"1CjfPXQFg2X90IFFtoAagKL0m7teu_4wx\", \"1MsYvluCHzq4Xy1-dBCBln1iULISTO-j6\", \"1QqWwVn7eOD0fY8Yac7FffhA7p91csS6o\", \"1jKhk7kookTPkXDzSXOAzgZ94QlUGob4-\", \"1hzx4wOiklPenZnQDM_tLQ6P7DFubvkC9\", \"1IRUt-X00br0XE5FbKg3GXfWQVjmCnP97\", \"13mc2-iQr8n8So8m7HfEQpoGJMdP3zl5W\", \"1fB8Eh-EZ_5cQE4ZdZCsQmDDKM1gtRvLh\", \"1ejNa1evCUh7O-Z9U3RcQPnGGuQ1tnfSr\", \"1hqu68BC8SPfNbs9TBDyD8hIr4kzRagLS\", \"1KwqPjg3WJYTHxdSJvq1anZfuet2lRQ9u\", \"1XYLpjHH5qSFTdQAT7ANN6JxGU-D47xJF\", \"1O0jn5S35GAkZmUKqZtN8DzbA-qFadlK6\", \"15EFsUsnHcGF-2blhVvLTLcOnFwofcEnI\", \"1azeWb8Hs-9MMkTh3jqXYPqKgKSOzvGiF\", \"1-6SWoGiP0tkjMBaqNPyhsV5gcZpoDpIK\", \"1I7Ji-rPXzRuluOyGPW-AytIHN3JHG5Z7\", \"1vD-Z3S17oUYauTfyisuke1bNVBJ4q8cd\", \"1zCEyaRzjf1RWk1gzXLvZ-iFWbb4ZxGSr\", \"1ECbMg8NyJJV7WRc6FG9iG7dbppRTpDIv\", \"1fKkZyf8aVWoTpAwgAm3DnIQeQMBptLKa\", \"1AmrdKG01bcUi28J8BfdQOz0z0PWFscwx\", \"1RRyPZk3Q0_kL-7CuxGdZkndKWrjjpWJc\", \"1mkwVEO_6whtfZfyxnG_xx37D4WjhGaA9\", \"1qVG61woY2L6fVlfb72NWayurBF6U8wmU\", \"1qCg4Gm9O5r708j6TykzgdO_K-bVZmoxy\", \"1S_PFj2C7XkWkf-wrymiTsIrNJvTJxqKT\", \"18DXuN3I5KEPW0dXSXx9dVTxO7TDj79nw\", \"1fneoBnqsz9wmv9tp45n83o4jzKPOBd8X\", \"1yZcu-O9ZHera3wDW6B4Per9MfNgXqQsd\", \"1lxSTUlAs8gy5XWrw-_EonE6WDHe4wv9t\", \"1zUZbXDYlY1fJYx4r9fFUB_0RYPX6nMot\", \"1kwCoEzO9dRA6JqDsDt075pzXHZvLYBxR\", \"1u2CcbMPPEjDDZYmEfZygG3Dj4CC9d2z6\", \"1WJA9-4z9iooKDeHdDSqLTpToavSjTpla\", \"1L4aY3v1XPvBt6W0-l6btfj9ewm4YrYxt\", \"1yB8i6bytvWo-i_0AsK_ylN6D5cZtCS51\", \"1371e4Ydykv8gu9yTlj5XxCKrSE7FYs0A\", \"1uD-qkeJUPZGJSxpKwwd71S1_d_MCRfUS\", \"1GCdofO4NWYjubwmJbsq1f526W6PuS_6j\", \"1DbcOrB4zNI5kGInhbiKgs9OaTfKG70c9\", \"1gGnRMObVQjY_qZb3j6TnLzcLUCRP2h6v\", \"1Bdt8PRsMBlzA9cTLAJRlwYc60RQgcwV2\", \"11aOkLVMwWGBIjXkwarBbPCVPIYlwVSTF\", \"1ubJC3AwVRXrka-g38LNUK9iZC9EoUy--\", \"1RMYDXzldTOs-rhIHUlWmobqJYWd4UGUC\", \"116mDsO_h-m-wRvKZh7NddQ8MSDhgSBUR\", \"1S8DQq1HfBQW6On30HQZkcO9Q_MVb2pd6\", \"1kVXcveGuCkmneNQzWcuur3fexODr-6q1\", \"1f6ki8dDUy6kQw2sgDSeGKbgEiJWsxCEy\", \"1w86YMdjWmTP_j2wmcwuu0hNk3eFhbTVj\", \"1yzLouZUfvpgB18vfFUVeiFUvxpWH7zVS\", \"1A_Df3WkAxzz2SHmMRSThY1sjSSglBWMN\", \"1oCLPNK93dpay-hfw-gFJ4XwwLY2UZrxv\", \"183Ea8a17aH2rn2yLZyUp1vNacq8Afmuf\", \"1Soe3ZNjwiyRnXfLygC0hW5TjU0eaNT_I\", \"1DdTK5ZAaXTanE38XCWyaCEu9pvcFN1Mc\", \"1WREnjmnT2Sp1_08a1RKXyNQQ9KqOLATB\", \"1cAK5J38yJHAAZuGYDhJVqqfUmEXSo2Ng\", \"16e_SfGs_4nKTfUtD5zGAyj9aVAUQ9Fi4\", \"1Ke9ujXhPqyADA0Wf4idZuBJxksxw-aKt\", \"1i2x2ESkr2nfyR_TVqg78TV6DU7F1kroh\", \"1MAPHf_KYkx7KohD7411BcLRIvpLCdQI4\", \"1tKXAsgvdeasaoiiiYBYrVDcA_xMFlnTR\", \"1Ljp4yPlRicCZKaWv-rSWxDSNS91yzA2v\", \"1aIq5NzmodvEyJxYOCg_IKZzIRlIoiuE7\", \"1L1oT7_ZhUWHphtmH9k93j0VploYLZFPI\", \"1a5fGkNmhWWLfl1q6aZf1QZzW5BzvIGPI\", \"1ZQiieui-pRUN3eQzgoQwjBarMfgdTPUb\", \"1iaSRUuXtw_GTKldFL3kheCqVv7mzfnYD\", \"1thWbOqw7rfvVaWGSqPc-ZfMjc68peAH7\", \"1zqmcH960ZhbEarEjythfecDEGK3dPeQt\", \"1Wxorba9xFezqf5icLCgpxrVP1M9Swftd\", \"1b-ykpVAauKQcKUN8g9xAi0uuh2CeNith\", \"1aLUJqZSo-8ZxXRkff59QI2xijkMIogWs\", \"17k_F7gY6Mon8gJBdMj4AI3fvZyeHOZo0\", \"1y22etf8AkI6_7q9VUsp-gptrT8fNBwWW\", \"12HTHWVy0WRPpyce-17iprv-wBtkYH-ia\", \"1s_Akpd6AtskJ3BJH27Lj6KtLVHJGpDAd\", \"1ZARAX3ht22Wj5Lheh6s5reS7zXdkZ56h\", \"1gBZRW27T3HA_4Eo7CokVzHkzEGRWtXi7\", \"1GWF92if_57Ylo_A03zLec9G7NEV3apII\", \"1RGvqAxqQdna0dompM8RgMCQqgjJbNOOL\", \"1jOn9V1bULYJmOd8CPjZ4tHoiv7rCmMKx\", \"1qws6V9_24qN6PjR95kHKzg51KzJFiNfW\", \"1oRpFEaSp__QZMWCh2vVb65-9BNmkAKo-\", \"185hMM1SJyXcqiEuL1sdfKFvYpXTZ_RRz\", \"1vpzeO-3u-iEr9zP7jDIPmSIB4PPSvKJH\", \"1lfJFzxZ5e0uDak5d5KLmiy8etIUEI87Q\", \"1pFC8roe-ZLZfn_5-GxFLA9yfdHQIcJUt\", \"1GUSXqe4kqjW252IEIcZUhARJJTQF77gQ\", \"1kO-eyk5IzaBQhilKvnley592asinANnV\", \"1KvXlOwqKvmaQ2KsBdBOqQIY1ossAwNPJ\", \"11WBhAXlhuXTYn8K91RpKlQoDaj8qZOy9\", \"1MWAy_TOeIdiydW1CyCsdu5vnt5JCYa9N\", \"1Fr1ezSk3jryebUCr_3p4wuQUHL2fmF1N\", \"1tDDBx0UMa_FxRpGhcnSmBogG9uiy0sca\", \"1kuDy8TgoiG5lAz3Wowif17KFuEFDC2AX\", \"1pXGkcX15ssIO8tJUfXnGsN7FL0RKwleG\", \"1nbfK4tin6T4zqlkLg9pLTJy1fKHY57yq\", \"1NyJemWRgfnBGHtjkj2dNjF8wEvniXie9\", \"14AL506z9JFORfJLKq7YHsN1F4bmi4GZm\", \"1cHafAPAd0k947jDY1PS-JBE_b_qbxsIY\", \"1sS5XvutLyLKiz57sQorQ50WbYI-Nar-u\", \"1sQfQgteR5HiN3Eo2keGNdJzIpJstHrrR\", \"1YAeJPCzOhQA08ScMxpYVFbdG1M2uZ-hn\", \"1whimGfhZtdWkdLK-Am_xYDewZbzUagXj\", \"1RRWXdBoq9YcBQfut7XHQ1HW02jN_cSK9\", \"1Q_ypBcQmWbUzfC23aRTXVamZ-4gpWOcS\", \"1j_SswRQLL2Z-0M0mV4cnnzAQhjxdJ2mc\", \"1Xsa48ux2kx-kWq5IJx4Fx-46jXPQZPsz\", \"1nNdHR-XiMUmyk4K7ftxpPeoS-WbSZ5lK\", \"129Rhfrw-00XkYMd9A8XtdlKpwCU59KXk\", \"1qI9hTn0gPXadW_zcFkqd14PxL9QnC2fM\", \"1P0Rdocg00Cmpz-rw8w3UmJetkrONZfSR\", \"1s-cMH2U3CcRVhvckY_NjDcNhxW-FoEFQ\", \"1kIusx0rszhCl_OKje9IDlFH6dGY8r4q5\", \"1XTCS9RiuhvPU80_ZQ5XD6-cqsVJPh_1v\", \"199eyXulXpBFj-2w0NcRYsq3NivLv--3y\", \"1B5MkoQ1urK0YfyOY_IM8yMjbDOZ0zVDQ\", \"1A-Ewqyqg0Ozgy9LdOdmOINZc6Mr19jfR\", \"1Eh-GtLDeaGcVZ_GB2CURfUcs0p0auL_o\", \"1TvclNx7wmvjqmrEAvs6kLDQsTxyFNRZQ\", \"1hzBhBY1QTnj9m28KOL62vFx3BAYGjeFe\", \"1qi_SbDsDQGpV68vYcA9GWd7TUWJR3tc3\", \"1o0_ClJBe-JxCAEv5XlX5jFCQL-v_SVoq\", \"1kWRibu4GSJUNmTDxvNlPUlDK5vDs9K7m\", \"1sls51XOvFJgiDtuc6MmR9yJ7M1fXgglu\", \"1TBF3ED7WblB5CMq5l9ccL_Kx7DOLo22k\", \"1NnaFXZBAramSXaPg_cmFdiMkpUB5Kx6h\", \"1DFJ1rQ7O7Dor-o2DxD3Y-wo1iFWGbIiN\", \"1SrN4HX-tximm0NxabD_GD8NCC0Wf520b\", \"18D-XlgScTJrd4GWZQDCnFiPE0_WtfOw3\", \"1EMAy0p0JLqd5iYkKHF3uhQCQzJZmLqWf\", \"1PTSQP1YlOiKhOXg-gaUYKIwcZgsBc88J\", \"1HiyquaJxzKHyV_rhVc-jV1fIlbArJtK-\", \"1qG_4r-nh8CXM22xqRjYB7ZgDnYeNybD6\", \"1wLfdBqVZaE1RH_FZXPNEyp0TMj2tdg4j\", \"1AhdHKRlP9CHrlqf1D7BG016bqQj7QiFu\", \"18Wi136MbLAnQgvHgQO4KHbklJ75ykAN8\", \"1-C1wjn04aZMwMrYN7PwZLDTh9YcVSx4w\", \"1ZyDtuygy4jI2DlsvYEQPUzWwFKrlhfaf\", \"1vJj-ZCTjlLNFzmWUcWQCErK4Xm_tXwS1\", \"1xGlQyL1WvgtWPjar54FGzj8nDcxrdUma\"\n    ];\n\n    const todasLasFotosIDs = [\n        ...mananaIDs,\n        ...tardeIDs\n    ];\n\n    \/\/ --- 2. L\u00d3GICA DEL HERO SLIDER ---\n    let heroIndex = 0;\n    const heroImgEl = document.getElementById(\"hero-slider-img\");\n    \n    function changeHeroImage() {\n        if(heroIDs.length === 0) return;\n        heroImgEl.style.opacity = 0;\n        setTimeout(() => {\n            heroImgEl.src = `https:\/\/drive.google.com\/thumbnail?id=${heroIDs[heroIndex]}&sz=w1200`;\n            heroImgEl.style.opacity = 1;\n            heroIndex = (heroIndex + 1) % heroIDs.length;\n        }, 800);\n    }\n    if(heroIDs.length > 0) {\n        heroImgEl.src = `https:\/\/drive.google.com\/thumbnail?id=${heroIDs[0]}&sz=w1200`;\n        setInterval(changeHeroImage, 4000);\n    }\n\n    \/\/ --- 3. L\u00d3GICA DE GALER\u00cdA CON PAGINACI\u00d3N Y FILTROS ---\n    const grid = document.getElementById(\"galleryGrid\");\n    const loadMoreBtn = document.getElementById(\"loadMoreBtn\");\n    const loadMoreContainer = document.getElementById(\"loadMoreContainer\");\n\n    let currentGalleryIDs = []; \/\/ Todos los IDs disponibles del filtro activo\n    let renderedCount = 0;       \/\/ Cu\u00e1ntas fotos se han inyectado en el DOM actualmente\n    const BATCH_SIZE = 16;       \/\/ Lote inicial y de recarga (para rendimiento fluido)\n\n    function renderNextBatch() {\n        const nextBatch = currentGalleryIDs.slice(renderedCount, renderedCount + BATCH_SIZE);\n        \n        nextBatch.forEach((id, batchIndex) => {\n            const item = document.createElement(\"div\");\n            item.className = \"gallery-item\";\n            \n            const img = document.createElement(\"img\");\n            img.src = `https:\/\/drive.google.com\/thumbnail?id=${id}&sz=w600`;\n            img.loading = \"lazy\";\n            \n            item.appendChild(img);\n            \n            const absoluteIndex = renderedCount + batchIndex;\n            item.addEventListener(\"click\", () => openLightbox(absoluteIndex));\n            \n            grid.appendChild(item);\n        });\n\n        renderedCount += nextBatch.length;\n\n        \/\/ Ocultar o mostrar el bot\u00f3n seg\u00fan si quedan fotos por cargar\n        if (renderedCount >= currentGalleryIDs.length) {\n            loadMoreContainer.style.display = \"none\";\n        } else {\n            loadMoreContainer.style.display = \"block\";\n        }\n    }\n\n    function initFilter(filter) {\n        grid.innerHTML = \"\";\n        currentGalleryIDs = [];\n        renderedCount = 0;\n\n        todasLasFotosIDs.forEach(id => {\n            let esTarde = tardeIDs.includes(id);\n            if (filter === \"todas\" || (filter === \"manana\" && !esTarde) || (filter === \"tarde\" && esTarde)) {\n                currentGalleryIDs.push(id);\n            }\n        });\n\n        renderNextBatch();\n    }\n\n    \/\/ Eventos de botones de filtro\n    document.querySelectorAll(\".filter-btn\").forEach(btn => {\n        btn.addEventListener(\"click\", function() {\n            document.querySelectorAll(\".filter-btn\").forEach(b => b.classList.remove(\"active\"));\n            this.classList.add(\"active\");\n            initFilter(this.getAttribute(\"data-filter\"));\n        });\n    });\n\n    \/\/ Evento bot\u00f3n \"Cargar m\u00e1s fotos\"\n    loadMoreBtn.addEventListener(\"click\", renderNextBatch);\n\n    \/\/ Cargar galer\u00eda inicial\n    initFilter(\"todas\");\n\n    \/\/ --- 4. L\u00d3GICA DEL VISOR (LIGHTBOX) ---\n    let currentLightboxIndex = 0;\n    let slideshowInterval;\n    let progressInterval;\n    let isPlaying = false;\n    \n    const lightbox = document.getElementById(\"lightbox\");\n    const lightboxImg = document.getElementById(\"lightbox-img\");\n    const downloadBtn = document.getElementById(\"lightbox-download\");\n    const playBtn = document.getElementById(\"lightbox-play-btn\");\n    const counterText = document.getElementById(\"lightbox-counter\");\n    const captionText = document.getElementById(\"lightbox-caption\");\n    const progressBar = document.getElementById(\"lightbox-progress\");\n\n    function openLightbox(index) {\n        currentLightboxIndex = index;\n        updateLightbox();\n        lightbox.classList.add(\"active\");\n        document.body.style.overflow = \"hidden\";\n        \n        if(!isPlaying) {\n            toggleSlideshow();\n        }\n    }\n\n    function updateLightbox() {\n        const id = currentGalleryIDs[currentLightboxIndex];\n        \n        lightboxImg.style.opacity = 0;\n        \n        setTimeout(() => {\n            lightboxImg.src = `https:\/\/drive.google.com\/thumbnail?id=${id}&sz=s1600`;\n            downloadBtn.href = `https:\/\/drive.google.com\/file\/d\/${id}\/view`;\n            \n            counterText.textContent = `${currentLightboxIndex + 1} \/ ${currentGalleryIDs.length}`;\n            captionText.textContent = `Fotograf\u00eda #${currentLightboxIndex + 1} - XXXV Acto de Colaci\u00f3n`;\n            \n            lightboxImg.onload = () => {\n                lightboxImg.style.opacity = 1;\n            };\n        }, 300);\n    }\n\n    function closeLightbox() {\n        lightbox.classList.remove(\"active\");\n        document.body.style.overflow = \"auto\";\n        if(isPlaying) toggleSlideshow();\n    }\n\n    function nextImg() {\n        currentLightboxIndex = (currentLightboxIndex + 1) % currentGalleryIDs.length;\n        updateLightbox();\n    }\n\n    function prevImg() {\n        currentLightboxIndex = (currentLightboxIndex - 1 + currentGalleryIDs.length) % currentGalleryIDs.length;\n        updateLightbox();\n    }\n\n    function toggleSlideshow() {\n        isPlaying = !isPlaying;\n        if (isPlaying) {\n            playBtn.innerHTML = `<svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"><\/rect><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"><\/rect><\/svg>`;\n            startProgress();\n        } else {\n            playBtn.innerHTML = `<svg viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>`;\n            stopProgress();\n        }\n    }\n\n    function startProgress() {\n        let width = 0;\n        progressBar.style.width = '0%';\n        progressInterval = setInterval(() => {\n            width += (100 \/ 35);\n            progressBar.style.width = width + '%';\n            \n            if (width >= 100) {\n                nextImg();\n                width = 0;\n            }\n        }, 100);\n    }\n\n    function stopProgress() {\n        clearInterval(progressInterval);\n        progressBar.style.width = '0%';\n    }\n\n    document.getElementById(\"lightbox-close\").addEventListener(\"click\", closeLightbox);\n    document.getElementById(\"lightbox-next\").addEventListener(\"click\", () => {\n        nextImg();\n        if(isPlaying) { stopProgress(); startProgress(); }\n    });\n    document.getElementById(\"lightbox-prev\").addEventListener(\"click\", () => {\n        prevImg();\n        if(isPlaying) { stopProgress(); startProgress(); }\n    });\n    playBtn.addEventListener(\"click\", toggleSlideshow);\n    \n    document.addEventListener(\"keydown\", (e) => {\n        if (!lightbox.classList.contains(\"active\")) return;\n        if (e.key === \"Escape\") closeLightbox();\n        if (e.key === \"ArrowRight\") nextImg();\n        if (e.key === \"ArrowLeft\") prevImg();\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>Galer\u00eda Oficial de Fotograf\u00edas XXXV ACTO DE COLACI\u00d3N DE GRADO Instituto de Educaci\u00f3n Superior N\u00b0 7 \u201cPopulorum Progressio \u2013 In.Te.La\u201d Reviv\u00ed los momentos destacados y la emotiva celebraci\u00f3n del esfuerzo y logro de nuestros egresados. Todas las fotos Turno Ma\u00f1ana Turno Tarde Momentos Destacados Todas las fotos Turno Ma\u00f1ana Turno Tarde Cargar m\u00e1s fotos<\/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\/12539"}],"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=12539"}],"version-history":[{"count":12,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12539\/revisions"}],"predecessor-version":[{"id":12571,"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/12539\/revisions\/12571"}],"wp:attachment":[{"href":"https:\/\/ies7-juj.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=12539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}