{"id":39,"date":"2025-07-01T14:50:21","date_gmt":"2025-07-01T14:50:21","guid":{"rendered":"https:\/\/dipgis.umsa.bo\/interaccion_social\/?page_id=39"},"modified":"2026-04-17T21:35:18","modified_gmt":"2026-04-17T21:35:18","slug":"interaccion-social","status":"publish","type":"page","link":"https:\/\/dipgis.umsa.bo\/interaccion_social\/","title":{"rendered":"Index &#8211; Interacci\u00f3n Social"},"content":{"rendered":"\n<main id=\"interaction-social\" tabindex=\"-1\">\n\n  <header class=\"hero fade-up\" aria-labelledby=\"section-interaccion-social\">\n    <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/07\/portada-pagina-web-1-1-scaled.png\"\n         alt=\"\"\n         class=\"hero__bg\"\n         loading=\"lazy\">\n\n    <h2 id=\"section-interaccion-social\" class=\"hero__title\">\n      INTERACCI\u00d3N SOCIAL\n    <\/h2>\n  <\/header>\n\n  <h3 id=\"programas\" class=\"section-subtitle fade-up\">Nuestros programas<\/h3>\n\n  <div class=\"carousel-container fade-up\">\n    <button class=\"btn-carrusel-umsa prev\" aria-label=\"Programa anterior\">&#10094;<\/button>\n\n    <div class=\"logo-grid\" role=\"list\" id=\"program-carousel\">\n      <a href=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/programa-slim\/\" class=\"logo-card\" aria-label=\"Programa SLIM UMSA\">\n        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/07\/SLIM-UMSA.gif\" alt=\"Logo del programa SLIM UMSA\" loading=\"lazy\">\n        <span class=\"logo-caption\">SLIM<\/span>\n      <\/a>\n      <a href=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/programa-proagro\/\" class=\"logo-card\" aria-label=\"Programa ProAgro\">\n        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/06\/PRO-AGRO.gif\" alt=\"Logo del programa ProAgro\" loading=\"lazy\">\n        <span class=\"logo-caption\">ProAgro<\/span>\n      <\/a>\n      <a href=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/programa-red-universitaria-bolviana\/\" class=\"logo-card\" aria-label=\"Red Universitaria de Innovaci\u00f3n\">\n        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/07\/RED-UNIVERSITARIA.gif\" alt=\"Logo de la Red UNI\" loading=\"lazy\">\n        <span class=\"logo-caption\">Red UNI<\/span>\n      <\/a>\n      <a href=\"#\" class=\"logo-card\" aria-label=\"Programa Red de Gestores\">\n        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/07\/RED-DE-GESTORES.gif\" alt=\"Logo del programa Red de Gestores\" loading=\"lazy\">\n        <span class=\"logo-caption\">Red de Gestores<\/span>\n      <\/a>\n      <a href=\"#\" class=\"logo-card\" aria-label=\"Programa Suyana\">\n        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/07\/SUYANA.gif\" alt=\"Logo del programa Suyana\" loading=\"lazy\">\n        <span class=\"logo-caption\">Suyana<\/span>\n      <\/a>\n      <a href=\"#\" class=\"logo-card\" aria-label=\"Programa CVCS\">\n        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2025\/07\/PROYECTO-CHAKANA.gif\" alt=\"Logo del programa CVCS\" loading=\"lazy\">\n        <span class=\"logo-caption\">CVCS<\/span>\n      <\/a>\n    <\/div>\n\n    <button class=\"btn-carrusel-umsa next\" aria-label=\"Programa siguiente\">&#10095;<\/button>\n  <\/div>\n\n  <article aria-labelledby=\"section-interaccion\" class=\"content-grid\">\n    <p class=\"lead fade-up\">\n      Apoyamos, promovemos y trabajamos en la relaci\u00f3n interactiva entre la comunidad acad\u00e9mica de la\n      UMSA con instituciones y actores sociales en la transferencia de los resultados de las actividades\n      cient\u00edfica, tecnol\u00f3gica y cultural, a trav\u00e9s de espacios y alianzas estrat\u00e9gicas, orientadas a\n      resolver problemas y necesidades de la sociedad para contribuir al desarrollo sostenible basado\n      en el conocimiento.\n    <\/p>\n\n    <p class=\"fade-up\">\n      La interacci\u00f3n social es una funci\u00f3n esencial de la universidad como base para el relacionamiento\n      cient\u00edfico y cultural con el Estado y la sociedad.\n    <\/p>\n\n    <h3 id=\"section-interaccion\" class=\"section-subtitle fade-up\">Lineamientos<\/h3>\n    <ul class=\"fade-up\">\n      <li>Integrar la investigaci\u00f3n e innovaci\u00f3n con la interacci\u00f3n social para la incidencia en el\n          desarrollo y las pol\u00edticas p\u00fablicas.<\/li>\n      <li>Transferir los resultados de investigaci\u00f3n e innovaci\u00f3n al Estado y la sociedad.<\/li>\n    <\/ul>\n\n    <p class=\"fade-up\">\n      La UMSA cumple su funci\u00f3n social mediante la Interacci\u00f3n Social para dar respuesta a las necesidades\n      de su poblaci\u00f3n y de las instituciones que la componen.\n    <\/p>\n\n    <p class=\"fade-up\">\n      La UMSA es un referente a nivel nacional y con prestigio internacional en materia de investigaci\u00f3n.\n      Estos productos deben tener llegada a la sociedad mediante mecanismos de interacci\u00f3n que permitan\n      mejorar la calidad de vida de la poblaci\u00f3n. Las acciones de IS recaen en los docentes y estudiantes\n      quienes deben encontrar en estas iniciativas un espacio para su desarrollo profesional y personal,\n      as\u00ed como una oportunidad para contribuir con su sociedad.\n    <\/p>\n  <\/article>\n<\/main>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const track = document.getElementById('program-carousel');\n    const btnPrev = document.querySelector('.btn-carrusel-umsa.prev');\n    const btnNext = document.querySelector('.btn-carrusel-umsa.next');\n\n    if (track && btnPrev && btnNext) {\n      \n      \/\/ Calculamos cu\u00e1nto avanzar basados en el tama\u00f1o real de la primera tarjeta + el gap\n      const getScrollAmount = () => {\n        const card = track.querySelector('.logo-card');\n        \/\/ El ancho de la tarjeta m\u00e1s el espacio de separaci\u00f3n (gap) de 1.5rem (24px aprox)\n        return card ? card.clientWidth + 24 : track.clientWidth * 0.5;\n      };\n\n      const moveRight = () => {\n        \/\/ Verifica si hemos llegado al final del scroll (con un margen de error de 15px)\n        if (track.scrollLeft + track.clientWidth >= track.scrollWidth - 15) {\n          \/\/ REGRESO AL INICIO: Al quitar el 'smooth' (usando 'auto'), evitamos \n          \/\/ que los \"imanes\" del CSS choquen y causen el rebote.\n          track.scrollTo({ left: 0, behavior: 'auto' });\n        } else {\n          \/\/ AVANCE NORMAL: Un deslizamiento suave exacto\n          track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\n        }\n      };\n\n      const moveLeft = () => {\n        \/\/ RETROCESO NORMAL\n        track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\n      };\n\n      \/\/ 1. CONFIGURACI\u00d3N DEL DESPLAZAMIENTO AUTOM\u00c1TICO\n      const tiempoEspera = 3500; \/\/ 3.5 segundos entre desplazamientos\n      let autoScroll = setInterval(moveRight, tiempoEspera);\n\n      const resetAutoScroll = () => {\n        clearInterval(autoScroll);\n        autoScroll = setInterval(moveRight, tiempoEspera);\n      };\n\n      \/\/ 2. INTERACCI\u00d3N MANUAL DE LOS BOTONES\n      btnNext.addEventListener('click', () => {\n        moveRight();\n        resetAutoScroll();\n      });\n\n      btnPrev.addEventListener('click', () => {\n        moveLeft();\n        resetAutoScroll();\n      });\n\n      \/\/ 3. Pausar el carrusel al pasar el rat\u00f3n por encima (muy \u00fatil para PC)\n      track.addEventListener('mouseenter', () => clearInterval(autoScroll));\n      track.addEventListener('mouseleave', () => {\n        autoScroll = setInterval(moveRight, tiempoEspera);\n      });\n    }\n  });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>INTERACCI\u00d3N SOCIAL Nuestros programas &#10094; SLIM ProAgro Red UNI Red de Gestores Suyana CVCS &#10095; Apoyamos, promovemos y trabajamos en la relaci\u00f3n interactiva entre la comunidad acad\u00e9mica de la UMSA con instituciones y actores sociales en la transferencia de los resultados de las actividades cient\u00edfica, tecnol\u00f3gica y cultural, a trav\u00e9s de espacios y alianzas estrat\u00e9gicas, &#8230; <a title=\"Index &#8211; Interacci\u00f3n Social\" class=\"read-more\" href=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/\" aria-label=\"Read more about Index &#8211; Interacci\u00f3n Social\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-39","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":30,"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":938,"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages\/39\/revisions\/938"}],"wp:attachment":[{"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}