{"id":193,"date":"2026-07-24T20:29:49","date_gmt":"2026-07-24T20:29:49","guid":{"rendered":"https:\/\/klz.rgg.mybluehost.me\/iicc\/?page_id=193"},"modified":"2026-08-24T13:13:45","modified_gmt":"2026-08-24T17:13:45","slug":"investigaciones-en-curso","status":"publish","type":"page","link":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/","title":{"rendered":"Investigaciones en Curso"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"193\" class=\"elementor elementor-193\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29ed766 e-flex e-con-boxed e-con e-parent\" data-id=\"29ed766\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfc07cb elementor-widget elementor-widget-html\" data-id=\"dfc07cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  Widget HTML de Fondo Animado \"Noise & Spotlight\" (Versi\u00f3n 2)\n  \n  \u26a0\ufe0f NOTAS:\n  1. Se ha traducido el c\u00f3digo de React\/Tailwind a HTML, CSS y Vanilla JS para que puedas pegarlo directamente en un widget HTML de Elementor sin necesidad de dependencias.\n  2. Se reemplaz\u00f3 el color verde\/teal por el azul corporativo de IICC (#004d7b) en una opacidad muy baja para generar un tono pastel igual de sutil.\n  3. Aseg\u00farate de configurar el contenedor de la secci\u00f3n en Elementor con fondo transparente y sin m\u00e1rgenes\/paddings.\n-->\n\n<div id=\"iicc-fondo-noise-2\">\n  \n  <!-- CSS Scoped -->\n  <style>\n    \/* Contenedor maestro *\/\n    #iicc-fondo-noise-2 {\n      width: 100%;\n      height: 100vh; \/* Se adapta a la altura de la pantalla *\/\n      overflow: hidden;\n      z-index: 0; \n      pointer-events: none; \n      background-color: #ffffff; \/* Fondo blanco dominante *\/\n      position: relative; \/* Para contener a los elementos absolutos *\/\n    }\n\n    \/* M\u00e1scara radial para desvanecer suavemente los bordes (Grid y Mancha) *\/\n    #iicc-fondo-noise-2 .noise-mask {\n      position: absolute;\n      inset: 0;\n      -webkit-mask-image: radial-gradient(ellipse 85% 65% at 50% 45%, #000 80%, transparent 100%);\n      mask-image: radial-gradient(ellipse 85% 65% at 50% 45%, #000 80%, transparent 100%);\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n    }\n\n    \/* Grid (Cuadr\u00edcula) de fondo *\/\n    #iicc-fondo-noise-2 .noise-grid {\n      position: absolute;\n      inset: 0;\n      \/* Cuadr\u00edcula gris ultra sutil *\/\n      background-image: \n        linear-gradient(to right, rgba(229, 231, 235, 0.2) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(229, 231, 235, 0.2) 1px, transparent 1px);\n      background-size: 18px 18px;\n    }\n\n    \/* Mancha de color difuminada (Spotlight) - Azul Pastel de IICC *\/\n    #iicc-fondo-noise-2 .noise-spotlight {\n      position: absolute;\n      left: 65%;\n      top: 35%;\n      width: 560px;\n      height: 560px;\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n      \/* Azul principal (#004d7b) al 6% para fundirse casi por completo en el blanco *\/\n      background-color: rgba(0, 77, 123, 0.06);\n      filter: blur(160px);\n    }\n\n    \/* Lienzo de ruido (Canvas Noise) *\/\n    #iicc-fondo-noise-2 .noise-canvas {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      \/* Mantiene los p\u00edxeles n\u00edtidos en el ruido *\/\n      image-rendering: -moz-crisp-edges;\n      image-rendering: pixelated;\n    }\n\n    \/* Responsividad para m\u00f3viles *\/\n    @media (max-width: 767px) {\n      #iicc-fondo-noise-2 .noise-spotlight {\n        left: 50%;\n        top: 50%;\n        width: 400px;\n        height: 400px;\n        filter: blur(100px);\n      }\n    }\n  <\/style>\n\n  <!-- HTML Estructura -->\n  <!-- Capa con el dise\u00f1o enmascarado (para que los bordes se desvanezcan hacia blanco puro) -->\n  <div class=\"noise-mask\">\n    <div class=\"noise-grid\"><\/div>\n    <div class=\"noise-spotlight\"><\/div>\n  <\/div>\n\n  <!-- Capa de ruido de pel\u00edcula din\u00e1mica (arriba del todo) -->\n  <canvas id=\"canvas-noise-iicc\" class=\"noise-canvas\"><\/canvas>\n\n  <!-- Script Vanilla JS para el Ruido (Sin necesidad de React) -->\n  <script>\n    (function() {\n      \/\/ Usamos un IIFE (funci\u00f3n autoejecutable) para no contaminar el espacio global de Elementor\n      const canvas = document.getElementById('canvas-noise-iicc');\n      if (!canvas) return;\n      \n      const ctx = canvas.getContext('2d', { alpha: true });\n      if (!ctx) return;\n\n      let frame = 0;\n      let animationId = 0;\n      \/\/ Tama\u00f1o del patr\u00f3n (reducido para no saturar memoria en m\u00f3viles, pero estirado por CSS)\n      const canvasSize = 1024; \n      \n      \/\/ Ajustes del componente original de 21st.dev\n      const patternRefreshInterval = 2; \/\/ Cada cu\u00e1ntos frames se actualiza\n      const patternAlpha = 8;           \/\/ Intensidad del ruido (0-255) reducida para mayor sutileza\n\n      const resize = () => {\n        canvas.width = canvasSize;\n        canvas.height = canvasSize;\n      };\n\n      const drawGrain = () => {\n        const img = ctx.createImageData(canvasSize, canvasSize);\n        const data = img.data;\n        \/\/ Llenamos el lienzo con puntos blancos y negros aleatorios\n        for (let i = 0; i < data.length; i += 4) {\n          const v = Math.random() * 255;\n          data[i] = v;     \/\/ R\n          data[i + 1] = v; \/\/ G\n          data[i + 2] = v; \/\/ B\n          data[i + 3] = patternAlpha; \/\/ Alpha\n        }\n        ctx.putImageData(img, 0, 0);\n      };\n\n      const loop = () => {\n        \/\/ Solo repintamos el ruido cada X frames para optimizar rendimiento\n        if (frame % patternRefreshInterval === 0) {\n          drawGrain();\n        }\n        frame++;\n        animationId = window.requestAnimationFrame(loop);\n      };\n\n      \/\/ Inicializaci\u00f3n\n      window.addEventListener('resize', resize);\n      resize();\n      loop();\n    })();\n  <\/script>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ecf1d9 e-flex e-con-boxed e-con e-parent\" data-id=\"5ecf1d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0887a7 elementor-widget elementor-widget-html\" data-id=\"b0887a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Proyectos de Investigaci\u00f3n - Cabecera<\/title>\n<\/head>\n<body>\n\n  <!-- Cabecera de P\u00e1gina (T\u00edtulo e Introducci\u00f3n) con Fondo de Gradiente Animado (Escenario B) -->\n  <header id=\"iicc-cabecera-proyectos-custom\" class=\"cabecera-proyectos\">\n\n    <!-- CSS Scoped de la Secci\u00f3n (Aislamiento T\u00e9cnico para WordPress \/ Elementor) -->\n    <style>\n    \/* Reset Global para neutralizar m\u00e1rgenes y paddings del navegador *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n    \n    body {\n      margin: 0;\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n      #iicc-cabecera-proyectos-custom {\n        --bg-base: #004d7b; \/* Azul principal de la marca como base del gradiente *\/\n        --text-main: #ffffff; \/* Texto en blanco *\/\n        --text-muted: rgba(255, 255, 255, 0.9); \/* P\u00e1rrafo en blanco suavizado *\/\n        --text-light: rgba(255, 255, 255, 0.7); \/* Enlaces breadcrumb *\/\n        --border-color: rgba(255, 255, 255, 0.2);\n        --white: #ffffff;\n        \n        --font-primary: 'Montserrat', sans-serif;\n        \n        width: 100%; \/* Eliminar scroll horizontal *\/\n        max-width: 100%; \/* Asegurar que no desborde *\/\n        min-height: 25vh; \/* Altura fluida por contenido *\/\n        \/* Padding superior absoluto de 120px como margen de seguridad para el header sticky *\/\n        padding: 120px 3vw 5vw 3vw; \n        display: flex;\n        flex-direction: column;\n        gap: 2vw; \/* Espacio entre breadcrumbs y contenido principal *\/\n        position: relative;\n        overflow: hidden;\n        box-sizing: border-box;\n        font-family: var(--font-primary) !important;\n        background-color: var(--bg-base);\n        \n        \/* Eliminar margen externo del widget de Elementor o body *\/\n        margin: 0 !important;\n      }\n\n      #iicc-cabecera-proyectos-custom * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n      }\n\n      \/* Fondo de Gradiente Animado (Mesh Gradient con distorsi\u00f3n l\u00edquida SVG y colores personalizados del usuario) *\/\n      #iicc-cabecera-proyectos-custom .gradient-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        z-index: 1;\n        pointer-events: none;\n      }\n\n      #iicc-cabecera-proyectos-custom .gradients-container {\n        width: 100%;\n        height: 100%;\n        \/* Blur \u00f3ptimo combinado con distorsi\u00f3n l\u00edquida SVG y soporte expl\u00edcito WebKit\/Safari *\/\n        -webkit-filter: url(#liquid-distortion-proy-s1) blur(45px) saturate(1.4);\n        filter: url(#liquid-distortion-proy-s1) blur(45px) saturate(1.4);\n        position: relative;\n        -webkit-transform: translateZ(0);\n        transform: translateZ(0);\n      }\n\n      \/* Blobs animados utilizando los colores personalizados del usuario (con border-radius 50% y fallback blur para Safari) *\/\n      #iicc-cabecera-proyectos-custom .g1 {\n        position: absolute;\n        background: radial-gradient(circle at center, rgba(180, 54, 58, 0.9) 0%, rgba(166, 93, 95, 0.387) 65%) no-repeat;\n        width: 80vw;\n        height: 80vw;\n        top: -35vw;\n        left: -15vw;\n        border-radius: 50%;\n        -webkit-filter: blur(30px);\n        filter: blur(30px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        will-change: transform;\n        transform-origin: center center;\n        animation: moveVerticalProy 10s ease-in-out infinite;\n      }\n\n      #iicc-cabecera-proyectos-custom .g2 {\n        position: absolute;\n        background: radial-gradient(circle at center, rgba(252, 191, 0, 0.9) 0%, rgba(218, 172, 34, 0.8) 65%) no-repeat;\n        width: 70vw;\n        height: 70vw;\n        top: -15vw;\n        right: -5vw;\n        border-radius: 50%;\n        -webkit-filter: blur(30px);\n        filter: blur(30px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        will-change: transform;\n        transform-origin: calc(50% - 10vw) calc(50% + 10vw);\n        animation: moveInCircleProy 8s reverse infinite;\n      }\n\n      #iicc-cabecera-proyectos-custom .g3 {\n        position: absolute;\n        background: radial-gradient(circle at center, rgba(196, 206, 212, 0.9) 0%, rgba(196, 206, 212, 0.469) 65%) no-repeat;\n        width: 65vw;\n        height: 65vw;\n        bottom: -15vw;\n        left: 5vw;\n        border-radius: 50%;\n        -webkit-filter: blur(30px);\n        filter: blur(30px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        will-change: transform;\n        transform-origin: calc(50% + 20vw) calc(50% - 20vw);\n        animation: moveHorizontalProy 14s ease-in-out infinite;\n      }\n\n      #iicc-cabecera-proyectos-custom .g4 {\n        position: absolute;\n        background: radial-gradient(circle at center, rgba(180, 54, 58, 0.75) 0%, rgba(146, 88, 90, 0.638) 65%) no-repeat;\n        width: 75vw;\n        height: 75vw;\n        bottom: -25vw;\n        right: -10vw;\n        border-radius: 50%;\n        -webkit-filter: blur(30px);\n        filter: blur(30px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        will-change: transform;\n        transform-origin: center center;\n        animation: moveInCircleProy 11s linear infinite;\n      }\n\n      \/* Velo trasl\u00facido para contraste y uni\u00f3n de marca (personalizado por el usuario) *\/\n      #iicc-cabecera-proyectos-custom .veil {\n        position: absolute;\n        inset: 0;\n        background: rgba(104, 136, 168, 0.35); \/* Velo personalizado del usuario *\/\n        z-index: 2;\n        pointer-events: none;\n      }\n\n      \/* Contenido de texto superior *\/\n      #iicc-cabecera-proyectos-custom .breadcrumbs-container,\n      #iicc-cabecera-proyectos-custom .cabecera-content {\n        position: relative;\n        z-index: 3;\n      }\n\n      \/* NAVEGACI\u00d3N BREADCRUMB *\/\n      #iicc-cabecera-proyectos-custom .breadcrumbs-container {\n        display: flex;\n        align-items: center;\n        gap: 0.5vw;\n        font-size: 0.9vw; \/* Estilo T\u00edtulo 5 (Desktop) *\/\n        font-family: 'Montserrat', sans-serif !important;\n      }\n\n      #iicc-cabecera-proyectos-custom .breadcrumb-link {\n        color: var(--text-light);\n        text-decoration: none;\n        font-weight: 500;\n        transition: color 0.2s ease;\n        text-shadow: 0 1px 4px rgba(46, 46, 46, 0.2);\n        font-family: 'Montserrat', sans-serif !important;\n      }\n\n      #iicc-cabecera-proyectos-custom .breadcrumb-link:hover {\n        color: var(--white);\n        text-decoration: underline;\n      }\n\n      #iicc-cabecera-proyectos-custom .breadcrumb-separator {\n        color: rgba(255, 255, 255, 0.5);\n        user-select: none;\n        text-shadow: 0 1px 4px rgba(28, 28, 28, 0.2);\n      }\n\n      #iicc-cabecera-proyectos-custom .breadcrumb-current {\n        color: var(--white);\n        font-weight: 600;\n        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n        font-family: 'Montserrat', sans-serif !important;\n      }\n\n      \/* CONTENEDOR DE CONTENIDO CENTRADO *\/\n      #iicc-cabecera-proyectos-custom .cabecera-content {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        width: 100%;\n        font-family: 'Montserrat', sans-serif !important;\n      }\n\n      \/* T\u00cdTULO PRINCIPAL (H1) *\/\n      #iicc-cabecera-proyectos-custom .titulo-1 {\n        font-size: 3.6vw; \/* Estilo T\u00edtulo 2 (Desktop) *\/\n        line-height: 1.15;\n        font-weight: 700;\n        font-family: 'Montserrat', sans-serif !important; \/* Fuerza Montserrat frente a herencias Serif del tema *\/\n        color: var(--text-main);\n        margin-bottom: 1.5vw;\n        letter-spacing: -0.02em;\n        max-width: 80vw;\n        text-shadow: 0 4px 14px rgba(0, 0, 0, 0.22), 0 1px 3px rgba(0, 0, 0, 0.15); \/* Sombra suave para destacar sobre fondo de color *\/\n      }\n\n      \/* P\u00c1RRAFO INTRODUCTORIO (p) *\/\n      #iicc-cabecera-proyectos-custom .body-text {\n        font-size: 1.1vw; \/* Estilo Body (Desktop) *\/\n        line-height: 1.5;\n        font-weight: 400;\n        font-family: 'Montserrat', sans-serif !important;\n        color: var(--text-muted);\n        max-width: 50vw; \/* Ancho acotado para conservar balance est\u00e9tico *\/\n        margin: 0;\n        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.12); \/* Sombra para legibilidad del blanco *\/\n      }\n\n      \/* ==========================================\n         KEYFRAMES DE MOVIMIENTO DEL GRADIENTE\n         ========================================== *\/\n      @keyframes moveInCircleProy {\n        0% { transform: rotate(0deg); }\n        50% { transform: rotate(180deg) scale(1.1); }\n        100% { transform: rotate(360deg); }\n      }\n\n      @keyframes moveVerticalProy {\n        0% { transform: translateY(0) scale(1); }\n        50% { transform: translateY(8vh) scale(1.1); }\n        100% { transform: translateY(0) scale(1); }\n      }\n\n      @keyframes moveHorizontalProy {\n        0% { transform: translateX(0) scale(1); }\n        50% { transform: translateX(8vw) scale(1.08) translateY(-4vh); }\n        100% { transform: translateX(0) scale(1); }\n      }\n\n      \/* ==========================================\n         PUNTOS DE RUPTURA RESPONSIVOS\n         ========================================== *\/\n\n      \/* TABLETA: 768px a 1024px *\/\n      @media (min-width: 768px) and (max-width: 1024px) {\n        #iicc-cabecera-proyectos-custom {\n          padding: 130px 3vw 6vw 3vw; \/* 130px superior fijos por header sticky *\/\n          gap: 3vw;\n        }\n\n        #iicc-cabecera-proyectos-custom .breadcrumbs-container {\n          font-size: 1.8vw; \/* Estilo T\u00edtulo 5 (Tablet) *\/\n          gap: 1vw;\n        }\n\n        #iicc-cabecera-proyectos-custom .titulo-1 {\n          font-size: 5.2vw; \/* Tama\u00f1o de letra reducido para Tablet *\/\n          margin-bottom: 2vw;\n        }\n\n        #iicc-cabecera-proyectos-custom .body-text {\n          font-size: 1.8vw; \/* Estilo Body (Tablet) *\/\n          max-width: 65vw;\n        }\n      }\n\n      \/* M\u00d3VIL: 767px o inferior *\/\n      @media (max-width: 767px) {\n        #iicc-cabecera-proyectos-custom {\n          padding: 120px 3vw 12vw 3vw; \/* 120px superior fijos por header sticky *\/\n          gap: 6vw;\n        }\n\n        #iicc-cabecera-proyectos-custom .breadcrumbs-container {\n          font-size: 3.3vw; \/* Estilo T\u00edtulo 5 (Celular) *\/\n          gap: 2vw;\n        }\n\n        #iicc-cabecera-proyectos-custom .cabecera-content {\n          margin-top: 2vw;\n        }\n\n        #iicc-cabecera-proyectos-custom .titulo-1 {\n          font-size: 7.8vw; \/* Tama\u00f1o de letra reducido para M\u00f3vil *\/\n          margin-bottom: 4vw;\n          max-width: 100%;\n        }\n\n        #iicc-cabecera-proyectos-custom .body-text {\n          font-size: 3.6vw; \/* Estilo Body (Celular) *\/\n          max-width: 100%;\n        }\n\n        \/* Ajustes de escala a los blobs en pantallas verticales *\/\n        #iicc-cabecera-proyectos-custom .g1 { width: 100vw; height: 100vw; top: -50vw; }\n        #iicc-cabecera-proyectos-custom .g2 { width: 90vw; height: 90vw; top: -30vw; }\n        #iicc-cabecera-proyectos-custom .g3 { width: 80vw; height: 80vw; bottom: -30vw; }\n        #iicc-cabecera-proyectos-custom .g4 { width: 95vw; height: 95vw; bottom: -40vw; }\n      }\n    <\/style>\n\n    <!-- Capa de Fondo con Gradientes Animados -->\n    <div class=\"gradient-bg\" aria-hidden=\"true\">\n      <div class=\"gradients-container\">\n        <div class=\"g1\"><\/div>\n        <div class=\"g2\"><\/div>\n        <div class=\"g3\"><\/div>\n        <div class=\"g4\"><\/div>\n      <\/div>\n      <div class=\"veil\"><\/div>\n    <\/div>\n\n    <!-- Navegaci\u00f3n Breadcrumb (Arriba a la izquierda) -->\n    <nav class=\"breadcrumbs-container\" aria-label=\"Miga de pan\">\n      <a href=\"\/iicc\/\" class=\"breadcrumb-link\">Inicio<\/a>\n      <span class=\"breadcrumb-separator\">\/<\/span>\n      <span class=\"breadcrumb-current\">Proyectos<\/span>\n    <\/nav>\n\n    <!-- Contenido Centrado de la Cabecera -->\n    <div class=\"cabecera-content\">\n      <!-- T\u00edtulo Principal con caracteres literales y UTF-8 forzado por estructura de documento completa -->\n      <h1 class=\"titulo-1\">Investigaciones en curso<\/h1>\n      \n      <!-- P\u00e1rrafo Introductorio con caracteres literales -->\n      <p class=\"body-text\">Estudiamos las diversas expresiones y din\u00e1micas de las injusticias sociales, buscando comprender c\u00f3mo se producen, se sostienen y afectan la vida de las personas y las comunidades.<\/p>\n    <\/div>\n\n    <!-- Filtro SVG de Turbulencia para la Distorsi\u00f3n L\u00edquida del Mesh Gradient. \n         Posicionado al final del DOM del componente para evitar gaps de renderizado superior. -->\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none; position: absolute; width: 0; height: 0;\" aria-hidden=\"true\">\n      <defs>\n        <filter id=\"liquid-distortion-proy-s1\">\n          <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.012 0.008\" numOctaves=\"3\" result=\"noise\" \/>\n          <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"65\" xChannelSelector=\"R\" yChannelSelector=\"G\" \/>\n        <\/filter>\n      <\/defs>\n    <\/svg>\n\n  <\/header>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc2f2bf e-flex e-con-boxed e-con e-parent\" data-id=\"cc2f2bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bdf805 elementor-widget elementor-widget-html\" data-id=\"8bdf805\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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>Proyectos - Secci\u00f3n 2 (L\u00edneas de Investigaci\u00f3n)<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (DESIGN TOKENS IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      \/* Brand Identity Tokens *\/\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n      --brand-yellow: #fcbf00;\n      --brand-gray-text: #3c3c3b;\n\n      \/* UI Tokens *\/\n      --bg-white: #ffffff;\n      --bg-light-gray: #f5f5f5;\n      --text-black: #000000;\n      --text-dark: #1a1a1a;\n      --text-muted: #666666;\n      --border-gray: #cccccc;\n      --white: #ffffff;\n      --black: #000000;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--bg-white);\n      color: var(--brand-gray-text);\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n    \/* FORZAR TIPOGRAF\u00cdA MONTSERRAT EN ENCABEZADOS Y T\u00cdTULOS (!important) *\/\n    .titulo-1,\n    .titulo-thin,\n    .block-label {\n      font-family: 'Montserrat', sans-serif !important;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N\n       Aplica una asimetr\u00eda marcada: padding izquierdo de 3vw y padding derecho de 9vw. *\/\n    .proyectos-section-wrapper {\n      width: 100vw;\n      min-height: 100vh;\n      background-color: transparent;\n      padding-top: 12vh;\n      padding-bottom: 12vh;\n      padding-left: 3vw;\n      padding-right: 9vw;\n      display: grid;\n      grid-template-columns: 22vw 66vw;\n      column-gap: 3vw;\n      align-items: start;\n    }\n\n    \/* COLUMNA IZQUIERDA: CABECERA DE SECCI\u00d3N *\/\n    .cabecera-lineas {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 1.5vw;\n    }\n\n    \/* MARCADOR DE SECCI\u00d3N (LOGOTIPO DE LA L\u00cdNEA GR\u00c1FICA) *\/\n    .seccion-marker-icon {\n      width: 1.2vw;\n      height: 1.2vw;\n      min-width: 14px;\n      min-height: 14px;\n      object-fit: contain;\n      flex-shrink: 0;\n      margin-bottom: 0.5vw;\n    }\n\n    \/* T\u00cdTULO PRINCIPAL (H2 - Estilo T\u00edtulo 1 con dos pesos de letra) *\/\n    .titulo-1 {\n      font-size: 2.6vw; \/* Proporci\u00f3n reducida para el layout side-by-side *\/\n      line-height: 1.15;\n      font-weight: 700; \/* Peso grueso *\/\n      color: var(--text-black);\n      margin: 0;\n    }\n\n    \/* SEGUNDA L\u00cdNEA DEL T\u00cdTULO (Estilo delgado\/fino) *\/\n    .titulo-thin {\n      font-weight: 300; \/* Peso muy ligero *\/\n      color: var(--text-muted);\n      display: block;\n    }\n\n    \/* P\u00c1RRAFO INTRODUCTORIO (Estilo Body) *\/\n    .body-text-intro {\n      font-size: 1.1vw;\n      line-height: 1.6;\n      font-weight: 400;\n      color: var(--brand-gray-text);\n      margin-top: 1vw;\n      max-width: 20vw;\n    }\n\n    \/* COLUMNA DERECHA: GRILLA DE L\u00cdNEAS DE ACCI\u00d3N (2 COLUMNAS) *\/\n    .grid-lineas-container {\n      display: grid;\n      grid-template-columns: 26vw 26vw;\n      column-gap: 14vw; \/* Gran espacio vac\u00edo central de la referencia *\/\n      align-items: start;\n    }\n\n    \/* COLUMNAS INTERNAS *\/\n    .grid-col {\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* BLOQUE ESTRAT\u00c9GICO INDIVIDUAL *\/\n    .estrat-block {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 1vw;\n    }\n\n    \/* ETIQUETA DE BLOQUE (H3 - UPPERCASE) *\/\n    .block-label {\n      font-size: 1.1vw; \/* Aumentado a petici\u00f3n *\/\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--text-black);\n    }\n\n    \/* P\u00c1RRAFO DE CONTENIDO *\/\n    .body-text {\n      font-size: 0.85vw;\n      line-height: 1.6;\n      font-weight: 400;\n      color: var(--brand-gray-text);\n      margin-bottom: 0.5vw;\n    }\n\n    \/* L\u00cdNEA DIVISORIA CENTRAL (ENTRE BLOQUES) *\/\n    .divider-line {\n      width: 100%;\n      height: 1px;\n      background-color: var(--border-gray);\n      margin: 3vw 0; \/* Margen amplio para respiraci\u00f3n de textos *\/\n    }\n\n    \/* ==========================================================================\n       ESTILOS DE BOTONES (PLANTILLA PREMIUM)\n       ========================================================================== *\/\n    .btn-cta-template {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n      border: none;\n      background: transparent;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      padding: 0;\n      \/* Configuraci\u00f3n de colores para este bot\u00f3n *\/\n      --btn-brand-color-rgb: 0, 77, 123; \/* Azul Principal IICC *\/\n      --btn-text-color: var(--text-dark); \n    }\n\n    .btn-cta-template .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      background-color: rgba(var(--btn-brand-color-rgb), 0.40);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    .btn-cta-template .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: rgb(var(--btn-brand-color-rgb));\n      transition: stroke 0.3s ease;\n    }\n\n    .btn-cta-template .btn-text {\n      padding-left: 1vw;\n      font-size: 0.9vw;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: none;\n      color: var(--btn-text-color);\n      transition: color 0.3s ease;\n    }\n\n    \/* ==========================================================================\n       PROTECCI\u00d3N CONTRA ESTILOS GLOBALES (ELEMENTOR\/TEMA)\n       ========================================================================== *\/\n    button.btn-cta-template,\n    button.btn-cta-template:hover,\n    button.btn-cta-template:focus,\n    button.btn-cta-template:active {\n      background-color: transparent !important;\n      background: transparent !important;\n      box-shadow: none !important;\n      outline: none !important;\n      border: none !important;\n    }\n\n    \/* MICRO-ANIMACIONES EN HOVER *\/\n    .btn-cta-template:hover .btn-icon {\n      background-color: rgba(var(--btn-brand-color-rgb), 0.60);\n      transform: translateX(3px);\n    }\n\n    .btn-cta-template:hover .btn-text {\n      color: rgb(var(--btn-brand-color-rgb));\n    }\n\n    \/* ==========================================================================\n       PUNTOS DE RUPTURA RESPONSIVOS\n       ========================================================================== *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .proyectos-section-wrapper {\n        grid-template-columns: 100%; \/* Una sola columna apilada *\/\n        row-gap: 6vh;\n        column-gap: 0;\n        padding-left: 8vw;\n        padding-right: 8vw;\n        padding-top: 8vh;\n        padding-bottom: 8vh;\n        min-height: auto;\n      }\n\n      .cabecera-lineas {\n        position: static; \/* Deshabilitar sticky en tableta *\/\n        gap: 2vw;\n      }\n\n      .seccion-marker-icon {\n        width: 2vw;\n        height: 2vw;\n      }\n\n      .titulo-1 {\n        font-size: 4.0vw;\n      }\n\n      .body-text-intro {\n        font-size: 1.8vw;\n        max-width: 100%;\n        margin-top: 2vw;\n      }\n\n      .grid-lineas-container {\n        grid-template-columns: 100%; \/* Colapsa a 1 columna interna *\/\n        row-gap: 6vh;\n        column-gap: 0;\n        max-width: 60%; \/* Ancho contenido para elegancia *\/\n        margin: 0 auto;\n      }\n\n      .estrat-block {\n        gap: 1.5vw;\n      }\n\n      .block-label {\n        font-size: 2.2vw;\n      }\n\n      .body-text {\n        font-size: 1.6vw;\n        margin-bottom: 1vw;\n      }\n\n      .divider-line {\n        margin: 4vw 0;\n      }\n\n      .btn-cta-template .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      .btn-cta-template .btn-text {\n        font-size: 1.4vw;\n        padding-left: 1.5vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .proyectos-section-wrapper {\n        grid-template-columns: 100%;\n        row-gap: 8vh;\n        column-gap: 0;\n        padding-left: 5vw;\n        padding-right: 5vw;\n        padding-top: 12vw;\n        padding-bottom: 12vw;\n        min-height: auto;\n      }\n\n      .cabecera-lineas {\n        position: static;\n        gap: 4vw;\n      }\n\n      .seccion-marker-icon {\n        width: 4vw;\n        height: 4vw;\n        margin-bottom: 2vw;\n      }\n\n      .titulo-1 {\n        font-size: 9.5vw;\n      }\n\n      .titulo-thin {\n        display: inline;\n      }\n\n      .body-text-intro {\n        font-size: 3.6vw;\n        max-width: 100%;\n        margin-top: 3vw;\n      }\n\n      .grid-lineas-container {\n        grid-template-columns: 100%;\n        row-gap: 8vh;\n        column-gap: 0;\n      }\n\n      .estrat-block {\n        gap: 2vw;\n      }\n\n      .block-label {\n        font-size: 4.2vw;\n      }\n\n      .body-text {\n        font-size: 3.2vw;\n        margin-bottom: 2vw;\n      }\n\n      .divider-line {\n        margin: 6vw 0;\n      }\n\n      .btn-cta-template {\n        width: 100%;\n      }\n\n      .btn-cta-template .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      .btn-cta-template .btn-text {\n        font-size: 3.0vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n  <!-- Importaci\u00f3n de Montserrat como fallback optimizado para renderizar fuentes similares a Mont en navegador local -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 2: Descripci\u00f3n de L\u00edneas de Acci\u00f3n -->\n  <section id=\"lineas-accion\" class=\"proyectos-section-wrapper\">\n\n    <!-- Columna Izquierda: Cabecera y T\u00edtulo de la Secci\u00f3n -->\n    <header class=\"cabecera-lineas\">\n      <h2 class=\"titulo-1\">\n        L\u00edneas\n        <span class=\"titulo-thin\">de Investigaci\u00f3n<\/span>\n      <\/h2>\n    <\/header>\n\n    <!-- Columna Derecha: Grilla de Bloques de L\u00edneas de Acci\u00f3n -->\n    <div class=\"grid-lineas-container\">\n\n      <!-- Primera Columna Interna (L\u00edneas 1 y 2) -->\n      <div class=\"grid-col\">\n        \n        <!-- Bloque 1: Inclusi\u00f3n social y agencia y territorios en transformaci\u00f3n -->\n        <article class=\"estrat-block\">\n          <h3 class=\"block-label\">Inclusi\u00f3n social y agencia y territorios en transformaci\u00f3n<\/h3>\n          <p class=\"body-text\">\n            Esta l\u00ednea estudia c\u00f3mo personas, comunidades e instituciones construyen condiciones de participaci\u00f3n, pertenencia y justicia social ante las desigualdades y transformaciones territoriales. Comprende la inclusi\u00f3n y la agencia como capacidades relacionales fundamentales para la transformaci\u00f3n de las condiciones de vida y el fortalecimiento de la sostenibilidad.\n          <\/p>\n          <button class=\"btn-cta-template btn-filtro-linea\" data-target-linea=\"inclusion-agencia-territorios\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Explorar proyectos<\/span>\n          <\/button>\n        <\/article>\n\n        <div class=\"divider-line\"><\/div>\n\n        <!-- Bloque 2: Salud, bienestar y contextos socioambientales -->\n        <article class=\"estrat-block\">\n          <h3 class=\"block-label\">Salud, bienestar y contextos socioambientales<\/h3>\n          <p class=\"body-text\">\n            Esta l\u00ednea analiza c\u00f3mo las condiciones sociales, econ\u00f3micas, culturales y ambientales configuran la salud y el bienestar. Concibe el bienestar como una experiencia relacional vinculada al entorno, la comunidad y el territorio, generando conocimiento para el dise\u00f1o de pol\u00edticas equitativas frente a los desaf\u00edos socioambientales.\n          <\/p>\n          <button class=\"btn-cta-template btn-filtro-linea\" data-target-linea=\"salud-bienestar-contextos\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Explorar proyectos<\/span>\n          <\/button>\n        <\/article>\n\n      <\/div>\n\n      <!-- Segunda Columna Interna (L\u00edneas 3 y 4) -->\n      <div class=\"grid-col\">\n        \n        <!-- Bloque 3: Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia -->\n        <article class=\"estrat-block\">\n          <h3 class=\"block-label\">Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/h3>\n          <p class=\"body-text\">\n            Esta l\u00ednea investiga las condiciones estructurales y familiares que configuran las trayectorias de la ni\u00f1ez y adolescencia, especialmente en contextos de vulnerabilidad. Enfoca su labor en las pr\u00e1cticas efectivas de cuidado, la respuesta de los sistemas de protecci\u00f3n integral y la restituci\u00f3n de derechos en la regi\u00f3n.\n          <\/p>\n          <button class=\"btn-cta-template btn-filtro-linea\" data-target-linea=\"proteccion-cuidado-bienestar\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Explorar proyectos<\/span>\n          <\/button>\n        <\/article>\n\n        <div class=\"divider-line\"><\/div>\n\n        <!-- Bloque 4: Tramas y formas de la violencia -->\n        <article class=\"estrat-block\">\n          <h3 class=\"block-label\">Tramas y formas de la violencia<\/h3>\n          <p class=\"body-text\">\n            Esta l\u00ednea examina c\u00f3mo las estructuras de poder sostienen y reproducen la violencia, y c\u00f3mo esta se encarna en los cuerpos y v\u00ednculos cotidianos. Utilizando un enfoque interseccional, analiza tramas de desigualdad y formas de resistencia para generar conocimiento cr\u00edtico que contribuya a la prevenci\u00f3n y la justicia social.\n          <\/p>\n          <button class=\"btn-cta-template btn-filtro-linea\" data-target-linea=\"tramas-formas-violencia\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Explorar proyectos<\/span>\n          <\/button>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const lineButtons = document.querySelectorAll('.btn-filtro-linea');\n      \n      const mapLineas = {\n        'inclusion-agencia-territorios': 'Inclusi\u00f3n social, agencia y territorios en transformaci\u00f3n',\n        'salud-bienestar-contextos': 'Salud, bienestar y contextos socioambientales',\n        'proteccion-cuidado-bienestar': 'Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia',\n        'tramas-formas-violencia': 'Tramas y formas de la violencia'\n      };\n\n      lineButtons.forEach(btn => {\n        btn.addEventListener('click', function(e) {\n          e.preventDefault();\n          \n          const targetKey = this.getAttribute('data-target-linea');\n          const targetValue = mapLineas[targetKey];\n          \n          if(targetValue) {\n            \/\/ 1. Scroll a la secci\u00f3n 3 (ID: seccion-proyectos-root)\n            const seccion3 = document.getElementById('seccion-proyectos-root');\n            if(seccion3) {\n              \/\/ Calculamos un peque\u00f1o offset si hay un header sticky, pero smooth scroll al root funciona bien\n              seccion3.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }\n            \n            \/\/ 2. Activar filtro de la l\u00ednea correspondiente\n            \/\/ Deseleccionamos las dem\u00e1s l\u00edneas para mostrar solo la seleccionada\n            const checkboxes = document.querySelectorAll('.filtro-checkbox[name=\"linea-accion\"]');\n            let anyChanged = false;\n            \n            checkboxes.forEach(cb => {\n              if(cb.value === targetValue) {\n                if(!cb.checked) {\n                  cb.checked = true;\n                  anyChanged = true;\n                }\n              } else {\n                if(cb.checked) {\n                  cb.checked = false;\n                  anyChanged = true;\n                }\n              }\n            });\n            \n            \/\/ Si hubo cambios, disparamos el evento 'change' para que el script AJAX (de la secci\u00f3n 3) actualice la grilla\n            if(anyChanged && checkboxes.length > 0) {\n               checkboxes[0].dispatchEvent(new Event('change', { bubbles: true }));\n            }\n          }\n        });\n      });\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e6c143 e-flex e-con-boxed e-con e-parent\" data-id=\"0e6c143\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-023eef4 elementor-widget elementor-widget-shortcode\" data-id=\"023eef4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n      \/* VARIABLES GLOBALES Y DESIGN TOKENS OFICIALES *\/\r\n      :root {\r\n        --font-principal: 'Montserrat', sans-serif;\r\n        \r\n        --bg-light: #ffffff;\r\n        --bg-card: #f9f9f9;\r\n        --text-dark: #3C3C3B;\r\n        --text-medium: #666666;\r\n        --text-light: #888888;\r\n        \r\n        --color-primary: #b4363a;\r\n        --color-secondary: #004d7b;\r\n        --color-yellow: #fcbf00;\r\n        --color-yellow-pastel: #FBF8F3;\r\n        --color-blue-pastel: #C4CED4;\r\n        \r\n        --border-gray: #cccccc;\r\n        --border-light: #e0e0e0;\r\n        --black: #000000;\r\n        --white: #ffffff;\r\n      }\r\n\r\n      * {\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      .seccion-proyectos-catalogo {\r\n        position: relative;\r\n        width: 100%;\r\n        padding: 8vh 3vw;\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        font-family: var(--font-principal);\r\n        color: var(--text-dark);\r\n      }\r\n\r\n      \/* L\u00cdNEA DIVISORIA SUPERIOR CON LOGO OFICIAL *\/\r\n      .seccion-divider {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 1px;\r\n        background-color: var(--border-light);\r\n        margin-bottom: 6vh;\r\n      }\r\n\r\n      .seccion-logo-asset {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        height: 16px;\r\n        width: auto;\r\n        object-fit: contain;\r\n        background-color: var(--white);\r\n        padding-right: 12px;\r\n      }\r\n\r\n      \/* GRID PRINCIPAL ASIM\u00c9TRICO DE DOS COLUMNAS (Desktop) *\/\r\n      .seccion-container {\r\n        display: grid;\r\n        grid-template-columns: 62vw 27vw;\r\n        column-gap: 5vw;\r\n        align-items: start;\r\n        width: 100%;\r\n      }\r\n\r\n      \/* COLUMNA IZQUIERDA: LISTADO DE PROYECTOS *\/\r\n      .col-izquierda {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4vh;\r\n        \/* Para mostrar loading state *\/\r\n        position: relative;\r\n      }\r\n\r\n      .subseccion-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5vh;\r\n      }\r\n\r\n      \/* TIPOGRAF\u00cdAS DE LOS ENCABEZADOS *\/\r\n      .titulo-2 {\r\n        font-family: var(--font-principal) !important;\r\n        font-size: 2.3vw;\r\n        line-height: 1.25;\r\n        font-weight: 700;\r\n        color: var(--black);\r\n      }\r\n\r\n      .titulo-3 {\r\n        font-family: var(--font-principal) !important;\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 1.8vw;\r\n        line-height: 1.3;\r\n        font-weight: 700;\r\n        color: var(--black);\r\n      }\r\n\r\n      \/* TITULO DE TARJETAS REDUCIDO *\/\r\n      .titulo-4 {\r\n        font-family: var(--font-principal) !important;\r\n        font-size: 1.0vw;\r\n        line-height: 1.35;\r\n        font-weight: 700;\r\n        color: var(--black);\r\n        transition: color 0.3s ease;\r\n        margin: 0;\r\n      }\r\n\r\n      .body-text {\r\n        font-size: 1.1vw;\r\n        line-height: 1.5;\r\n        font-weight: 400;\r\n        color: var(--text-medium);\r\n      }\r\n\r\n      \/* GRILLAS DE TARJETAS (Desktop) - 3 columnas *\/\r\n      .grilla-tarjetas {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 1.5vw;\r\n        width: 100%;\r\n        transition: opacity 0.3s ease;\r\n      }\r\n      \r\n      .grilla-tarjetas.is-loading {\r\n        opacity: 0.4;\r\n        pointer-events: none;\r\n      }\r\n\r\n      \/* TARJETA DE PROYECTO *\/\r\n      .tarjeta-proyecto {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2vh;\r\n        width: 100%;\r\n        transition: transform 0.3s ease;\r\n        text-decoration: none;\r\n      }\r\n\r\n      .tarjeta-proyecto:hover {\r\n        transform: translateY(-4px);\r\n      }\r\n\r\n      .proyecto-img-wrapper {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 16 \/ 9;\r\n        background-color: var(--bg-card);\r\n        border: 1px solid var(--border-light);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .proyecto-img {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n      }\r\n\r\n      .tarjeta-proyecto:hover .proyecto-img {\r\n        transform: scale(1.05);\r\n      }\r\n\r\n      .tarjeta-proyecto:hover .titulo-4 {\r\n        font-family: var(--font-principal) !important;\r\n        color: var(--color-primary);\r\n      }\r\n\r\n      .proyecto-info {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1vh;\r\n      }\r\n\r\n      .proyecto-meta {\r\n        font-size: 0.85vw;\r\n        line-height: 1.4;\r\n        font-weight: 400;\r\n        color: var(--text-medium);\r\n        margin: 0;\r\n      }\r\n\r\n      \/* COLUMNA DERECHA: SECCI\u00d3N DE FILTROS *\/\r\n      .col-derecha {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 3vh;\r\n        width: 100%;\r\n        padding: 3.5vh 2vw;\r\n        border: none;\r\n        background-color: var(--color-yellow-pastel);\r\n        border-radius: 12px;\r\n      }\r\n\r\n      \/* FILTROS (Selector de L\u00edneas de Acci\u00f3n) *\/\r\n      .filtro-grupo {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5vh;\r\n        width: 100%;\r\n      }\r\n\r\n      .filtro-fieldset {\r\n        border: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5vh;\r\n        width: 100%;\r\n        padding: 0;\r\n        margin: 0;\r\n      }\r\n\r\n      .filtro-label {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 0.8vw;\r\n        cursor: pointer;\r\n        user-select: none;\r\n        line-height: 1.4;\r\n        width: 100%;\r\n        margin: 0;\r\n      }\r\n\r\n      \/* Ocultamos el checkbox nativo *\/\r\n      .filtro-checkbox {\r\n        position: absolute;\r\n        opacity: 0;\r\n        cursor: pointer;\r\n        height: 0;\r\n        width: 0;\r\n      }\r\n\r\n      \/* Checkbox personalizado *\/\r\n      .checkbox-custom {\r\n        height: 1.1vw;\r\n        width: 1.1vw;\r\n        min-width: 16px;\r\n        min-height: 16px;\r\n        background-color: var(--white);\r\n        border: 2px solid var(--text-dark);\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        margin-top: 0.15rem;\r\n        transition: all 0.2s ease;\r\n      }\r\n\r\n      .filtro-label:hover .checkbox-custom {\r\n        border-color: var(--color-primary);\r\n      }\r\n\r\n      .filtro-checkbox:checked ~ .checkbox-custom {\r\n        border-color: var(--color-secondary);\r\n      }\r\n\r\n      .checkbox-custom::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        display: none;\r\n        left: 50%;\r\n        top: 50%;\r\n        width: 0.5vw;\r\n        height: 0.5vw;\r\n        min-width: 6px;\r\n        min-height: 6px;\r\n        background-color: var(--color-secondary);\r\n        transform: translate(-50%, -50%);\r\n      }\r\n\r\n      .filtro-checkbox:checked ~ .checkbox-custom::after {\r\n        display: block;\r\n      }\r\n\r\n      .checkbox-text {\r\n        font-size: 0.95vw;\r\n        font-weight: 500;\r\n        color: var(--text-dark);\r\n        transition: color 0.2s ease;\r\n      }\r\n\r\n      .filtro-label:hover .checkbox-text {\r\n        color: var(--color-primary);\r\n      }\r\n\r\n      \/* Separador de Filtros *\/\r\n      .filtro-separator {\r\n        width: 100%;\r\n        height: 1px;\r\n        background-color: var(--border-light);\r\n        margin: 1.5vh 0;\r\n      }\r\n\r\n      .huella-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5vh;\r\n      }\r\n\r\n      .huella-title-icon {\r\n        display: inline-block !important;\r\n        width: 32px !important;\r\n        height: 32px !important;\r\n        max-width: 32px !important;\r\n        max-height: 32px !important;\r\n        min-width: 32px !important;\r\n        min-height: 32px !important;\r\n        object-fit: contain !important;\r\n        margin-right: 12px !important;\r\n        flex-shrink: 0 !important;\r\n      }\r\n\r\n      .huella-desc-text {\r\n        font-size: 0.9vw;\r\n        color: var(--text-medium);\r\n        line-height: 1.4;\r\n        margin: 0;\r\n      }\r\n\r\n      \/* T\u00cdTULOS DE FILTRADO ESPEC\u00cdFICOS *\/\r\n      .filtro-grupo .titulo-3 {\r\n        font-family: var(--font-principal) !important;\r\n        font-size: 1.3vw;\r\n        display: flex;\r\n        align-items: center;\r\n        line-height: 1.15;\r\n        margin: 0;\r\n      }\r\n\r\n      .titulo-text-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 1px;\r\n      }\r\n\r\n      .titulo-bold {\r\n        font-weight: 700;\r\n        color: var(--text-black);\r\n        display: block;\r\n        line-height: 1.15;\r\n      }\r\n\r\n      .titulo-thin {\r\n        font-weight: 300;\r\n        color: #666666;\r\n        display: block;\r\n        line-height: 1.15;\r\n      }\r\n\r\n      \/* ENVOLTORIO DE LAS ETIQUETAS DE FILTRO *\/\r\n      .huella-etiquetas-wrapper {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 0.8vw;\r\n        width: 100%;\r\n        margin-top: 1vh;\r\n        max-height: 86px; \/* Altura para 2 filas (aprox) *\/\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease;\r\n      }\r\n\r\n      .huella-etiquetas-wrapper.expandido {\r\n        max-height: 1500px;\r\n      }\r\n\r\n      \/* BOT\u00d3N VER M\u00c1S HUELLA *\/\r\n      .btn-ver-mas-huella {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 0.4rem !important;\r\n        background: transparent !important;\r\n        border: none !important;\r\n        color: var(--color-primary) !important;\r\n        font-size: 0.9vw;\r\n        font-family: inherit;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        padding: 0 !important;\r\n        margin: 1vh 0 0 0 !important;\r\n        box-shadow: none !important;\r\n        text-shadow: none !important;\r\n        outline: none !important;\r\n        transition: color 0.3s ease !important;\r\n      }\r\n\r\n      .btn-ver-mas-huella:hover,\r\n      .btn-ver-mas-huella:focus,\r\n      .btn-ver-mas-huella:active {\r\n        color: var(--color-secondary) !important;\r\n      }\r\n      \r\n      .btn-ver-mas-huella .icono-ver-mas {\r\n        font-size: 1.2em;\r\n        font-weight: bold;\r\n      }\r\n\r\n      \/* BOT\u00d3N DE ETIQUETA HUELLA *\/\r\n      .huella-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.6rem;\r\n        padding: 0.45rem 1rem;\r\n        background-color: var(--white);\r\n        border: 1px solid var(--border-gray);\r\n        color: var(--text-dark);\r\n        font-family: inherit;\r\n        font-size: 0.75vw;\r\n        font-weight: 500;\r\n        border-radius: 50px; \/* C\u00e1psula seg\u00fan la gu\u00eda *\/\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n        outline: none;\r\n        text-align: left;\r\n        line-height: 1.2;\r\n      }\r\n\r\n      .huella-btn:hover {\r\n        background-color: var(--white);\r\n        border-color: var(--color-yellow);\r\n        color: var(--color-yellow);\r\n      }\r\n\r\n      \/* Estado Activo para el Bot\u00f3n de Huella *\/\r\n      .huella-btn.active {\r\n        background-color: var(--color-yellow-pastel);\r\n        border-color: var(--color-yellow);\r\n        color: var(--color-yellow);\r\n        box-shadow: 0 0 0 1px var(--color-yellow);\r\n      }\r\n\r\n      .huella-grafico {\r\n        display: block;\r\n        flex-shrink: 0;\r\n        width: 16px;\r\n        height: 16px;\r\n      }\r\n\r\n      .huella-grafico-fill {\r\n        stroke: var(--color-yellow);\r\n        transition: stroke 0.25s ease;\r\n      }\r\n      \r\n      .huella-btn.active .huella-grafico-fill {\r\n        stroke: var(--color-primary); \/* Acento al estar activo *\/\r\n      }\r\n\r\n      \/* INDICADORES DE PAGINACI\u00d3N *\/\r\n      .paginacion-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 1.5vw;\r\n        margin-top: 6vh;\r\n        width: 100%;\r\n        transition: opacity 0.3s ease;\r\n      }\r\n      \r\n      .paginacion-container.is-loading {\r\n        opacity: 0.4;\r\n        pointer-events: none;\r\n      }\r\n\r\n      .paginacion-btn,\r\n      .page-numbers {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 0.5vw;\r\n        border: 1px solid var(--border-gray);\r\n        background-color: var(--white);\r\n        color: var(--text-dark);\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        transition: all 0.3s ease;\r\n      }\r\n      \r\n      \/* Botones Previous \/ Next *\/\r\n      .page-numbers.prev,\r\n      .page-numbers.next {\r\n        padding: 0.8vh 1.2vw;\r\n        font-size: 0.9vw;\r\n        border-radius: 30px;\r\n        width: auto !important;\r\n        height: auto !important;\r\n        min-width: 0 !important;\r\n        min-height: 0 !important;\r\n      }\r\n\r\n      .page-numbers:hover:not(.current):not(.dots) {\r\n        background-color: var(--color-yellow-pastel);\r\n        border-color: var(--color-yellow);\r\n        color: var(--color-yellow);\r\n      }\r\n\r\n      \/* N\u00fameros normales *\/\r\n      a.page-numbers, span.page-numbers.current, span.page-numbers.dots {\r\n        width: 2.2vw;\r\n        height: 2.2vw;\r\n        min-width: 32px;\r\n        min-height: 32px;\r\n        font-size: 0.9vw;\r\n        border-radius: 50%;\r\n      }\r\n      \r\n      span.page-numbers.dots {\r\n        border: none;\r\n        background: transparent;\r\n      }\r\n\r\n      \/* N\u00famero Activo *\/\r\n      .page-numbers.current {\r\n        background-color: var(--color-primary);\r\n        color: var(--white);\r\n        border-color: var(--color-primary);\r\n      }\r\n\r\n      .paginacion-arrow {\r\n        font-weight: bold;\r\n      }\r\n\r\n      \/* BREAKPOINTS OFICIALES *\/\r\n      @media (min-width: 768px) and (max-width: 1024px) {\r\n        .seccion-proyectos-catalogo { padding: 8vh 3vw; }\r\n        .seccion-container { grid-template-columns: 1fr; row-gap: 6vh; }\r\n        .col-derecha { grid-row: 1; padding: 4vh 3vw; position: static; }\r\n        .col-izquierda { gap: 6vh; }\r\n        .grilla-tarjetas { grid-template-columns: repeat(2, 1fr); gap: 3vw; }\r\n        .titulo-2 { font-size: 4.2vw; }\r\n        .titulo-3 { font-size: 3.3vw; }\r\n        \r\n        .titulo-4 { font-size: 1.5vw; }\r\n        \r\n        .huella-title-icon { width: 28px !important; height: 28px !important; max-width: 28px !important; max-height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin-right: 10px !important; }\r\n        .huella-desc-text { font-size: 1.5vw; }\r\n        .filtro-grupo .titulo-3 { font-size: 2.6vw; }\r\n        .body-text { font-size: 1.8vw; }\r\n        .proyecto-meta { font-size: 1.6vw; }\r\n        .checkbox-text { font-size: 1.7vw; }\r\n        .checkbox-custom { height: 1.8vw; width: 1.8vw; min-width: 16px; min-height: 16px; margin-top: 0.1rem; }\r\n        .huella-btn { font-size: 1.3vw; padding: 0.4rem 0.8rem; }\r\n        .huella-etiquetas-wrapper { gap: 1.2vw; max-height: 82px; }\r\n        .btn-ver-mas-huella { font-size: 1.6vw; }\r\n        .paginacion-container { gap: 2vw; margin-top: 5vh; }\r\n        \r\n        .page-numbers.prev, .page-numbers.next { padding: 1vh 2vw; font-size: 1.6vw; }\r\n        a.page-numbers, span.page-numbers.current, span.page-numbers.dots { width: 4vw; height: 4vw; font-size: 1.6vw; }\r\n      }\r\n\r\n      @media (max-width: 767px) {\r\n        .seccion-proyectos-catalogo { padding: 12vw 3vw; }\r\n        .seccion-container { grid-template-columns: 1fr; row-gap: 8vw; }\r\n        .col-derecha { grid-row: 1; padding: 6vw 4vw; gap: 4vw; position: static; }\r\n        .col-izquierda { gap: 8vw; }\r\n        .grilla-tarjetas { grid-template-columns: 1fr; gap: 6vw; }\r\n        .titulo-2 { font-size: 6.5vw; }\r\n        .titulo-3 { font-size: 6.6vw; }\r\n        \r\n        .titulo-4 { font-size: 3.0vw; }\r\n        \r\n        .huella-title-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; min-width: 24px !important; min-height: 24px !important; margin-right: 8px !important; }\r\n        .huella-desc-text { font-size: 3.0vw; }\r\n        .filtro-grupo .titulo-3 { font-size: 5.0vw; }\r\n        .body-text { font-size: 3.6vw; }\r\n        .proyecto-meta { font-size: 3.3vw; }\r\n        .checkbox-text { font-size: 3.4vw; }\r\n        .checkbox-custom { height: 3.6vw; width: 3.6vw; min-width: 18px; min-height: 18px; margin-top: 0.1rem; }\r\n        .huella-btn { font-size: 3.4vw; padding: 0.5rem 1rem; }\r\n        .huella-grafico { width: 14px; height: 14px; }\r\n        .huella-etiquetas-wrapper { gap: 2vw; max-height: 78px; }\r\n        .btn-ver-mas-huella { font-size: 3.2vw; }\r\n        .paginacion-container { gap: 3vw; margin-top: 8vw; }\r\n        \r\n        .page-numbers.prev, .page-numbers.next { padding: 2vw 4vw; font-size: 3.3vw; }\r\n        a.page-numbers, span.page-numbers.current, span.page-numbers.dots { width: 9vw; height: 9vw; font-size: 3.3vw; }\r\n      }\r\n    <\/style>\r\n\r\n    <section class=\"seccion-proyectos-catalogo\" id=\"seccion-proyectos-root\">\r\n      <div class=\"seccion-container\">\r\n        \r\n        <!-- Columna izquierda: Listado de Proyectos -->\r\n        <section id=\"listado-proyectos\" class=\"col-izquierda\">\r\n          <div class=\"subseccion-header\">\r\n            <!-- T\u00cdTULO DE LA SECCI\u00d3N MODIFICADO -->\r\n            <h2 class=\"titulo-3\">Explorar las investigaciones en curso<\/h2>\r\n          <\/div>\r\n\r\n          <div class=\"grilla-tarjetas\" id=\"contenedor-tarjetas\">\r\n                                \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/pacto-priorizando-la-rendicion-de-cuentas-el-bienestar-infantil-y-la-toma-de-decisiones-sparente-en-observancia-de-la-cdn-alianza-multiactoral-para-transformar-el-sistema-de-eccion-infantil-en-bol\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/proy13-1024x682.jpeg\" alt=\"PACTO (Priorizando la rendici\u00f3n de cuentas, el Bienestar Infantil y la toma de decisiones transparente en Observancia de la CDN): Alianza multiactoral para transformar el Sistema de Protecci\u00f3n infantil en Bolivia\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">PACTO (Priorizando la rendici\u00f3n de cuentas, el Bienestar Infantil y la toma de decisiones transparente en Observancia de la CDN): Alianza multiactoral para transformar el Sistema de Protecci\u00f3n infantil en Bolivia<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> de 2025 a 2027<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/desarrollo-e-implementacion-de-un-mecanismo-de-articulacion-interinstitucional-entre-el-proyecto-team-mentes-resilientes-futuros-sostenibles-y-el-programa-bolivia-salud-v\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Desarrollo e implementaci\u00f3n de un mecanismo de articulaci\u00f3n interinstitucional entre el Proyecto TEAM \u201cMentes resilientes, futuros sostenibles\u201d y el Programa \u201cBolivia Salud &#8211; Vida Sana Sin Violencia\u201d\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Desarrollo e implementaci\u00f3n de un mecanismo de articulaci\u00f3n interinstitucional entre el Proyecto TEAM \u201cMentes resilientes, futuros sostenibles\u201d y el Programa \u201cBolivia Salud &#8211; Vida Sana Sin Violencia\u201d<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2025 - 2027<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Salud, bienestar y contextos socioambientales<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/tramas-simbolicas-de-la-violencia-sexual-esquemas-perceptuales-y-valorativos-de-mujeres-bolivianas\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Tramas simb\u00f3licas de la violencia sexual. Esquemas perceptuales y valorativos de mujeres bolivianas\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Tramas simb\u00f3licas de la violencia sexual. Esquemas perceptuales y valorativos de mujeres bolivianas<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2022-2026<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Tramas y formas de la violencia<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/bienestar-y-salud-mental-en-ninas-y-ninos-diagnosticos-para-la-mejora-de-la-cooperacion-andaluza-en-la-implementacion-de-calidad-de-politicas-publicas-en-salud-mental-de-la-infancia-en-andalucia-y-bo\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Bienestar y salud mental en ni\u00f1as y ni\u00f1os: Diagn\u00f3sticos para la mejora de la cooperaci\u00f3n andaluza en la implementaci\u00f3n de calidad de pol\u00edticas p\u00fablicas en salud mental de la infancia en Andaluc\u00eda y Bolivia\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Bienestar y salud mental en ni\u00f1as y ni\u00f1os: Diagn\u00f3sticos para la mejora de la cooperaci\u00f3n andaluza en la implementaci\u00f3n de calidad de pol\u00edticas p\u00fablicas en salud mental de la infancia en Andaluc\u00eda y Bolivia<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> julio 2026 a septiembre 2027<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/comprendiendo-las-normas-sociales-para-prevenir-la-violencia-basada-en-genero-vbg-entre-adolescentes-en-la-region-de-la-chiquitania-bolivia-evaluacion\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Comprendiendo las normas sociales para prevenir la violencia basada en g\u00e9nero (VBG) entre adolescentes en la regi\u00f3n de la Chiquitan\u00eda, Bolivia: Evaluaci\u00f3n\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Comprendiendo las normas sociales para prevenir la violencia basada en g\u00e9nero (VBG) entre adolescentes en la regi\u00f3n de la Chiquitan\u00eda, Bolivia: Evaluaci\u00f3n<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2026<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Tramas y formas de la violencia<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/estudio-sobre-la-trata-y-delitos-conexos-contra-ninas-ninos-adolescentes-y-mujeres-en-bolivia\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/proy8-1024x768.jpeg\" alt=\"Protecci\u00f3n a v\u00edctimas de trata y delitos conexos en Bolivia: Una mirada a los mecanismos e instrumentos de la respuesta estatal y social\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Protecci\u00f3n a v\u00edctimas de trata y delitos conexos en Bolivia: Una mirada a los mecanismos e instrumentos de la respuesta estatal y social<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> abril de 2026 a diciembre de 2027<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Tramas y formas de la violencia<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/diseno-participativo-y-construccion-comunitaria-de-sentido-frente-al-cambio-climatico-desarrollo-de-un-modelo-de-mediacion-epistemologica\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Dise\u00f1o participativo y construcci\u00f3n comunitaria de sentido frente al cambio clim\u00e1tico: desarrollo de un modelo de mediaci\u00f3n epistemol\u00f3gica\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Dise\u00f1o participativo y construcci\u00f3n comunitaria de sentido frente al cambio clim\u00e1tico: desarrollo de un modelo de mediaci\u00f3n epistemol\u00f3gica<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2025-2029<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Salud, bienestar y contextos socioambientales<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/travesias-de-mente-y-territorio-entendiendo-el-triple-nexo-entre-salud-mental-movilidad-humana-y-cambio-climatico-en-comunidades-indigenas-de-la-chiquitania-bolivia\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Traves\u00edas de mente y territorio: entendiendo el triple nexo entre salud mental, movilidad humana y cambio clim\u00e1tico en comunidades ind\u00edgenas de la Chiquitan\u00eda, Bolivia.\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Traves\u00edas de mente y territorio: entendiendo el triple nexo entre salud mental, movilidad humana y cambio clim\u00e1tico en comunidades ind\u00edgenas de la Chiquitan\u00eda, Bolivia.<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2026 a 2027<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Salud, bienestar y contextos socioambientales<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                                        \r\n                    <!-- Tarjeta Proyecto -->\r\n                    <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/construccion-de-un-indice-multidimensional-de-bienestar-y-derechos-de-la-ninez-y-adolescencia-en-bolivia-a-partir-de-encuestas-nacionales-de-poblacion-marco-metodologico-basado-en-derechos\/\" class=\"tarjeta-proyecto\">\r\n                      <div class=\"proyecto-img-wrapper\">\r\n                        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" alt=\"Construcci\u00f3n de un \u00cdndice Multidimensional de Bienestar y Derechos de la Ni\u00f1ez y Adolescencia en Bolivia a partir de Encuestas Nacionales de Poblaci\u00f3n: Marco Metodol\u00f3gico Basado en Derechos\" class=\"proyecto-img\" loading=\"lazy\">\r\n                      <\/div>\r\n                      <div class=\"proyecto-info\">\r\n                        <h3 class=\"titulo-4\">Construcci\u00f3n de un \u00cdndice Multidimensional de Bienestar y Derechos de la Ni\u00f1ez y Adolescencia en Bolivia a partir de Encuestas Nacionales de Poblaci\u00f3n: Marco Metodol\u00f3gico Basado en Derechos<\/h3>\r\n                        <p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2026<\/p>\r\n                        <p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/p>\r\n                      <\/div>\r\n                    <\/a>\r\n                    \r\n                              <\/div>\r\n\r\n          <!-- Indicadores de Paginaci\u00f3n -->\r\n          <div class=\"paginacion-container\" id=\"contenedor-paginacion\">\r\n            <span aria-current=\"page\" class=\"page-numbers current\"><span class=\"paginacion-numero\">1<\/span><\/span>\n<a class=\"page-numbers\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/193\/page\/2\/\"><span class=\"paginacion-numero\">2<\/span><\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/193\/page\/2\/\">Siguiente <span class=\"paginacion-arrow\">&rarr;<\/span><\/a>          <\/div>\r\n        <\/section>\r\n\r\n        <!-- Columna derecha: Bloque de Filtros -->\r\n        <aside id=\"filtros\" class=\"col-derecha\">\r\n          <!-- Selector de L\u00edneas de Investigaci\u00f3n -->\r\n          <div class=\"filtro-grupo\" id=\"filtro-lineas-accion\">\r\n            <h2 class=\"titulo-3\">Filtrar por l\u00ednea de investigaci\u00f3n<\/h2>\r\n            <fieldset class=\"filtro-fieldset\">\r\n              <label class=\"filtro-label\">\r\n                <input type=\"checkbox\" name=\"linea-accion\" value=\"Inclusi\u00f3n social, agencia y territorios en transformaci\u00f3n\" class=\"filtro-checkbox\">\r\n                <span class=\"checkbox-custom\"><\/span>\r\n                <span class=\"checkbox-text\">Inclusi\u00f3n social, agencia y territorios en transformaci\u00f3n<\/span>\r\n              <\/label>\r\n              <label class=\"filtro-label\">\r\n                <input type=\"checkbox\" name=\"linea-accion\" value=\"Salud, bienestar y contextos socioambientales\" class=\"filtro-checkbox\">\r\n                <span class=\"checkbox-custom\"><\/span>\r\n                <span class=\"checkbox-text\">Salud, bienestar y contextos socioambientales<\/span>\r\n              <\/label>\r\n              <label class=\"filtro-label\">\r\n                <input type=\"checkbox\" name=\"linea-accion\" value=\"Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia\" class=\"filtro-checkbox\">\r\n                <span class=\"checkbox-custom\"><\/span>\r\n                <span class=\"checkbox-text\">Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/span>\r\n              <\/label>\r\n              <label class=\"filtro-label\">\r\n                <input type=\"checkbox\" name=\"linea-accion\" value=\"Tramas y formas de la violencia\" class=\"filtro-checkbox\">\r\n                <span class=\"checkbox-custom\"><\/span>\r\n                <span class=\"checkbox-text\">Tramas y formas de la violencia<\/span>\r\n              <\/label>\r\n            <\/fieldset>\r\n          <\/div>\r\n\r\n          <div class=\"filtro-separator\"><\/div>\r\n\r\n          <!-- Bloque de Fingerprint Tem\u00e1tico (Din\u00e1mico) -->\r\n          <div class=\"filtro-grupo\" id=\"filtro-huella-tematica\">\r\n            <div class=\"huella-header\">\r\n              <h2 class=\"titulo-3\">\r\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-title-icon\" alt=\"Icono Huella\" style=\"width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; object-fit: contain !important;\">\r\n                <span class=\"titulo-text-group\">\r\n                  <span class=\"titulo-bold\">Filtrar por<\/span>\r\n                  <span class=\"titulo-thin\">Huella Tem\u00e1tica<\/span>\r\n                <\/span>\r\n              <\/h2>\r\n              <p class=\"body-text huella-desc-text\">Seleccione las palabras clave de su inter\u00e9s para segmentar din\u00e1micamente el cat\u00e1logo de investigaciones seg\u00fan su peso o relevancia tem\u00e1tica:<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"huella-etiquetas-wrapper\" id=\"huella-wrapper\">\r\n                                    <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"salud-mental\" title=\"Relevancia: Medio\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"19.3 30.9\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Salud mental                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"bienestar\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"11.6 38.7\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Bienestar                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"derechos-y-medio-ambiente\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"11.6 38.7\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Derechos y medio ambiente                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"investigacion-basada-en-comunidad\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"11.6 38.7\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Investigaci\u00f3n basada en comunidad                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"determinantes-sociales-de-la-salud\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"7.7 42.5\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Determinantes Sociales de la salud                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"sistemas-de-proteccion-de-la-ninez\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"7.7 42.5\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Sistemas de protecci\u00f3n de la ni\u00f1ez                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"violencia-basada-en-genero\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"7.7 42.5\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Violencia basada en g\u00e9nero                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"violencia-sexual\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"7.7 42.5\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Violencia Sexual                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"egreso-del-sistema-de-proteccion\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Egreso del sistema de protecci\u00f3n                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"inclusion-social-exclusion-social\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Inclusi\u00f3n Social\/Exclusi\u00f3n Social                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"interseccionalidad\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Interseccionalidad                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"investigacion-liderada-por-la-ninez-y-adolescencia\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Investigaci\u00f3n liderada por la ni\u00f1ez y adolescencia                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"ninez-y-adolescencia\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Ni\u00f1ez y adolescencia                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"normas-sociales\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Normas sociales                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"perdida-de-cuidado-parental\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        P\u00e9rdida de cuidado parental                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"trata-y-delitos-conexos\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Trata y delitos conexos                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"violencia-simbolica\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Violencia simb\u00f3lica                      <\/button>\r\n                                            <!-- Convertido a <button> con atributo data-term para el filtro JS -->\r\n                      <button class=\"huella-btn\" type=\"button\" data-term=\"violencias\" title=\"Relevancia: Bajo\">\r\n                        <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                          <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                          <circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.9 46.4\" transform=\"rotate(-90 10 10)\" \/>\r\n                        <\/svg>\r\n                        Violencias                      <\/button>\r\n                                  <\/div>\r\n            \r\n            <button class=\"btn-ver-mas-huella\" id=\"btn-huella-ver-mas\" style=\"display: none;\">\r\n              <span class=\"icono-ver-mas\">+<\/span>\r\n              <span class=\"texto-ver-mas\">Ver m\u00e1s<\/span>\r\n            <\/button>\r\n          <\/div>\r\n        <\/aside>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n      (function() {\r\n        \/\/ -------------------------------------------------------------\r\n        \/\/ LOGICA DE COLAPSO \"VER M\u00c1S\"\r\n        \/\/ -------------------------------------------------------------\r\n        function initHuella() {\r\n          const wrapper = document.getElementById('huella-wrapper');\r\n          const btnVerMas = document.getElementById('btn-huella-ver-mas');\r\n          \r\n          if (wrapper && btnVerMas) {\r\n            \/\/ Verificar si el contenido excede la altura visible\r\n            if (wrapper.scrollHeight > wrapper.clientHeight + 5) {\r\n              btnVerMas.style.display = 'inline-flex';\r\n            } else {\r\n              btnVerMas.style.display = 'none';\r\n            }\r\n\r\n            const newBtn = btnVerMas.cloneNode(true);\r\n            btnVerMas.parentNode.replaceChild(newBtn, btnVerMas);\r\n\r\n            newBtn.addEventListener('click', function(e) {\r\n              e.preventDefault();\r\n              wrapper.classList.toggle('expandido');\r\n              \r\n              const textSpan = newBtn.querySelector('.texto-ver-mas');\r\n              const iconSpan = newBtn.querySelector('.icono-ver-mas');\r\n              \r\n              if (wrapper.classList.contains('expandido')) {\r\n                textSpan.textContent = 'Ver menos';\r\n                iconSpan.textContent = '-';\r\n              } else {\r\n                textSpan.textContent = 'Ver m\u00e1s';\r\n                iconSpan.textContent = '+';\r\n              }\r\n            });\r\n          }\r\n        }\r\n\r\n        setTimeout(initHuella, 100);\r\n        window.addEventListener(\"load\", initHuella);\r\n\r\n\r\n        \/\/ -------------------------------------------------------------\r\n        \/\/ LOGICA DE FILTRADO AJAX\r\n        \/\/ -------------------------------------------------------------\r\n        const seccionRoot = document.getElementById('seccion-proyectos-root');\r\n        if (!seccionRoot) return;\r\n\r\n        const contenedorTarjetas = document.getElementById('contenedor-tarjetas');\r\n        const contenedorPaginacion = document.getElementById('contenedor-paginacion');\r\n        \r\n        \/\/ Estado de filtros\r\n        let currentPage = 1;\r\n        \r\n        function getFiltrosActivos() {\r\n            \/\/ Recoger Lineas de acci\u00f3n seleccionadas\r\n            const checkboxes = seccionRoot.querySelectorAll('input[name=\"linea-accion\"]:checked');\r\n            const lineasActivas = Array.from(checkboxes).map(cb => cb.value);\r\n            \r\n            \/\/ Recoger Huellas tem\u00e1ticas (botones) activas\r\n            const huellasActivas = Array.from(seccionRoot.querySelectorAll('.huella-btn.active')).map(btn => btn.getAttribute('data-term'));\r\n            \r\n            return {\r\n                lineas: lineasActivas,\r\n                huellas: huellasActivas\r\n            };\r\n        }\r\n        \r\n        function fetchProyectosFiltrados() {\r\n            const ajaxurl = \"https:\/\/www.ucb.edu.bo\/iicc\/wp-admin\/admin-ajax.php\";\r\n            const filtros = getFiltrosActivos();\r\n            \r\n            \/\/ UX: Mostrar estado de carga\r\n            contenedorTarjetas.classList.add('is-loading');\r\n            contenedorPaginacion.classList.add('is-loading');\r\n            \r\n            \/\/ Preparar FormData\r\n            const formData = new FormData();\r\n            formData.append('action', 'filtrar_investigaciones');\r\n            formData.append('paged', currentPage);\r\n            \r\n            filtros.lineas.forEach(l => formData.append('lineas[]', l));\r\n            filtros.huellas.forEach(h => formData.append('huellas[]', h));\r\n            \r\n            \/\/ Petici\u00f3n POST AJAX\r\n            fetch(ajaxurl, {\r\n                method: 'POST',\r\n                body: formData\r\n            })\r\n            .then(res => res.json())\r\n            .then(response => {\r\n                if(response.success) {\r\n                    contenedorTarjetas.innerHTML = response.data.tarjetas;\r\n                    contenedorPaginacion.innerHTML = response.data.paginacion;\r\n                    \r\n                    \/\/ Hacer scroll suave hacia el inicio del listado\r\n                    const offsetTop = document.getElementById('listado-proyectos').getBoundingClientRect().top + window.scrollY - 100;\r\n                    window.scrollTo({ top: offsetTop, behavior: 'smooth' });\r\n                }\r\n            })\r\n            .catch(error => console.error(\"Error en filtrado AJAX:\", error))\r\n            .finally(() => {\r\n                \/\/ Quitar estado de carga\r\n                contenedorTarjetas.classList.remove('is-loading');\r\n                contenedorPaginacion.classList.remove('is-loading');\r\n            });\r\n        }\r\n        \r\n        \/\/ EVENTOS PARA CHECKBOXES DE L\u00cdNEA DE ACCI\u00d3N\r\n        const checkboxesLineas = seccionRoot.querySelectorAll('input[name=\"linea-accion\"]');\r\n        checkboxesLineas.forEach(cb => {\r\n            cb.addEventListener('change', function() {\r\n                currentPage = 1; \/\/ resetear a pag 1 al cambiar filtros\r\n                fetchProyectosFiltrados();\r\n            });\r\n        });\r\n        \r\n        \/\/ EVENTOS PARA BOTONES DE HUELLA TEM\u00c1TICA\r\n        const botonesHuella = seccionRoot.querySelectorAll('.huella-btn');\r\n        botonesHuella.forEach(btn => {\r\n            btn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                \/\/ Toggle active class\r\n                this.classList.toggle('active');\r\n                \r\n                currentPage = 1; \/\/ resetear a pag 1\r\n                fetchProyectosFiltrados();\r\n            });\r\n        });\r\n        \r\n        \/\/ EVENTOS PARA LA PAGINACI\u00d3N NATIVA (INTERCEPTAR CLICS)\r\n        \/\/ Usamos Event Delegation porque la paginaci\u00f3n se regenera tras cada llamada AJAX\r\n        contenedorPaginacion.addEventListener('click', function(e) {\r\n            const targetLink = e.target.closest('a.page-numbers, a.paginacion-btn');\r\n            if (targetLink) {\r\n                e.preventDefault();\r\n                \r\n                let targetPage = 1;\r\n                try {\r\n                    const urlObj = new URL(targetLink.href, window.location.href);\r\n                    if (urlObj.searchParams.has('paged')) {\r\n                        targetPage = parseInt(urlObj.searchParams.get('paged'), 10) || 1;\r\n                    } else {\r\n                        const pageMatch = urlObj.pathname.match(\/\\\/page\\\/([0-9]+)\/);\r\n                        if (pageMatch) {\r\n                            targetPage = parseInt(pageMatch[1], 10);\r\n                        } else if (targetLink.classList.contains('next')) {\r\n                            targetPage = currentPage + 1;\r\n                        } else if (targetLink.classList.contains('prev')) {\r\n                            targetPage = Math.max(1, currentPage - 1);\r\n                        } else {\r\n                            targetPage = 1;\r\n                        }\r\n                    }\r\n                } catch (err) {\r\n                    if (targetLink.classList.contains('next')) {\r\n                        targetPage = currentPage + 1;\r\n                    } else if (targetLink.classList.contains('prev')) {\r\n                        targetPage = Math.max(1, currentPage - 1);\r\n                    }\r\n                }\r\n                \r\n                currentPage = targetPage;\r\n                fetchProyectosFiltrados();\r\n            }\r\n        });\r\n\r\n      })();\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Proyectos de Investigaci\u00f3n &#8211; Cabecera Inicio \/ Proyectos Investigaciones en curso Estudiamos las diversas expresiones y din\u00e1micas de las injusticias [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","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":"disabled","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":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Investigaciones en Curso - IICC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Investigaciones en Curso - IICC\" \/>\n<meta property=\"og:description\" content=\"Proyectos de Investigaci\u00f3n &#8211; Cabecera Inicio \/ Proyectos Investigaciones en curso Estudiamos las diversas expresiones y din\u00e1micas de las injusticias [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/\" \/>\n<meta property=\"og:site_name\" content=\"IICC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T17:13:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/investigaciones-en-curso\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/investigaciones-en-curso\\\/\",\"name\":\"Investigaciones en Curso - IICC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\"},\"datePublished\":\"2026-07-24T20:29:49+00:00\",\"dateModified\":\"2026-08-24T17:13:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/investigaciones-en-curso\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/investigaciones-en-curso\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/investigaciones-en-curso\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Investigaciones en Curso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\",\"name\":\"IICC\",\"description\":\"Instituto de investigaciones en Ciencias del Comportamiento\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#organization\",\"name\":\"IICC\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-Logo-IICC-Colores.png\",\"contentUrl\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/cropped-Logo-IICC-Colores.png\",\"width\":885,\"height\":295,\"caption\":\"IICC\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Investigaciones en Curso - IICC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/","og_locale":"es_ES","og_type":"article","og_title":"Investigaciones en Curso - IICC","og_description":"Proyectos de Investigaci\u00f3n &#8211; Cabecera Inicio \/ Proyectos Investigaciones en curso Estudiamos las diversas expresiones y din\u00e1micas de las injusticias [&hellip;]","og_url":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/","og_site_name":"IICC","article_modified_time":"2026-08-24T17:13:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/","name":"Investigaciones en Curso - IICC","isPartOf":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website"},"datePublished":"2026-07-24T20:29:49+00:00","dateModified":"2026-08-24T17:13:45+00:00","breadcrumb":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ucb.edu.bo\/iicc\/investigaciones-en-curso\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ucb.edu.bo\/iicc\/"},{"@type":"ListItem","position":2,"name":"Investigaciones en Curso"}]},{"@type":"WebSite","@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website","url":"https:\/\/www.ucb.edu.bo\/iicc\/","name":"IICC","description":"Instituto de investigaciones en Ciencias del Comportamiento","publisher":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ucb.edu.bo\/iicc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.ucb.edu.bo\/iicc\/#organization","name":"IICC","url":"https:\/\/www.ucb.edu.bo\/iicc\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.ucb.edu.bo\/iicc\/#\/schema\/logo\/image\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/07\/cropped-Logo-IICC-Colores.png","contentUrl":"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/07\/cropped-Logo-IICC-Colores.png","width":885,"height":295,"caption":"IICC"},"image":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":68,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/193\/revisions\/1064"}],"wp:attachment":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}