{"id":3459,"date":"2026-02-09T11:21:36","date_gmt":"2026-02-09T16:21:36","guid":{"rendered":"https:\/\/institutolosandes.edu.ec\/?page_id=3459"},"modified":"2026-03-06T08:24:04","modified_gmt":"2026-03-06T13:24:04","slug":"panel-administrativo","status":"publish","type":"page","link":"https:\/\/institutolosandes.edu.ec\/index.php\/panel-administrativo\/","title":{"rendered":"Panel administrativo"},"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    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: #f5f7fa;\n            color: #333;\n            line-height: 1.6;\n            min-height: 100vh;\n            padding: 20px;\n            background-image: linear-gradient(to bottom, #f0f5ff, #e6f0ff);\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        header {\n            text-align: center;\n            padding: 30px 20px;\n            margin-bottom: 30px;\n        }\n        \n        .logo {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n        \n        .logo-icon {\n            background-color: #1a5fb4;\n            color: white;\n            width: 60px;\n            height: 60px;\n            border-radius: 12px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-right: 15px;\n            font-size: 28px;\n            box-shadow: 0 4px 8px rgba(26, 95, 180, 0.2);\n        }\n        \n        h1 {\n            color: #1a5fb4;\n            font-size: 2.8rem;\n            margin-bottom: 10px;\n            font-weight: 700;\n        }\n        \n        .subtitle {\n            color: #5d6d7e;\n            font-size: 1.2rem;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        \n        .systems-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 25px;\n            margin-bottom: 40px;\n        }\n        \n        .system-card {\n            background-color: white;\n            border-radius: 16px;\n            padding: 30px;\n            text-align: center;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n            transition: all 0.3s ease;\n            border: 1px solid #e0e6ed;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: space-between;\n            min-height: 260px;\n        }\n        \n        .system-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n            border-color: #1a5fb4;\n        }\n        \n        .system-icon {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            background-color: #e9f2ff;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-bottom: 20px;\n            color: #1a5fb4;\n            font-size: 32px;\n        }\n        \n        .system-name {\n            color: #1a5fb4;\n            font-size: 1.6rem;\n            margin-bottom: 15px;\n            font-weight: 600;\n        }\n        \n        .system-description {\n            color: #5d6d7e;\n            font-size: 1rem;\n            margin-bottom: 25px;\n            line-height: 1.5;\n        }\n        \n        .btn-access {\n            background-color: #1a5fb4;\n            color: white;\n            border: none;\n            padding: 14px 28px;\n            border-radius: 10px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            text-decoration: none;\n        }\n        \n        .btn-access i {\n            margin-right: 10px;\n            font-size: 1.2rem;\n        }\n        \n        .btn-access:hover {\n            background-color: #0d4a9c;\n            box-shadow: 0 6px 12px rgba(26, 95, 180, 0.25);\n        }\n        \n        .instructions {\n            background-color: white;\n            border-radius: 16px;\n            padding: 25px;\n            margin-top: 40px;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);\n            border-left: 5px solid #1a5fb4;\n        }\n        \n        .instructions h2 {\n            color: #1a5fb4;\n            margin-bottom: 15px;\n            font-size: 1.5rem;\n        }\n        \n        .instructions p {\n            color: #5d6d7e;\n            margin-bottom: 10px;\n        }\n        \n        footer {\n            text-align: center;\n            margin-top: 50px;\n            padding-top: 20px;\n            border-top: 1px solid #e0e6ed;\n            color: #7b8a8b;\n            font-size: 0.95rem;\n        }\n        \n        @media (max-width: 768px) {\n            .systems-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            h1 {\n                font-size: 2.2rem;\n            }\n            \n            .subtitle {\n                font-size: 1rem;\n            }\n            \n            .system-card {\n                min-height: 240px;\n                padding: 25px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .system-name {\n                font-size: 1.4rem;\n            }\n            \n            .system-description {\n                font-size: 0.95rem;\n            }\n            \n            .btn-access {\n                padding: 12px 20px;\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <header>\n            <div class=\"logo\">\n                <div class=\"logo-icon\">\n                    <i class=\"fas fa-building\"><\/i>\n                <\/div>\n                <h1>Acceso a Plataformas<\/h1>\n            <\/div>\n            <p class=\"subtitle\">Acceso r\u00e1pido a los sistemas internos de la organizaci\u00f3n. Haga clic en cualquiera de los botones para acceder al sistema correspondiente.<\/p>\n        <\/header>\n        \n        <main>\n            <div class=\"systems-grid\" id=\"systemsContainer\">\n                <!-- Los botones se generar\u00e1n din\u00e1micamente con JavaScript -->\n            <\/div>\n            \n\n        <\/main>\n        \n        <footer>\n            <p>&copy; 2026 Portal Corporativo. Todos los derechos reservados.<\/p>\n            <p>Sistemas internos de acceso restringido.<\/p>\n        <\/footer>\n    <\/div>\n\n    <script>\n        \/\/ Datos de los sistemas con URLs completas para producci\u00f3n\n        const systems = [\n            {\n                name: \"SGA\",\n                url: \"http:\/\/186.69.244.202:8086\/web\/login\",\n                icon: \"fas fa-graduation-cap\",\n                description: \"Sistema de Gesti\u00f3n Acad\u00e9mica\"\n            },\n            {\n                name: \"EVA\",\n                url: \"http:\/\/186.69.244.202:8082\/login\/index.php\",\n                icon: \"fas fa-laptop-house\",\n                description: \"Entorno Virtual de Aprendizaje\"\n            },\n            {\n                name: \"Biblioteca\",\n                url: \"http:\/\/192.168.0.212:8069\/web\/login\",\n                icon: \"fas fa-book\",\n                description: \"Sistema de Biblioteca Digital\"\n            },\n            {\n                name: \"Repositorio\",\n                url: \"http:\/\/186.69.244.202:9000\/jspui\/\",\n                icon: \"fas fa-database\",\n                description: \"Repositorio Institucional\"\n            },\n            {\n                name: \"Formularios y encuestas\",\n                url: \"http:\/\/186.69.244.202:9091\/limesurvey\/index.php\/admin\/index\",\n                icon: \"fas fa-clipboard-list\",\n                description: \"Plataforma de Formularios y Encuestas\"\n            },\n            {\n                name: \"Educaci\u00f3n continua\",\n                url: \"http:\/\/186.69.244.202:8081\/login\/index.php?loginredirect=1\",\n                icon: \"fas fa-chalkboard-teacher\",\n                description: \"Sistema de Educaci\u00f3n Continua\"\n            },\n            {\n                name: \"Seguimiento a graduados\",\n                url: \"http:\/\/186.69.244.202:8860\/inicio_sesion\/\",\n                icon: \"fas fa-user-graduate\",\n                description: \"Sistema de Seguimiento a Graduados\"\n            }\n        ];\n\n        \/\/ Funci\u00f3n para redirigir a un sistema\n        function redirectToSystem(url) {\n            \/\/ Abre en una nueva pesta\u00f1a\n            window.open(url, \"_blank\");\n        }\n\n        \/\/ Funci\u00f3n para generar las tarjetas de sistemas\n        function generateSystemCards() {\n            const container = document.getElementById('systemsContainer');\n            \n            systems.forEach(system => {\n                const card = document.createElement('div');\n                card.className = 'system-card';\n                \n                card.innerHTML = `\n                    <div>\n                        <div class=\"system-icon\">\n                            <i class=\"${system.icon}\"><\/i>\n                        <\/div>\n                        <h3 class=\"system-name\">${system.name}<\/h3>\n                        <p class=\"system-description\">${system.description}<\/p>\n                    <\/div>\n                    <button class=\"btn-access\" data-url=\"${system.url}\">\n                        <i class=\"fas fa-external-link-alt\"><\/i> Acceder al Sistema\n                    <\/button>\n                `;\n                \n                container.appendChild(card);\n            });\n            \n            \/\/ Agregar event listeners a los botones\n            document.querySelectorAll('.btn-access').forEach(button => {\n                button.addEventListener('click', function() {\n                    const url = this.getAttribute('data-url');\n                    redirectToSystem(url);\n                });\n            });\n        }\n\n        \/\/ Inicializar la p\u00e1gina cuando se cargue\n        document.addEventListener('DOMContentLoaded', generateSystemCards);\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Acceso a Plataformas Acceso r\u00e1pido a los sistemas internos de la organizaci\u00f3n. Haga clic en cualquiera de los botones para acceder al sistema correspondiente. &copy; 2026 Portal Corporativo. Todos los derechos reservados. Sistemas internos de acceso restringido.<\/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":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","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-3459","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/3459","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=3459"}],"version-history":[{"count":12,"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/3459\/revisions"}],"predecessor-version":[{"id":3500,"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/3459\/revisions\/3500"}],"wp:attachment":[{"href":"https:\/\/institutolosandes.edu.ec\/index.php\/wp-json\/wp\/v2\/media?parent=3459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}