{"id":30,"date":"2026-07-13T23:18:18","date_gmt":"2026-07-13T21:18:18","guid":{"rendered":"https:\/\/secic.fcyt.umss.edu.bo\/?page_id=30"},"modified":"2026-08-23T01:37:42","modified_gmt":"2026-08-22T23:37:42","slug":"pensum-interactivo","status":"publish","type":"page","link":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/pensum-interactivo\/","title":{"rendered":"Pensum Interactivo"},"content":{"rendered":"<style>\r\n    \/* === Forzar tama\u00f1o y ajustar distancia del icono de WhatsApp (ID 172) === *\/\r\n    img.wp-image-172 {\r\n        width: 42px !important;\r\n        height: 42px !important;\r\n        min-width: 42px !important;\r\n        max-width: 42px !important;\r\n        object-fit: contain !important;\r\n        display: inline-block !important;\r\n        margin-left: -15px !important;\r\n    }\r\n\r\n    \/* Contenedor Principal *\/\r\n    .interactive-pensum-section {\r\n        padding: 40px 2%;\r\n        background-color: #5a8ca8;\r\n    \/* Contenedor Principal *\/\r\n    .interactive-pensum-section {\r\n        padding: 40px 2%;\r\n        background-color: #5a8ca8;\r\n        border-radius: 15px;\r\n        margin-bottom: 30px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15); \r\n    }\r\n    .interactive-pensum-section .section-title h2, \r\n    .interactive-pensum-section .section-title p { color: #ffffff; text-align: center; }\r\n    .interactive-pensum-section .divider { background-color: #ffffff; margin: 15px auto; width: 100px; height: 3px; border: none; }\r\n    \r\n    \/* Leyenda de colores *\/\r\n    .pensum-legend { \r\n        display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; \r\n        margin-bottom: 30px; color: white; font-weight: bold; \r\n    }\r\n    .legend-item { display: flex; align-items: center; gap: 10px; }\r\n    .legend-item .box { width: 20px; height: 20px; border-radius: 5px; border: 2px solid #333; }\r\n    .box.passed { background-color: #4CAF50; }\r\n    .box.available { background-color: white; }\r\n    .box.locked { background-color: #a0a0a0; }\r\n    \r\n    \/* Configuraci\u00f3n Responsiva y de Scroll M\u00f3vil *\/\r\n    .mobile-scroll-hint {\r\n        display: none;\r\n        text-align: center;\r\n        color: #e0f2fe;\r\n        font-size: 0.9rem;\r\n        margin-bottom: 10px;\r\n        font-style: italic;\r\n    }\r\n    .pensum-grid { \r\n        display: flex; gap: 15px; overflow-x: auto; \r\n        padding-bottom: 20px; align-items: flex-start;\r\n        \/* Desplazamiento t\u00e1ctil suave para celulares *\/\r\n        -webkit-overflow-scrolling: touch;\r\n        scroll-behavior: smooth;\r\n    }\r\n    \/* Estilo de la barra de desplazamiento (Scrollbar) *\/\r\n    .pensum-grid::-webkit-scrollbar { height: 10px; }\r\n    .pensum-grid::-webkit-scrollbar-thumb { background-color: #1a1a1a; border-radius: 5px; }\r\n    .pensum-grid::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.3); border-radius: 5px; }\r\n    \r\n    \/* \u00a1AQU\u00cd EST\u00c1 LA MAGIA EL\u00c1STICA PARA MONITORES GRANDES! (flex: 1 y max-width) *\/\r\n    .semester-col { \r\n        display: flex; flex-direction: column; gap: 12px; \r\n        min-width: 165px; flex: 1; max-width: 250px; \r\n    }\r\n    \r\n    .semester-header { \r\n        background-color: #88b0c7; color: #1a1a1a; font-weight: 900; \r\n        text-align: center; padding: 10px; border: 3px solid #1a1a1a; \r\n        border-radius: 5px; margin-bottom: 5px; box-shadow: 0 4px 0 #1a1a1a;\r\n    }\r\n    \r\n    \/* Botones y espacios vac\u00edos con altura exacta para alinear todo *\/\r\n    .subject-btn { \r\n        width: 100%; height: 65px; padding: 5px 8px; border: 3px solid #1a1a1a; \r\n        border-radius: 20px; font-weight: bold; font-size: 0.8rem; cursor: pointer; \r\n        transition: all 0.3s ease; text-align: center; display: flex; \r\n        align-items: center; justify-content: center; line-height: 1.15;\r\n    }\r\n    .empty-slot { width: 100%; height: 65px; } \/* El espacio invisible clave *\/\r\n\r\n    \/* Estados de los botones *\/\r\n    .subject-btn.locked { background-color: #a0a0a0; color: #444; cursor: not-allowed; border-color: #666; }\r\n    .subject-btn.available { background-color: white; color: #1a1a1a; box-shadow: 0 4px 0 #1a1a1a; }\r\n    .subject-btn.available:hover { transform: translateY(-3px); box-shadow: 0 7px 0 #1a1a1a; }\r\n    .subject-btn.available:active { transform: translateY(2px); box-shadow: 0 2px 0 #1a1a1a; }\r\n    .subject-btn.passed { background-color: #4CAF50; color: white; border-color: #1a1a1a; box-shadow: inset 0 3px 6px rgba(0,0,0,0.2); text-decoration: line-through; opacity: 0.9; }\r\n\r\n    \/* Ajustes espec\u00edficos para pantallas peque\u00f1as (Celulares) *\/\r\n    @media (max-width: 768px) {\r\n        .mobile-scroll-hint { display: block; } \/* Muestra el mensaje de deslizar *\/\r\n        .semester-col { min-width: 140px; }\r\n        .subject-btn { font-size: 0.75rem; height: 60px; }\r\n        .empty-slot { height: 60px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"interactive-pensum-section\">\r\n    <div class=\"section-title\">\r\n        <h2>Simulador de Malla Curricular SECIC<\/h2>\r\n        <hr class=\"divider\">\r\n        <p>Se mantendr\u00e1n habilitadas hasta 2 materias por rama simult\u00e1neamente (1\u00b0 al 9\u00b0 Semestre).<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"pensum-legend\">\r\n        <span class=\"legend-item\"><div class=\"box passed\"><\/div> Aprobada<\/span>\r\n        <span class=\"legend-item\"><div class=\"box available\"><\/div> Disponible<\/span>\r\n        <span class=\"legend-item\"><div class=\"box locked\"><\/div> Bloqueada<\/span>\r\n    <\/div>\r\n    \r\n    <p class=\"mobile-scroll-hint\">\ud83d\udc49 Desliza horizontalmente para ver todos los semestres<\/p>\r\n\r\n    <div class=\"pensum-grid\">\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">1\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn available\" data-rama=\"estructuras\" data-nivel=\"1\">Dib. T\u00e9cnico<\/button>\r\n            <div class=\"empty-slot\"><\/div> <button class=\"subject-btn available\" data-rama=\"topografia\" data-nivel=\"1\">\u00c1lgebra I<\/button>\r\n            <button class=\"subject-btn available\" data-rama=\"calculo\" data-nivel=\"1\">C\u00e1lculo I<\/button>\r\n            <button class=\"subject-btn available\" data-rama=\"sanitaria\" data-nivel=\"1\">F\u00edsica I<\/button>\r\n            <button class=\"subject-btn available\" data-rama=\"suelos\" data-nivel=\"1\">Qu\u00edmica General<\/button>\r\n            <div class=\"empty-slot\"><\/div> <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">2\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn available\" data-rama=\"estructuras\" data-nivel=\"2\">Geom. Descriptiva<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n            <button class=\"subject-btn available\" data-rama=\"topografia\" data-nivel=\"2\">\u00c1lgebra II<\/button>\r\n            <button class=\"subject-btn available\" data-rama=\"calculo\" data-nivel=\"2\">C\u00e1lculo II<\/button>\r\n            <button class=\"subject-btn available\" data-rama=\"sanitaria\" data-nivel=\"2\">F\u00edsica II<\/button>\r\n            <button class=\"subject-btn available\" data-rama=\"suelos\" data-nivel=\"2\">Geolog\u00eda General<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">3\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"3\">An\u00e1lisis Vec. Tensorial<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"3\">Prob. y Estad\u00edstica<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"calculo\" data-nivel=\"3\">C\u00e1lculo III<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"3\">Electrotecnia<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"3\">Geog. y Def. Recursos<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">4\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"4\">Est. Isoest\u00e1ticas<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"4\">M\u00e9todos Geod\u00e9sicos<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"calculo\" data-nivel=\"4\">An\u00e1lisis Num\u00e9rico<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"4\">Comp. para Ing.<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"4\">Econom\u00eda Pol\u00edtica<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">5\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"5\">Res. de Materiales I<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"5\">Geom\u00e1tica<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"calculo\" data-nivel=\"5\">Hidrolog\u00eda<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"5\">Hidr\u00e1ulica I<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"5\">Tec. de Materiales<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">6\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"6\">Res. de Materiales II<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"6\">Ing. Econ\u00f3mica<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"calculo\" data-nivel=\"6\">Sistemas de Ing.<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"6\">Hidr\u00e1ulica II<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"6\">Mec. de Suelos I<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">7\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"7\">Est. Hiperest\u00e1ticas<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"8\">Hormig\u00f3n Armado I<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"7\">Transportes y Com.<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"calculo\" data-nivel=\"7\">Ing. Ambiental<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"7\">Ing. Sanitaria I<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"7\">Mec. de Suelos II<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">8\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"9\">Est. Madera y Met.<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"10\">Hormig\u00f3n Armado II<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"8\">Maquinaria de Const.<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"11\">Mec. Medio Continuo<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"8\">Ing. Sanitaria II<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"8\">Mec. Suelos Aplicada<\/button>\r\n            <div class=\"empty-slot\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"semester-col\">\r\n            <div class=\"semester-header\">9\u00b0 SEM<\/div>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"12\">Dir. de Obras y Val.<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"13\">Fundaciones I<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"topografia\" data-nivel=\"9\">Carreteras I<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"estructuras\" data-nivel=\"14\">Elementos Finitos<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"sanitaria\" data-nivel=\"9\">Obras Hidr\u00e1ulicas<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"suelos\" data-nivel=\"9\">Const. de Edificios<\/button>\r\n            <button class=\"subject-btn locked\" data-rama=\"grado\" data-nivel=\"1\">Taller Mod. Grad. I<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const subjects = document.querySelectorAll('.subject-btn');\r\n        if (subjects.length === 0) return;\r\n        const ramas = ['estructuras', 'topografia', 'calculo', 'sanitaria', 'suelos', 'grado'];\r\n\r\n        function evaluatePensum() {\r\n            ramas.forEach(rama => {\r\n                let materiasRama = Array.from(document.querySelectorAll(`.subject-btn[data-rama=\"${rama}\"]`));\r\n                materiasRama.sort((a, b) => parseInt(a.dataset.nivel) - parseInt(b.dataset.nivel));\r\n                let materiasNoAprobadas = materiasRama.filter(sub => !sub.classList.contains('passed'));\r\n                materiasNoAprobadas.forEach((sub, index) => {\r\n                    if (index < 2) {\r\n                        sub.classList.remove('locked');\r\n                        sub.classList.add('available');\r\n                    } else {\r\n                        sub.classList.remove('available');\r\n                        sub.classList.add('locked');\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        subjects.forEach(btn => {\r\n            btn.addEventListener('click', function() {\r\n                if (this.classList.contains('locked')) return;\r\n                if (this.classList.contains('passed')) {\r\n                    this.classList.remove('passed');\r\n                    this.classList.add('available');\r\n                } else {\r\n                    this.classList.remove('available');\r\n                    this.classList.add('passed');\r\n                }\r\n                evaluatePensum();\r\n            });\r\n        });\r\n        evaluatePensum();\r\n    });\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","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":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":2,"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":92,"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/92"}],"wp:attachment":[{"href":"https:\/\/secic.fcyt.umss.edu.bo\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}