{"id":6985,"date":"2026-02-26T19:39:20","date_gmt":"2026-02-26T22:39:20","guid":{"rendered":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/?page_id=6985"},"modified":"2026-10-01T21:33:37","modified_gmt":"2026-10-02T00:33:37","slug":"inicionuevo","status":"publish","type":"page","link":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/inicionuevo\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-2\">\n<div class=\"wp-block-column is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Dise\u00f1o Web ISFD<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        \/* Eliminar cualquier bot\u00f3n \"back to top\" que pueda estar siendo a\u00f1adido *\/\n        .back-to-top,\n        .scroll-to-top,\n        .btn-back-to-top,\n        button[aria-label=\"Scroll to top\"],\n        a[href=\"#top\"],\n        .scrollup,\n        .scroll-top,\n        .cd-top {\n            display: none !important;\n            opacity: 0 !important;\n            visibility: hidden !important;\n            pointer-events: none !important;\n        }\n\n        \/* Franja blanca para cubrir opciones superiores *\/\n        .cover-strip {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            min-height: 100vh;\n            height: auto;\n            background-color: white;\n            z-index: 5;\n        }\n\n        .main-wrapper {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 100vw;\n            max-width: 100%;\n            position: relative;\n            left: 50%;\n            transform: translateX(-50%);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            z-index: 20;\n        }\n\n        \/* HEADER: LOGO Y REDES SOCIALES *\/\n        .header-container {\n            display: flex;\n            width: 96%;\n            max-width: 1600px;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            z-index: 10;\n            animation: fadeInLogo 1s ease-out forwards;\n        }\n\n        .header-left, .header-right {\n            display: flex;\n        }\n\n        .social-icon {\n            color: #6b528b;\n            transition: transform 0.2s, color 0.2s;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .social-icon:hover {\n            transform: scale(1.1);\n            color: #8162a3;\n        }\n\n        .social-icon svg {\n            width: 32px;\n            height: 32px;\n            fill: currentColor;\n            display: block;\n        }\n        \n        \/* Ajuste visual para emparejar pesos gr\u00e1ficos de los \u00edconos derechos *\/\n        .header-right .social-icon svg {\n            transform: scale(1.15);\n        }\n\n        .logo-container {\n            text-align: center;\n        }\n\n        .logo-container img {\n            max-height: 128px; \n            width: auto;\n            object-fit: contain;\n        }\n\n        @keyframes fadeInLogo {\n            from { opacity: 0; transform: translateY(-15px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .isfd-menu-container {\n            width: 96%;\n            max-width: 1600px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: center;\n            align-items: stretch;\n            gap: 2%; \n        }\n\n        .isfd-side-menu {\n            width: 27%;\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            padding-bottom: 0;\n            position: relative;\n        }\n\n        \/* ENVOLTORIO PARA LOS BOTONES Y SUS SUBMEN\u00daS *\/\n        .menu-item-container {\n            position: relative;\n            display: flex;\n            width: 100%;\n        }\n\n        .isfd-center-content {\n            position: relative;\n            border: none;\n            border-radius: 0.5rem;\n            overflow: hidden;\n            display: flex;\n        }\n\n        .canva-wrapper {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            border-radius: 8px;\n            overflow: hidden;\n            will-change: transform;\n        }\n\n         .canva-wrapper iframe {\n            position: absolute;\n            width: 100%;\n            height: calc(100% + 38px); \/* Agrega altura para esconder la barra *\/\n            top: 0;\n            left: 0;\n            border: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .isfd-menu-button {\n            width: 100%;\n            height: 100%; \n            margin: 0;\n            padding: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            border-radius: 0.5rem;\n            border: none;\n            overflow: hidden;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .isfd-menu-button:hover {\n            transform: scale(1.03);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n            z-index: 2;\n        }\n\n        .left-menu-btn,\n        .left-menu-btn:hover,\n        .left-menu-btn:active,\n        .left-menu-btn:visited,\n        .left-menu-btn:focus {\n            background-color: #8162a3;\n            color: white;\n        }\n\n        .right-menu-btn,\n        .right-menu-btn:hover,\n        .right-menu-btn:active,\n        .right-menu-btn:visited,\n        .right-menu-btn:focus {\n            background-color: #8162a3;\n            color: white;\n        }\n\n        .btn-content {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            height: 100%;\n            padding: 0.3rem;\n            position: relative;\n            gap: 2%; \n        }\n\n        .btn-icon {\n            font-size: 1.05rem;\n            width: 20%;\n            height: 100%;\n            display: flex;\n            justify-content: flex-end; \n            align-items: center;\n            padding: 0;\n            margin: 0;\n        }\n\n        .btn-text {\n            font-weight: bold;\n            width: 78%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start; \n            justify-content: center;\n            padding: 0;\n            line-height: 1;\n            overflow: hidden;\n            margin: 0;\n        }\n\n        .btn-text>div {\n            font-weight: bold;\n            text-align: left; \n            width: 100%;\n            height: auto;\n            display: flex;\n            align-items: center;\n            justify-content: flex-start; \n            padding: 0;\n            font-size: clamp(0.6rem, 1.8vw, 0.95rem);\n            line-height: 1.1;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n            hyphens: auto;\n        }\n\n        .submenu-indicator {\n            font-size: 0.7em;\n            margin-left: 4px;\n            opacity: 0.8;\n            display: inline-block;\n            transform: translateY(-1px);\n        }\n\n        \/* --- ESTILOS DE LOS SUBMEN\u00daS DESPLEGABLES --- *\/\n        .submenu {\n            display: none; \n            position: absolute;\n            top: calc(100% + 5px); \n            left: 0;\n            width: 100%;\n            background-color: white;\n            border-radius: 0.5rem;\n            box-shadow: 0 8px 24px rgba(0,0,0,0.25);\n            z-index: 1000; \n            overflow: hidden;\n            flex-direction: column;\n            border: 2px solid #6b528b;\n        }\n\n        .submenu.open-up {\n            top: auto;\n            bottom: calc(100% + 5px);\n        }\n\n        .submenu.active {\n            display: flex; \n            animation: fadeInSubmenu 0.2s ease-out forwards;\n        }\n\n        .submenu a {\n            padding: 12px 15px;\n            text-decoration: none;\n            color: #3E1E68;\n            font-size: 0.85rem;\n            font-weight: bold;\n            text-align: left;\n            border-bottom: 1px solid #eee;\n            transition: background 0.2s;\n        }\n\n        .submenu a:last-child {\n            border-bottom: none;\n        }\n\n        .submenu a:hover {\n            background-color: #f5f0fa;\n            color: #6b528b;\n        }\n\n        @keyframes fadeInSubmenu {\n            from { opacity: 0; transform: translateY(-5px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* CONFIGURACI\u00d3N PARA CELULARES *\/\n        @media screen and (max-width: 768px) {\n            body {\n                background-color: white;\n            }\n\n            .main-wrapper {\n                position: absolute; \n                top: 0;\n                left: 0;\n                min-height: 100vh;\n                width: 100%;\n                transform: none;\n                padding-top: 1.5vh; \n            }\n\n            \/* AJUSTES ALINEACI\u00d3N HEADER M\u00d3VIL (Tira iconos a los bordes) *\/\n            .header-container {\n                flex-direction: row;\n                justify-content: space-between;\n                width: 90%;\n                margin: 0 auto 2vh auto;\n            }\n            .header-left, .header-right {\n                flex: 1;\n                flex-direction: column;\n                gap: 15px;\n                justify-content: center;\n            }\n            .header-left {\n                align-items: flex-start; \/* Tira iconos FB e IG a la izquierda *\/\n            }\n            .header-right {\n                align-items: flex-end; \/* Tira iconos WA y Correo a la derecha *\/\n            }\n            .logo-container {\n                flex: 0 0 auto; \n                margin: 0; \n            }\n            .logo-container img {\n                max-height: 110px; \n            }\n            .social-icon svg {\n                width: 28px;\n                height: 28px;\n            }\n\n            .isfd-menu-container {\n                width: 96%; \n                flex-direction: column;\n                padding: 0 0 3vh 0; \n                gap: 0.5rem;\n                align-items: center;\n            }\n\n            .main-wrapper::after {\n                content: \"\";\n                position: fixed;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                height: 100vh;\n                background-color: white;\n                z-index: -1;\n            }\n\n            .isfd-center-content {\n                width: 100%;\n                max-width: 100%;\n                aspect-ratio: 1 \/ 1;\n                order: -1;\n            }\n\n            .isfd-side-menu {\n                width: 100%;\n                display: grid;\n                grid-template-columns: repeat(2, 1fr);\n                gap: 0.5rem;\n                height: auto !important;\n            }\n\n            .menu-item-container {\n                max-width: 100%;\n                height: 3.5rem; \n                min-height: 3.5rem;\n                flex: none; \n            }\n\n            .btn-text>div {\n                font-size: clamp(0.86rem, 3.6vw, 1.22rem); \n                line-height: 1;\n                margin-top: 0px;\n                margin-bottom: 0px;\n            }\n        }\n\n        \/* CONFIGURACI\u00d3N EXACTA PARA COMPUTADORAS (Desktop) *\/\n        @media screen and (min-width: 769px) {\n            .main-wrapper {\n                position: fixed; \n                top: 0; \n                height: 100vh; \n                overflow: hidden; \n                justify-content: flex-start; \n                padding-top: 1.5vh; \n                padding-bottom: 2vh; \n            }\n\n            .header-container {\n                margin: 0 auto 1.5vh auto;\n                gap: 2%; \/* Respeta el mismo hueco de los men\u00fas *\/\n            }\n            .header-left, .header-right {\n                flex: 1; \n                max-width: 300px; \n                width: auto;\n                justify-content: center; \n                gap: 25px; \n            }\n            .logo-container {\n                width: min(46%, calc(94vh - 128px));\n                flex-shrink: 0; \n                margin: 0;\n            }\n\n            .isfd-menu-container {\n                padding: 0;\n            }\n\n            .isfd-center-content {\n                width: min(46%, calc(94vh - 128px));\n                aspect-ratio: 1 \/ 1; \n                flex-shrink: 0; \n                margin: 0;\n            }\n\n            .isfd-side-menu {\n                flex: 1; \n                max-width: 300px; \n                width: auto;\n            }\n\n            .menu-item-container {\n                flex: 1; \n                height: auto; \n            }\n\n            .btn-text>div {\n                font-size: clamp(0.7rem, 1.1vw, 1.1rem);\n                line-height: 1.2;\n            }\n\n            .btn-icon {\n                font-size: clamp(1.6rem, 2vw, 2.4rem);\n            }\n        }\n\n        @keyframes jelly-wobble-subtle {\n            0% { transform: scale(1, 1); }\n            30% { transform: scale(1.05, 0.95); }\n            40% { transform: scale(0.95, 1.05); }\n            50% { transform: scale(1.02, 0.98) rotate(-1deg); }\n            65% { transform: scale(0.98, 1.02) rotate(1deg); }\n            75% { transform: scale(1.01, 0.99); }\n            100% { transform: scale(1, 1); }\n        }\n\n        .jelly-wobble {\n            animation: jelly-wobble-subtle 0.6s cubic-bezier(0.5, 1.5, 0.8, 1.2);\n            transform-origin: center center;\n        }\n        \n        .content-ready {\n            opacity: 1;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"cover-strip\"><\/div> \n\n<div class=\"main-wrapper content-ready\">\n  \n  <!-- Encabezado con Redes Sociales y Logo alineados a las columnas -->\n  <div class=\"header-container\">\n      \n      <!-- Iconos Izquierda -->\n      <div class=\"header-left\">\n          <a href=\"https:\/\/www.facebook.com\/isfd813lp\" target=\"_blank\" class=\"social-icon\" aria-label=\"Facebook\" rel=\"noopener\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/www.instagram.com\/ies813pabloluppi\" target=\"_blank\" class=\"social-icon\" aria-label=\"Instagram\" rel=\"noopener\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 1.76-6.98 6.979-.058 1.28-.072 1.688-.072 4.948s.014 3.666.072 4.947c.2 5.22 2.622 6.779 6.98 6.979 1.28.058 1.688.072 4.947.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-1.762 6.979-6.979.059-1.28.073-1.687.073-4.947s-.014-3.668-.072-4.948c-.2-5.221-2.625-6.779-6.979-6.979-1.28-.059-1.688-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\n          <\/a>\n      <\/div>\n\n      <!-- Logo -->\n      <div class=\"logo-container\">\n        <img decoding=\"async\" src=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-content\/uploads\/2026\/02\/logo-nuevo-1.jpg\" alt=\"Logo Instituto de Formaci\u00f3n Docente 813\" \/>\n      <\/div>\n\n      <!-- Iconos Derecha -->\n      <div class=\"header-right\">\n          <a href=\"https:\/\/web.whatsapp.com\/send?phone=542944714343&#038;text=Deseo%20comunicarme%20con%20un%20asesor\" target=\"_blank\" class=\"social-icon\" aria-label=\"WhatsApp\" rel=\"noopener\">\n              <svg viewBox=\"0 0 448 512\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg>\n          <\/a>\n          <a href=\"mailto:ies813pabloluppi@gmail.com\" class=\"social-icon\" aria-label=\"Correo Electr\u00f3nico\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4.13l-8 5-8-5V6l8 5 8-5v2.13z\"\/><\/svg>\n          <\/a>\n      <\/div>\n  <\/div>\n\n  <div class=\"isfd-menu-container\">\n    \n    <!-- ================== MENU IZQUIERDO ================== -->\n    <div class=\"isfd-side-menu\">\n      \n      <!-- L1: El Instituto (CON SUBMEN\u00da) -->\n      <div class=\"menu-item-container\">\n          <a href=\"#\" class=\"isfd-menu-button left-menu-btn jelly-wobble has-submenu\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f3db;&#xfe0f;<\/div>\n              <div class=\"btn-text\">\n                  <div>El Instituto <span class=\"submenu-indicator\">\u25bc<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n          <div class=\"submenu\">\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/sobre-el-ies-813\/\">Sobre el IES 813<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/nuestro-instituto-2\/\">Equipo Institucional<\/a>\n          <\/div>\n      <\/div>\n\n      <!-- L2: Carreras -->\n      <div class=\"menu-item-container\">\n          <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/oferta-academica\/\" class=\"isfd-menu-button left-menu-btn jelly-wobble\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f393;<\/div>\n              <div class=\"btn-text\"><div>Carreras<\/div><\/div>\n            <\/div>\n          <\/a>\n      <\/div>\n\n      <!-- L3: Sede y Anexos (CON SUBMEN\u00da) -->\n      <div class=\"menu-item-container\">\n          <a href=\"#\" class=\"isfd-menu-button left-menu-btn jelly-wobble has-submenu\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4cd;<\/div>\n              <div class=\"btn-text\">\n                  <div>Sede y Anexos <span class=\"submenu-indicator\">\u25bc<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n          <div class=\"submenu\">\n              <a href=\"#\">Sede Lago Puelo<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/anexo-epuyen\/\">Anexo Epuy\u00e9n<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/anexo-cholila-2\/\">Anexo Cholila<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/extension-aulica-de-el-hoyo\/\">Aula Extendida El Hoyo<\/a>\n          <\/div>\n      <\/div>\n\n      <!-- L4: Oficina de Estudiantes (CON SUBMEN\u00da) -->\n      <div class=\"menu-item-container\">\n          <a href=\"#\" class=\"isfd-menu-button left-menu-btn jelly-wobble has-submenu\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f465;<\/div>\n              <div class=\"btn-text\">\n                  <div>Oficina de Estudiantes <span class=\"submenu-indicator\">\u25bc<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n          <div class=\"submenu\">\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/bedelia\/\">Bedel\u00eda<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/cipe\/\">CIPE<\/a>\n          <\/div>\n      <\/div>\n\n      <!-- L5: Calendario Acad\u00e9mico -->\n      <div class=\"menu-item-container\">\n          <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/calendario-academico\/\" class=\"isfd-menu-button left-menu-btn jelly-wobble\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4c5;<\/div>\n              <div class=\"btn-text\"><div>Calendario Acad\u00e9mico<\/div><\/div>\n            <\/div>\n          <\/a>\n      <\/div>\n\n      <!-- L6: Campus Virtual -->\n      <div class=\"menu-item-container\">\n          <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/aula\/\" class=\"isfd-menu-button left-menu-btn jelly-wobble\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4bb;<\/div>\n              <div class=\"btn-text\"><div>Campus Virtual<\/div><\/div>\n            <\/div>\n          <\/a>\n      <\/div>\n\n    <\/div>\n\n   <!-- ================== CONTENIDO CENTRAL DE GOOGLE SLIDES ================== -->\n    <div class=\"isfd-center-content\">\n      <div class=\"canva-wrapper\">\n        <iframe loading=\"lazy\" src=\"https:\/\/docs.google.com\/presentation\/d\/1vo2nrLiG95nlRhJGe21d4UxV2mAxc33T89_8m9f4MuM\/embed?start=true&#038;loop=true&#038;delayms=4000\" frameborder=\"0\" width=\"100%\" height=\"100%\" allowfullscreen=\"true\"><\/iframe>\n      <\/div>\n    <\/div>\n\n    <!-- ================== MENU DERECHO ================== -->\n    <div class=\"isfd-side-menu\">\n      \n      <!-- R1: Concursos Docentes -->\n      <div class=\"menu-item-container\">\n          <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/llamados-a-concurso\/\" class=\"isfd-menu-button right-menu-btn jelly-wobble\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4dd;<\/div>\n              <div class=\"btn-text\"><div>Concursos Docentes<\/div><\/div>\n            <\/div>\n          <\/a>\n      <\/div>\n\n      <!-- R2: Investigaci\u00f3n y Desarrollo Profesional (CON SUBMEN\u00da) -->\n      <div class=\"menu-item-container\">\n          <a href=\"#\" class=\"isfd-menu-button right-menu-btn jelly-wobble has-submenu\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4c8;<\/div>\n              <div class=\"btn-text\">\n                  <div>Desarrollo Profesional e Investigaci\u00f3n<span class=\"submenu-indicator\">\u25bc<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n          <div class=\"submenu\">\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/coordinacion-de-investigacion\/\">Investigaci\u00f3n<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/desarrollo-profesional\/\">Desarrollo Profesional<\/a>\n          <\/div>\n      <\/div>\n\n      <!-- R3: Dise\u00f1os Curriculares y Normativa (CON SUBMEN\u00da) -->\n      <div class=\"menu-item-container\">\n          <a href=\"#\" class=\"isfd-menu-button right-menu-btn jelly-wobble has-submenu\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4dc;<\/div>\n              <div class=\"btn-text\">\n                  <div>Dise\u00f1os Curriculares y Normativa <span class=\"submenu-indicator\">\u25bc<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n          <div class=\"submenu\">\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/disenos-curriculares-de-formacion-docente\/\">Dise\u00f1os Curriculares<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/normativa-jurisdiccional\/\">Normativa<\/a>\n          <\/div>\n      <\/div>\n\n      <!-- R4: Biblioteca -->\n      <div class=\"menu-item-container\">\n          <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/biblioteca-2\/\" class=\"isfd-menu-button right-menu-btn jelly-wobble\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x1f4d6;<\/div>\n              <div class=\"btn-text\"><div>Biblioteca<\/div><\/div>\n            <\/div>\n          <\/a>\n      <\/div>\n\n      <!-- R5: Recursos Tecnol\u00f3gicos (CON SUBMEN\u00da) -->\n      <div class=\"menu-item-container\">\n          <a href=\"#\" class=\"isfd-menu-button right-menu-btn jelly-wobble has-submenu\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x2699;&#xfe0f;<\/div>\n              <div class=\"btn-text\">\n                  <div>Recursos Tecnol\u00f3gicos <span class=\"submenu-indicator\">\u25bc<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n          <div class=\"submenu open-up\">\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/crat\/\">Informaci\u00f3n del CRAT<\/a>\n              <a href=\"https:\/\/m42.com.ar\/ies813\/\">Reserva de Equipamiento<\/a>\n              <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/tutoriales-campus\/\">Tutoriales Campus<\/a>\n          <\/div>\n      <\/div>\n\n      <!-- R6: Contacto -->\n      <div class=\"menu-item-container\">\n          <a href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/ubicacion\/\" class=\"isfd-menu-button right-menu-btn jelly-wobble\">\n            <div class=\"btn-content\">\n              <div class=\"btn-icon\">&#x2709;&#xfe0f;<\/div>\n              <div class=\"btn-text\"><div>Contacto<\/div><\/div>\n            <\/div>\n          <\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- JAVASCRIPT PARA LOS SUBMEN\u00daS -->\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const toggleButtons = document.querySelectorAll('.has-submenu');\n        \n        toggleButtons.forEach(button => {\n            button.addEventListener('click', function(e) {\n                e.preventDefault(); \n                const container = this.parentElement;\n                const submenu = container.querySelector('.submenu');\n                \n                const isActive = submenu.classList.contains('active');\n                \n                document.querySelectorAll('.submenu.active').forEach(sub => {\n                    sub.classList.remove('active');\n                });\n\n                if (!isActive) {\n                    submenu.classList.add('active');\n                }\n            });\n        });\n\n        document.addEventListener('click', function(e) {\n            if (!e.target.closest('.menu-item-container')) {\n                document.querySelectorAll('.submenu.active').forEach(sub => {\n                    sub.classList.remove('active');\n                });\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o Web ISFD &#x1f3db;&#xfe0f; El Instituto \u25bc Sobre el IES 813 Equipo Institucional &#x1f393; Carreras &#x1f4cd; Sede y Anexos \u25bc Sede Lago Puelo Anexo Epuy\u00e9n Anexo Cholila Aula Extendida El Hoyo &#x1f465; Oficina de Estudiantes \u25bc Bedel\u00eda CIPE &#x1f4c5; Calendario Acad\u00e9mico &#x1f4bb; Campus Virtual &#x1f4dd; Concursos Docentes &#x1f4c8; Desarrollo Profesional e Investigaci\u00f3n\u25bc Investigaci\u00f3n Desarrollo Profesional &#8230; <a title=\"Inicio\" class=\"read-more\" href=\"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/inicionuevo\/\" aria-label=\"More on Inicio\">[+]<\/a><\/p>\n","protected":false},"author":3047,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6985"}],"collection":[{"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/3047"}],"replies":[{"embeddable":true,"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=6985"}],"version-history":[{"count":64,"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6985\/revisions"}],"predecessor-version":[{"id":7502,"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/6985\/revisions\/7502"}],"wp:attachment":[{"href":"https:\/\/ies813pabloluppi-chu.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=6985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}