{"id":103,"date":"2025-07-03T13:57:41","date_gmt":"2025-07-03T13:57:41","guid":{"rendered":"https:\/\/dipgis.umsa.bo\/interaccion_social\/?page_id=103"},"modified":"2026-08-09T19:46:10","modified_gmt":"2026-08-09T19:46:10","slug":"red-de-gestores-2","status":"publish","type":"page","link":"https:\/\/dipgis.umsa.bo\/interaccion_social\/red-de-gestores-2\/","title":{"rendered":"RED DE GESTORES"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700&family=Playfair+Display:wght@400;700&display=swap');\n\n\/* ===================================================== *\/\n\/* CSS: RED GESTORES DE INTERACCI\u00d3N SOCIAL               *\/\n\/* ===================================================== *\/\n\n:root {\n    --primary: #0d9488;       \/* Teal 600 *\/\n    --primary-dark: #0f766e;  \/* Teal 700 *\/\n    --accent: #f97316;        \/* Orange 500 *\/\n    --accent-light: #ffedd5;  \/* Orange 100 *\/\n    \n    --text-main: #1e293b;     \/* Slate 800 *\/\n    --text-muted: #475569;    \/* Slate 600 *\/\n    --bg-light: #f8fafc;      \/* Slate 50 *\/\n    --white: #ffffff;\n    \n    --radius-md: 16px;\n    --radius-lg: 24px;\n    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n    \n    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\nbody.gestores-theme {\n    font-family: 'Outfit', sans-serif;\n    background-color: var(--bg-light);\n    color: var(--text-main);\n    margin: 0;\n    padding: 0;\n    line-height: 1.7;\n    overflow-x: hidden;\n}\n\nbody.gestores-theme *,\nbody.gestores-theme *::before,\nbody.gestores-theme *::after {\n    box-sizing: border-box;\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 2rem;\n}\n\n\/* --- ANIMACIONES GLOBALES --- *\/\n.fade-up {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n}\n\n.fade-in-active {\n    opacity: 1;\n    transform: translateY(0);\n}\n\/* --- HERO SECTION --- *\/\n.hero-section {\n    position: relative;\n    padding: 10rem 0;\n    \/* 1. Imagen de fondo actualizada con URL de WordPress *\/\n    background: url('https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2026\/07\/image1-2.webp') center\/cover fixed;\n    text-align: center;\n    color: var(--white);\n    overflow: hidden;\n}\n\n.hero-overlay {\n    position: absolute;\n    inset: 0;\n    \/* 2. Color Teal m\u00e1s suave con menor opacidad (0.65 a 0.70) para dejar ver la imagen *\/\n    background: linear-gradient(135deg, rgba(13, 148, 136, 0.65) 0%, rgba(15, 23, 42, 0.75) 100%);\n    z-index: 1;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n}\n\n.hero-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.5rem, 6vw, 4.5rem);\n    line-height: 1.15;\n    margin-bottom: 1rem;\n    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n}\n\n.hero-title .highlight {\n    color: var(--accent);\n}\n\n.hero-subtitle {\n    font-size: 1.2rem;\n    font-weight: 300;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #cbd5e1;\n}\n\n\/* --- ABOUT SECTION --- *\/\n.about-section {\n    padding: 6rem 0;\n    background-color: var(--white);\n    margin-top: -5rem;\n    position: relative;\n    z-index: 10;\n    border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n    box-shadow: 0 -10px 30px rgba(0,0,0,0.05);\n}\n\n.about-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 2.5rem;\n}\n\n.about-card {\n    display: flex;\n    align-items: flex-start;\n    gap: 2rem;\n    background: var(--white);\n    padding: 3rem 2.5rem;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-sm);\n    border: 1px solid #f1f5f9;\n    transition: var(--transition);\n    position: relative;\n    overflow: hidden;\n}\n\n.about-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, var(--primary), var(--accent));\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.4s ease;\n}\n\n.about-card:hover {\n    transform: translateY(-10px);\n    box-shadow: var(--shadow-lg);\n}\n\n.about-card:hover::before {\n    transform: scaleX(1);\n}\n\n.icon-wrapper {\n    font-size: 3.5rem;\n    flex-shrink: 0;\n    display: inline-block;\n    padding: 1rem;\n    background: var(--bg-light);\n    border-radius: 50%;\n    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);\n}\n\n.card-content {\n    flex: 1;\n}\n\n.about-card h2 {\n    font-family: 'Playfair Display', serif;\n    color: var(--primary-dark);\n    font-size: 1.8rem;\n    margin-top: 0;\n    margin-bottom: 1rem;\n}\n\n.about-card p {\n    color: var(--text-muted);\n    text-align: justify;\n    margin: 0;\n}\n\n\/* --- VIDEO SECTION --- *\/\n.video-section {\n    padding: 5rem 0;\n    background-color: var(--bg-light);\n    text-align: center;\n}\n\n.video-container {\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.video-container h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    color: var(--primary-dark);\n    margin-bottom: 1rem;\n}\n\n.video-container p {\n    color: var(--text-muted);\n    font-size: 1.2rem;\n    margin-bottom: 3rem;\n}\n\n.video-wrapper {\n    position: relative;\n    padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n    height: 0;\n    overflow: hidden;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n    background: #000;\n}\n\n.video-wrapper iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n\n\/* --- NETWORK SECTION --- *\/\n.network-section {\n    padding: 6rem 0;\n    background-color: var(--white);\n}\n\n.network-box {\n    background: linear-gradient(135deg, var(--primary-dark), var(--primary));\n    color: var(--white);\n    padding: 4rem;\n    border-radius: var(--radius-lg);\n    text-align: center;\n    box-shadow: var(--shadow-lg);\n    position: relative;\n    overflow: hidden;\n}\n\n.network-box::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\n    border-radius: 50%;\n}\n\n.network-box h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 2.5rem;\n    color: var(--accent);\n    margin-top: 0;\n    margin-bottom: 1.5rem;\n    position: relative;\n    z-index: 2;\n}\n\n.network-box p {\n    font-size: 1.15rem;\n    line-height: 1.8;\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 768px) {\n    .hero-section {\n        padding: 8rem 0 10rem;\n    }\n    \n    .about-section {\n        margin-top: -3rem;\n        padding: 4rem 0;\n    }\n\n    .about-card {\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding: 2.5rem 1.5rem;\n    }\n    \n    .about-card p {\n        text-align: center;\n    }\n\n    .icon-wrapper {\n        margin-bottom: 1rem;\n    }\n    \n    .network-box {\n        padding: 2.5rem 1.5rem;\n    }\n    \n    .hero-title {\n        font-size: 2.5rem;\n    }\n    \n    .video-container h2 {\n        font-size: 2rem;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.15\n    };\n\n    const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('fade-in-active');\n                observer.unobserve(entry.target);\n            }\n        });\n    }, observerOptions);\n\n    document.querySelectorAll('.fade-up').forEach(el => {\n        observer.observe(el);\n    });\n});\n<\/script>\n\n<header class=\"hero-section fade-up\">\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"container hero-content\">\n            <h1 class=\"hero-title\">\n                Red Gestores<br>\n                <span class=\"highlight\">Interacci\u00f3n Social<\/span>\n            <\/h1>\n            <p class=\"hero-subtitle\">Programa SLIM &#8211; UMSA<\/p>\n        <\/div>\n    <\/header>\n\n    <main>\n        <section class=\"about-section\">\n            <div class=\"container\">\n\n                <!-- ========================================== -->\n                <!-- BOT\u00d3N DE NOTAS DE PRENSA A\u00d1ADIDO AQUI      -->\n                <!-- ========================================== -->\n                <div class=\"press-button-container fade-up\" style=\"display: flex; justify-content: center; margin-bottom: 4rem;\">\n                    <!-- El enlace apuntar\u00e1 a la carpeta que creamos -->\n                    <a href=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/notas-de-prensa-red-de-gestores\/\" class=\"banner-btn\" style=\"display: block; width: 100%; max-width: 350px; text-decoration: none; transition: transform 0.3s ease;\">\n                        <!-- Reemplaza el atributo src con la URL de la imagen que subas -->\n                        <img decoding=\"async\" src=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-content\/uploads\/2026\/07\/17-scaled.png\" alt=\"Notas de Prensa\" style=\"width: 100%; height: auto; display: block; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.15);\">\n                    <\/a>\n                <\/div>\n                <!-- ========================================== -->\n\n                <div class=\"about-grid\">\n                    <div class=\"about-card fade-up\">\n                        <div class=\"icon-wrapper\">\ud83c\udf31<\/div>\n                        <div class=\"card-content\">\n                            <h2>Nuestra Historia<\/h2>\n                            <p>A trav\u00e9s de la experiencia de Trabajo del Programa SLIM y su apoyo para el\n                                fortalecimiento de\n                                profesionales que trabajan en la tem\u00e1tica de g\u00e9nero, en vista de la necesidad de formar\n                                a la\n                                poblaci\u00f3n universitaria en tem\u00e1ticas de g\u00e9nero. En la Gesti\u00f3n 2023, se impulsa la\n                                creaci\u00f3n\n                                de los Gestores de Interacci\u00f3n Social, el cual fue un proceso colaborativo y\n                                participativo\n                                que comenz\u00f3 con la invitaci\u00f3n a las 13 facultades de la universidad. Este llamado\n                                buscaba\n                                identificar a docentes y estudiantes, representativos de sus Facultades, interesados en\n                                contribuir al fortalecimiento de la Interacci\u00f3n Social dentro de nuestra comunidad\n                                acad\u00e9mica.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"about-card fade-up\" style=\"transition-delay: 0.2s;\">\n                        <div class=\"icon-wrapper\">\ud83e\udd1d<\/div>\n                        <div class=\"card-content\">\n                            <h2>Estrategias de Acci\u00f3n<\/h2>\n                            <p>Una vez seleccionados, los docentes y estudiantes fueron convocados a participar en una\n                                primera reuni\u00f3n informativa a trav\u00e9s de la cual se trazaron como estrategias de acci\u00f3n:\n                                un\n                                diagn\u00f3stico de g\u00e9nero en la Universidad a trav\u00e9s de un Formulario Digital, y posterior a\n                                la\n                                Evaluaci\u00f3n de Resultados, se tuvo por conveniente el dise\u00f1o de un taller de capacitaci\u00f3n\n                                con\n                                el apoyo de una comisi\u00f3n de capacitaci\u00f3n en tem\u00e1tica de Genero, conformada por los\n                                Aliados\n                                estrat\u00e9gicos del Programa SLIM UMSA: Misi\u00f3n Internacional de Justicia, Acci\u00f3n por los\n                                derechos Humanos y CEPROSI.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"about-card fade-up\" style=\"transition-delay: 0.4s;\">\n                        <div class=\"icon-wrapper\">\ud83c\udf93<\/div>\n                        <div class=\"card-content\">\n                            <h2>Formaci\u00f3n y Futuro<\/h2>\n                            <p>Este taller se fundament\u00f3 en los resultados obtenidos a partir del previo diagn\u00f3stico de\n                                g\u00e9nero realizado en la universidad, el cual permiti\u00f3 identificar \u00e1reas clave de mejora\n                                en la\n                                interacci\u00f3n social en los 3 estamentos universitarios: Administrativos, Docentes y\n                                estudiantes, para promover un ambiente m\u00e1s inclusivo y respetuoso. Durante el taller,\n                                los\n                                gestores de Interacci\u00f3n Social recibir\u00e1n formaci\u00f3n en diversas habilidades, adem\u00e1s se\n                                les\n                                proporcionar\u00e1n herramientas pr\u00e1cticas para facilitar el entendimiento mutuo. Este\n                                proceso\n                                sentar\u00e1 las bases para una red activa que contin\u00fae trabajando para fomentar un entorno\n                                universitario donde cada persona se sienta valorada y escuchada.<\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ESPACIO PARA EL VIDEO DE YOUTUBE -->\n        <section class=\"video-section fade-up\">\n            <div class=\"container\">\n                <div class=\"video-container\">\n                    <h2>Conoce m\u00e1s sobre la Red<\/h2>\n                    <p>Descubre el impacto de los Gestores de Interacci\u00f3n Social en nuestra comunidad universitaria.<\/p>\n                    <div class=\"video-wrapper\">\n                        <!-- REEMPLAZAR 'VIDEO_ID_AQUI' POR EL ID REAL DEL VIDEO DE YOUTUBE -->\n                        <iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/rBYyJZ03v6M\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen=\"\"><\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"network-section fade-up\">\n            <div class=\"container\">\n                <div class=\"network-box\">\n                    <h2>Red de Gestores &#8211; Interacci\u00f3n Social<\/h2>\n                    <p>En la l\u00ednea del fortalecimiento de la Interacci\u00f3n Social, se ha conformado un equipo con la\n                        representaci\u00f3n de docentes y estudiantes de las 13 facultades de la universidad para articular\n                        acciones de fortalecimiento de capacidades, priorizaci\u00f3n de temas como G\u00e9nero, Cambio Clim\u00e1tico,\n                        transferencia de informaci\u00f3n y la incidencia de aplicar la Interacci\u00f3n Social en las aulas.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n","protected":false},"excerpt":{"rendered":"<p>Red Gestores Interacci\u00f3n Social Programa SLIM &#8211; UMSA \ud83c\udf31 Nuestra Historia A trav\u00e9s de la experiencia de Trabajo del Programa SLIM y su apoyo para el fortalecimiento de profesionales que trabajan en la tem\u00e1tica de g\u00e9nero, en vista de la necesidad de formar a la poblaci\u00f3n universitaria en tem\u00e1ticas de g\u00e9nero. En la Gesti\u00f3n 2023, &#8230; <a title=\"RED DE GESTORES\" class=\"read-more\" href=\"https:\/\/dipgis.umsa.bo\/interaccion_social\/red-de-gestores-2\/\" aria-label=\"Read more about RED DE GESTORES\">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-103","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages\/103","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=103"}],"version-history":[{"count":5,"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":1173,"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/pages\/103\/revisions\/1173"}],"wp:attachment":[{"href":"https:\/\/dipgis.umsa.bo\/interaccion_social\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}