{"id":967,"date":"2022-07-06T10:06:08","date_gmt":"2022-07-06T13:06:08","guid":{"rendered":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/?page_id=967"},"modified":"2026-09-07T21:03:18","modified_gmt":"2026-09-08T00:03:18","slug":"historia","status":"publish","type":"page","link":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/historia\/","title":{"rendered":"Historia del Instituto"},"content":{"rendered":"\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>Historia e Identidad Institucional &#8211; ISFD N\u00b039<\/title>\n    <!-- Font Awesome para \u00edconos -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\n    <style>\n        :root {\n            --brand-magenta: #e81f76;\n            --brand-magenta-dark: #c01560;\n            --brand-cyan: #00aec3;\n            --brand-cyan-light: #e6f7f9;\n            --bg-body: #f4f6f9;\n            --card-bg: #ffffff;\n            --text-main: #2d3748;\n            --text-muted: #64748b;\n            --border-line: #e2e8f0;\n        }\n\n        body {\n            font-family: 'Inter', Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--bg-body);\n            color: var(--text-main);\n            margin: 0;\n            padding: 40px 20px;\n            line-height: 1.7;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 0 auto;\n            background: var(--card-bg);\n            border-radius: 16px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n            overflow: hidden;\n            border: 1px solid var(--border-line);\n        }\n\n        \/* Cabecera *\/\n        .header-section {\n            background: linear-gradient(135deg, var(--brand-magenta) 0%, var(--brand-magenta-dark) 100%);\n            color: white;\n            padding: 40px 25px;\n            text-align: center;\n            position: relative;\n        }\n\n        .header-section::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background-color: var(--brand-cyan);\n        }\n\n        .header-section h1 {\n            margin: 0 0 8px 0;\n            font-size: 2rem;\n            font-weight: 800;\n            letter-spacing: -0.5px;\n        }\n\n        .header-section p {\n            margin: 0;\n            opacity: 0.95;\n            font-size: 1rem;\n        }\n\n        \/* Cuerpo principal *\/\n        .content-body {\n            padding: 45px 35px;\n        }\n\n        \/* Estructura de L\u00ednea de Tiempo \/ Hitos *\/\n        .timeline {\n            position: relative;\n            padding-left: 30px;\n        }\n\n        \/* L\u00ednea vertical conectora *\/\n        .timeline::before {\n            content: '';\n            position: absolute;\n            top: 15px;\n            bottom: 15px;\n            left: 11px;\n            width: 3px;\n            background: linear-gradient(to bottom, var(--brand-magenta), var(--brand-cyan));\n            border-radius: 2px;\n        }\n\n        .timeline-item {\n            position: relative;\n            margin-bottom: 35px;\n        }\n\n        .timeline-item:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Punto \/ Nodo de la l\u00ednea de tiempo *\/\n        .timeline-node {\n            position: absolute;\n            left: -30px;\n            top: 20px;\n            transform: translateX(-50%);\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: white;\n            border: 3px solid var(--brand-magenta);\n            color: var(--brand-magenta);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 0.9rem;\n            box-shadow: 0 0 0 4px #ffffff, 0 4px 10px rgba(0, 0, 0, 0.1);\n            z-index: 2;\n            transition: all 0.25s ease;\n        }\n\n        .timeline-item:nth-child(2) .timeline-node {\n            border-color: var(--brand-magenta-dark);\n            color: var(--brand-magenta-dark);\n        }\n\n        .timeline-item:nth-child(3) .timeline-node {\n            border-color: var(--brand-cyan);\n            color: var(--brand-cyan);\n        }\n\n        \/* Tarjeta de Contenido *\/\n        .history-card {\n            background: #ffffff;\n            border: 1px solid var(--border-line);\n            border-radius: 12px;\n            padding: 25px 28px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            position: relative;\n        }\n\n        .history-card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);\n        }\n\n        .card-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background-color: #fdf2f7;\n            color: var(--brand-magenta-dark);\n            font-weight: 700;\n            font-size: 0.82rem;\n            padding: 4px 12px;\n            border-radius: 20px;\n            margin-bottom: 12px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .timeline-item:nth-child(3) .card-badge {\n            background-color: var(--brand-cyan-light);\n            color: #0c4a6e;\n        }\n\n        .history-text {\n            margin: 0;\n            font-size: 1rem;\n            color: var(--text-main);\n            text-align: justify;\n        }\n\n        .footer {\n            text-align: center;\n            padding: 20px;\n            background-color: #f8fafc;\n            border-top: 1px solid var(--border-line);\n            color: var(--text-muted);\n            font-size: 0.85rem;\n        }\n\n        @media (max-width: 650px) {\n            body { padding: 15px 8px; }\n            .content-body { padding: 30px 15px; }\n            .timeline { padding-left: 20px; }\n            .timeline::before { left: 5px; }\n            .timeline-node { left: -20px; width: 30px; height: 30px; font-size: 0.75rem; }\n            .history-card { padding: 18px; }\n            .history-text { text-align: left; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <div class=\"header-section\">\n        <h1>Nuestra Historia Institucional<\/h1>\n        <p>ISFD N\u00b039 \u2014 Trayectoria, Memoria e Identidad<\/p>\n    <\/div>\n\n    <div class=\"content-body\">\n        \n        <div class=\"timeline\">\n\n            <!-- Hito 1: Fundaci\u00f3n y Or\u00edgenes -->\n            <div class=\"timeline-item\">\n                <div class=\"timeline-node\">\n                    <i class=\"fa-solid fa-landmark\"><\/i>\n                <\/div>\n                <div class=\"history-card\">\n                    <div class=\"card-badge\">\n                        <i class=\"fa-regular fa-calendar\"><\/i> Or\u00edgenes e Inicios\n                    <\/div>\n                    <p class=\"history-text\">\n                        Fundado el 23 de febrero de 1973, el Instituto Superior de Formaci\u00f3n Docente N\u00b039, cuenta hoy con una trayectoria de casi 50 a\u00f1os de vida institucional, social y cultural. Localizado en la ciudad de Vicente L\u00f3pez, aunque con una trayectoria como espacio formador mucho m\u00e1s amplia en toda la regi\u00f3n. Durante este a\u00f1o fundacional nuestra instituci\u00f3n cont\u00f3 con una oferta de carreras acotada, pero con mucho alcance para la comunidad. Las carreras de Lengua y Literatura y el tradicional Magisterio fueron las primeras en abrir las puertas para la educaci\u00f3n superior en una enorme zona en la cual, la educaci\u00f3n de nivel superior quedaba reservada a unos pocos profesorados privados de las zonas aleda\u00f1as.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Hito 2: Crecimiento e Impacto -->\n            <div class=\"timeline-item\">\n                <div class=\"timeline-node\">\n                    <i class=\"fa-solid fa-users\"><\/i>\n                <\/div>\n                <div class=\"history-card\">\n                    <div class=\"card-badge\">\n                        <i class=\"fa-solid fa-chart-line\"><\/i> Desarrollo Institucional\n                    <\/div>\n                    <p class=\"history-text\">\n                        La primera convocatoria realizada por el profesorado fue realmente exitosa, lo que demostrar\u00eda a lo largo de los a\u00f1os, la importancia de este Instituto&nbsp; y su significado para la historia de la formaci\u00f3n docente y la comunidad educativa de la regi\u00f3n norte.&nbsp; A medida que el profesorado incorporaba m\u00e1s aspirantes se fueron abriendo nuevas comisiones e incorporando docentes de diversa formaci\u00f3n con reconocimiento nacional e internacional, muy comprometidos y comprometidas con el proyecto de esta joven instituci\u00f3n.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Hito 3: Expansi\u00f3n de la Oferta Acad\u00e9mica -->\n            <div class=\"timeline-item\">\n                <div class=\"timeline-node\">\n                    <i class=\"fa-solid fa-graduation-cap\"><\/i>\n                <\/div>\n                <div class=\"history-card\">\n                    <div class=\"card-badge\">\n                        <i class=\"fa-solid fa-layer-group\"><\/i> Expansi\u00f3n y Formaci\u00f3n Continua\n                    <\/div>\n                    <p class=\"history-text\">\n                        Acorde pasaban los a\u00f1os no s\u00f3lo se sumaron nuevos estudiantes sino que se incorporaron nuevas carreras a la oferta formativa.&nbsp; Durante la d\u00e9cada de 1980 se sumaron el Profesorado de Historia, luego Biolog\u00eda, Matem\u00e1ticas, Inicial y Educaci\u00f3n F\u00edsica, adem\u00e1s de cursos,&nbsp; capacitaciones, otras ofertas de formaci\u00f3n permanente y post\u00edtulos, que junto con espacios de investigaci\u00f3n participativa conforman una tradici\u00f3n educativa propia.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"footer\">\n        ISFD N\u00b039 \u2014 Memoria e Identidad Institucional\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Historia e Identidad Institucional &#8211; ISFD N\u00b039 Nuestra Historia Institucional ISFD N\u00b039 \u2014 Trayectoria, Memoria e Identidad Or\u00edgenes e Inicios Fundado el 23 de febrero de 1973, el Instituto Superior de Formaci\u00f3n Docente N\u00b039, cuenta hoy con una trayectoria de casi 50 a\u00f1os de vida institucional, social y cultural. Localizado en la ciudad de Vicente &#8230; <a title=\"Historia del Instituto\" class=\"read-more\" href=\"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/historia\/\" aria-label=\"More on Historia del Instituto\">[+]<\/a><\/p>\n","protected":false},"author":28,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/967"}],"collection":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=967"}],"version-history":[{"count":8,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/967\/revisions"}],"predecessor-version":[{"id":2155,"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/967\/revisions\/2155"}],"wp:attachment":[{"href":"https:\/\/isfd39-bue.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}