{"id":650,"date":"2023-07-31T16:22:34","date_gmt":"2023-07-31T21:22:34","guid":{"rendered":"http:\/\/institutolosandes.edu.ec\/?page_id=650"},"modified":"2025-10-15T17:52:09","modified_gmt":"2025-10-15T22:52:09","slug":"historia","status":"publish","type":"page","link":"https:\/\/institutolosandes.edu.ec\/index.php\/historia\/","title":{"rendered":"Historia"},"content":{"rendered":"\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:0\">\n<p style=\"font-size:15px\">El Instituto Tecnol\u00f3gico Superior Los Andes ITSLA, es una instituci\u00f3n de car\u00e1cter privado, patrocinada por la Fundaci\u00f3n AndeSur, creado mediante Resoluci\u00f3n Ministerial del 26 de enero de 1995, reconocida por el Consejo Nacional de Universidades y Escuelas Polit\u00e9cnicas con registro 11-001 del 30 de agosto del 2000 y por la Secretaria Nacional de Educaci\u00f3n Superior Ciencia y Tecnolog\u00eda, por tanto forma parte del Sistema Nacional de Educaci\u00f3n Superior Ecuatoriano. Se rige por la Constituci\u00f3n Pol\u00edtica del Estado, la Ley de Educaci\u00f3n Superior, el Reglamento General de los Institutos Superiores T\u00e9cnicos y Tecnol\u00f3gicos del Ecuador y otras Leyes Conexas.<\/p>\n\n\n\n<p style=\"font-size:15px\">Nuestro instituto busca el desarrollo econ\u00f3mico, social, cient\u00edfico y tecnol\u00f3gico del pa\u00eds mediante la formaci\u00f3n de profesionales acad\u00e9micamente solventes, socialmente comprometidos, honestos a la vez que emprendedores.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-51c0b34d wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-vertically-aligned-center has-midnight-gradient-background has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-right:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)\">\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 &#8211; Instituto Los Andes<\/title>\n    <style>\n        .historia-body {\n            margin: 0;\n            padding: 0;\n            font-family: Poppins, Roboto, Inter, system-ui;\n            background: #0f172a;\n            color: #e6eef8;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        .historia-container {\n            width: min(1200px, 95%);\n            margin: 0 auto;\n            padding: 60px 20px;\n        }\n\n        .historia-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .historia-title {\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\n            font-weight: 800;\n            margin-bottom: 20px;\n            background: linear-gradient(90deg, #6ee7b7, #60a5fa, #a78bfa);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .historia-subtitle {\n            font-size: 1.2rem;\n            color: #cfe6ff;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .historia-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n\n        .historia-card {\n            background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));\n            border-radius: 20px;\n            padding: 40px 30px;\n            box-shadow: 0 8px 32px rgba(2,6,23,0.6);\n            backdrop-filter: blur(6px) saturate(120%);\n            border: 1px solid rgba(255,255,255,0.04);\n            transition: all 0.3s cubic-bezier(.2,.9,.3,1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .historia-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(2,6,23,0.8);\n        }\n\n        .historia-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #6ee7b7, #60a5fa, #a78bfa);\n        }\n\n        .historia-card-icon {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, rgba(110, 231, 183, 0.1), rgba(96, 165, 250, 0.1));\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n        }\n\n        .historia-card-icon svg {\n            width: 32px;\n            height: 32px;\n            stroke: #6ee7b7;\n        }\n\n        .historia-card-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            color: #f0f9ff;\n        }\n\n        .historia-card-text {\n            color: #cfe6ff;\n            line-height: 1.7;\n        }\n\n        .historia-timeline {\n            position: relative;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .historia-timeline::before {\n            content: '';\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 3px;\n            height: 100%;\n            background: linear-gradient(180deg, #6ee7b7, #60a5fa, #a78bfa);\n        }\n\n        .historia-timeline-item {\n            position: relative;\n            margin-bottom: 50px;\n            width: 45%;\n        }\n\n        .historia-timeline-item:nth-child(odd) {\n            left: 0;\n        }\n\n        .historia-timeline-item:nth-child(even) {\n            left: 55%;\n        }\n\n        .historia-timeline-content {\n            background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));\n            border-radius: 16px;\n            padding: 25px;\n            box-shadow: 0 6px 20px rgba(2,6,23,0.5);\n            border: 1px solid rgba(255,255,255,0.04);\n        }\n\n        .historia-timeline-year {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: #6ee7b7;\n            margin-bottom: 10px;\n        }\n\n        .historia-timeline-text {\n            color: #cfe6ff;\n            line-height: 1.6;\n        }\n\n        .historia-timeline-item::before {\n            content: '';\n            position: absolute;\n            width: 16px;\n            height: 16px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #6ee7b7, #60a5fa);\n            top: 20px;\n        }\n\n        .historia-timeline-item:nth-child(odd)::before {\n            right: -38px;\n        }\n\n        .historia-timeline-item:nth-child(even)::before {\n            left: -38px;\n        }\n\n        .historia-mission {\n            background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\n            border-radius: 20px;\n            padding: 50px 40px;\n            text-align: center;\n            margin: 60px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .historia-mission::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, #6ee7b7, #60a5fa, #a78bfa);\n        }\n\n        .historia-mission-title {\n            font-size: 2rem;\n            font-weight: 700;\n            margin-bottom: 25px;\n            color: #f0f9ff;\n        }\n\n        .historia-mission-text {\n            font-size: 1.1rem;\n            color: #cfe6ff;\n            line-height: 1.7;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .historia-values {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 50px;\n        }\n\n        .historia-value-item {\n            text-align: center;\n            padding: 25px;\n            background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));\n            border-radius: 16px;\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .historia-value-icon {\n            width: 50px;\n            height: 50px;\n            background: linear-gradient(135deg, rgba(110, 231, 183, 0.1), rgba(96, 165, 250, 0.1));\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 15px;\n        }\n\n        .historia-value-icon svg {\n            width: 24px;\n            height: 24px;\n            stroke: #60a5fa;\n        }\n\n        .historia-value-title {\n            font-size: 1.1rem;\n            font-weight: 600;\n            margin-bottom: 10px;\n            color: #f0f9ff;\n        }\n\n        .historia-value-text {\n            color: #cfe6ff;\n            font-size: 0.9rem;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .historia-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .historia-timeline::before {\n                left: 20px;\n            }\n            \n            .historia-timeline-item {\n                width: calc(100% - 50px);\n                left: 50px !important;\n            }\n            \n            .historia-timeline-item::before {\n                left: -33px !important;\n                right: auto !important;\n            }\n            \n            .historia-mission {\n                padding: 30px 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .historia-container {\n                padding: 40px 15px;\n            }\n            \n            .historia-card {\n                padding: 30px 20px;\n            }\n            \n            .historia-values {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"historia-body\">\n    <div class=\"historia-container\">\n        <!-- Header -->\n        <div class=\"historia-header\">\n            <h1 class=\"historia-title\">Nuestra Historia<\/h1>\n            <p class=\"historia-subtitle\">M\u00e1s de 25 a\u00f1os formando profesionales de excelencia<\/p>\n        <\/div>\n\n        <!-- Grid de Informaci\u00f3n -->\n        <div class=\"historia-grid\">\n            <div class=\"historia-card\">\n                <div class=\"historia-card-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M12 2L12 22M12 2L22 12M12 2L2 12M12 22L2 12M12 22L22 12\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"historia-card-title\">Fundaci\u00f3n<\/h3>\n                <p class=\"historia-card-text\">\n                    El Instituto Tecnol\u00f3gico Superior Los Andes ITSLA es una instituci\u00f3n de car\u00e1cter privado, \n                    patrocinada por la Fundaci\u00f3n AndeSur, creado mediante Resoluci\u00f3n Ministerial del 26 de enero de 1995.\n                <\/p>\n            <\/div>\n\n            <div class=\"historia-card\">\n                <div class=\"historia-card-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\"\/>\n                        <path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"historia-card-title\">Reconocimiento Oficial<\/h3>\n                <p class=\"historia-card-text\">\n                    Reconocida por el Consejo Nacional de Universidades y Escuelas Polit\u00e9cnicas con registro 11-001 \n                    del 30 de agosto del 2000 y por la Secretar\u00eda Nacional de Educaci\u00f3n Superior Ciencia y Tecnolog\u00eda.\n                <\/p>\n            <\/div>\n\n            <div class=\"historia-card\">\n                <div class=\"historia-card-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2zM22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"historia-card-title\">Marco Legal<\/h3>\n                <p class=\"historia-card-text\">\n                    Forma parte del Sistema Nacional de Educaci\u00f3n Superior Ecuatoriano. Se rige por la Constituci\u00f3n \n                    Pol\u00edtica del Estado, la Ley de Educaci\u00f3n Superior, y el Reglamento General de los Institutos \n                    Superiores T\u00e9cnicos y Tecnol\u00f3gicos del Ecuador.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- L\u00ednea de Tiempo -->\n        <div class=\"historia-timeline\">\n            <div class=\"historia-timeline-item\">\n                <div class=\"historia-timeline-content\">\n                    <div class=\"historia-timeline-year\">1995<\/div>\n                    <p class=\"historia-timeline-text\">\n                        Fundaci\u00f3n del Instituto Tecnol\u00f3gico Superior Los Andes mediante Resoluci\u00f3n Ministerial del 26 de enero.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"historia-timeline-item\">\n                <div class=\"historia-timeline-content\">\n                    <div class=\"historia-timeline-year\">2000<\/div>\n                    <p class=\"historia-timeline-text\">\n                        Reconocimiento oficial por el Consejo Nacional de Universidades y Escuelas Polit\u00e9cnicas con registro 11-001.\n                    <\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"historia-timeline-item\">\n                <div class=\"historia-timeline-content\">\n                    <div class=\"historia-timeline-year\">Actualidad<\/div>\n                    <p class=\"historia-timeline-text\">\n                        M\u00e1s de 25 a\u00f1os formando profesionales acad\u00e9micamente solventes y socialmente comprometidos.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Valores -->\n        <div class=\"historia-values\">\n            <div class=\"historia-value-item\">\n                <div class=\"historia-value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n                    <\/svg>\n                <\/div>\n                <h4 class=\"historia-value-title\">Calidad Educativa<\/h4>\n                <p class=\"historia-value-text\">Programas acad\u00e9micos de excelencia y vanguardia tecnol\u00f3gica<\/p>\n            <\/div>\n            \n            <div class=\"historia-value-item\">\n                <div class=\"historia-value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n                    <\/svg>\n                <\/div>\n                <h4 class=\"historia-value-title\">Compromiso Social<\/h4>\n                <p class=\"historia-value-text\">Formamos profesionales con conciencia social y responsabilidad<\/p>\n            <\/div>\n            \n            <div class=\"historia-value-item\">\n                <div class=\"historia-value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n                    <\/svg>\n                <\/div>\n                <h4 class=\"historia-value-title\">Innovaci\u00f3n<\/h4>\n                <p class=\"historia-value-text\">Fomentamos el esp\u00edritu emprendedor y la mentalidad innovadora<\/p>\n            <\/div>\n            \n            <div class=\"historia-value-item\">\n                <div class=\"historia-value-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                        <path d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\/>\n                    <\/svg>\n                <\/div>\n                <h4 class=\"historia-value-title\">Integridad<\/h4>\n                <p class=\"historia-value-text\">Actuamos con honestidad y transparencia en todas nuestras acciones<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-e79a657b wp-block-columns-is-layout-flex\" style=\"padding-top:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size:15px\">La educaci\u00f3n a nivel Tecnol\u00f3gico gira en torno a comprender, en toda la extensi\u00f3n del t\u00e9rmino, el concepto de tecnolog\u00eda, hist\u00f3rica y socialmente construido, que vaya m\u00e1s all\u00e1 de las simples aplicaciones t\u00e9cnicas y que se constituya en un claro instrumento de innovaci\u00f3n y transformaci\u00f3n de las m\u00e1s diversas actividades del hombre ecuatoriano en procura de mejores d\u00edas para nuestro pa\u00eds.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:15px\">Nuestras carreras modernas y pr\u00e1cticas est\u00e1n dise\u00f1adas para lograr que en el corto plazo nuestros egresados puedan insertarse en el mercado productivo, por ello es que nuestra filosof\u00eda es aprender-haciendo en contacto directo con la realidad a trav\u00e9s de nuestros m\u00faltiples convenios con empresas p\u00fablicas y privadas. Nuestros horarios flexibles, modernos laboratorios, y maestros con experiencia lo preparan al estudiante con una mentalidad positiva y emprendedora para enfrentar los retos del nuevo siglo. Sean ustedes bienvenidos.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>El Instituto Tecnol\u00f3gico Superior Los Andes ITSLA, es una instituci\u00f3n de car\u00e1cter privado, patrocinada por la Fundaci\u00f3n AndeSur, creado mediante Resoluci\u00f3n Ministerial del 26 de enero de 1995, reconocida por el Consejo Nacional de Universidades y Escuelas Polit\u00e9cnicas con registro 11-001 del 30 de agosto del 2000 y por la Secretaria Nacional de Educaci\u00f3n Superior &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/institutolosandes.edu.ec\/index.php\/historia\/\"> <span class=\"screen-reader-text\">Historia<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/comments?post=650"}],"version-history":[{"count":21,"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/650\/revisions"}],"predecessor-version":[{"id":3384,"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/650\/revisions\/3384"}],"wp:attachment":[{"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}