{"id":203,"date":"2026-07-24T20:55:58","date_gmt":"2026-07-24T20:55:58","guid":{"rendered":"https:\/\/klz.rgg.mybluehost.me\/iicc\/?page_id=203"},"modified":"2026-08-24T13:12:59","modified_gmt":"2026-08-24T17:12:59","slug":"publicaciones","status":"publish","type":"page","link":"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/","title":{"rendered":"Publicaciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"203\" class=\"elementor elementor-203\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cb336e e-flex e-con-boxed e-con e-parent\" data-id=\"0cb336e\" 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-45116d6 elementor-widget elementor-widget-html\" data-id=\"45116d6\" 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-badc2ba e-flex e-con-boxed e-con e-parent\" data-id=\"badc2ba\" 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-40fb662 elementor-widget elementor-widget-html\" data-id=\"40fb662\" 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>Publicaciones Cient\u00edficas - 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-publicaciones-custom\" class=\"cabecera-publicaciones\">\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-publicaciones-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: 120px 3vw 5vw 3vw; \/* Padding lateral inquebrantable de 3vw, superior 120px *\/\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);\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-publicaciones-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-publicaciones-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-publicaciones-custom .gradients-container {\n        width: 100%;\n        height: 100%;\n        \/* Blur \u00f3ptimo combinado con distorsi\u00f3n l\u00edquida SVG *\/\n        filter: url(#liquid-distortion-pub-s1) blur(45px) saturate(1.4);\n        position: relative;\n      }\n\n      \/* Blobs animados utilizando los colores personalizados del usuario *\/\n      #iicc-cabecera-publicaciones-custom .g1,\n      #iicc-cabecera-publicaciones-custom .g2,\n      #iicc-cabecera-publicaciones-custom .g3,\n      #iicc-cabecera-publicaciones-custom .g4 {\n        border-radius: 50%;\n        -webkit-filter: blur(30px);\n        filter: blur(30px);\n        -webkit-backface-visibility: hidden;\n        -webkit-transform: translateZ(0);\n      }\n\n      #iicc-cabecera-publicaciones-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        transform-origin: center center;\n        animation: moveVerticalPub 10s ease-in-out infinite;\n      }\n\n      #iicc-cabecera-publicaciones-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        transform-origin: calc(50% - 10vw) calc(50% + 10vw);\n        animation: moveInCirclePub 8s reverse infinite;\n      }\n\n      #iicc-cabecera-publicaciones-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        transform-origin: calc(50% + 20vw) calc(50% - 20vw);\n        animation: moveHorizontalPub 14s ease-in-out infinite;\n      }\n\n      #iicc-cabecera-publicaciones-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        transform-origin: center center;\n        animation: moveInCirclePub 11s linear infinite;\n      }\n\n      \/* Velo trasl\u00facido para contraste y uni\u00f3n de marca (personalizado por el usuario) *\/\n      #iicc-cabecera-publicaciones-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-publicaciones-custom .breadcrumbs-container,\n      #iicc-cabecera-publicaciones-custom .cabecera-content {\n        position: relative;\n        z-index: 3;\n      }\n\n      \/* NAVEGACI\u00d3N BREADCRUMB *\/\n      #iicc-cabecera-publicaciones-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      }\n\n      #iicc-cabecera-publicaciones-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      }\n\n      #iicc-cabecera-publicaciones-custom .breadcrumb-link:hover {\n        color: var(--white);\n        text-decoration: underline;\n      }\n\n      #iicc-cabecera-publicaciones-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-publicaciones-custom .breadcrumb-current {\n        color: var(--white);\n        font-weight: 600;\n        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n      }\n\n      \/* CONTENEDOR DE CONTENIDO CENTRADO *\/\n      #iicc-cabecera-publicaciones-custom .cabecera-content {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        width: 100%;\n      }\n\n      \/* T\u00cdTULO PRINCIPAL (H1) *\/\n      #iicc-cabecera-publicaciones-custom .titulo-1 {\n        font-family: 'Montserrat', sans-serif !important;\n        font-size: 3.6vw; \/* Estilo T\u00edtulo 2 (Desktop) *\/\n        line-height: 1.15;\n        font-weight: 700;\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-publicaciones-custom .body-text {\n        font-size: 1.1vw; \/* Estilo Body (Desktop) *\/\n        line-height: 1.5;\n        font-weight: 400;\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 moveInCirclePub {\n        0% { transform: rotate(0deg); }\n        50% { transform: rotate(180deg) scale(1.1); }\n        100% { transform: rotate(360deg); }\n      }\n\n      @keyframes moveVerticalPub {\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 moveHorizontalPub {\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-publicaciones-custom {\n          padding: 130px 3vw 6vw 3vw;\n          gap: 3vw;\n        }\n\n        #iicc-cabecera-publicaciones-custom .breadcrumbs-container {\n          font-size: 1.8vw; \/* Estilo T\u00edtulo 5 (Tablet) *\/\n          gap: 1vw;\n        }\n\n        #iicc-cabecera-publicaciones-custom .titulo-1 {\n          font-size: 5.2vw; \/* Ajuste proporcional para tableta *\/\n          margin-bottom: 2vw;\n        }\n\n        #iicc-cabecera-publicaciones-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-publicaciones-custom {\n          padding: 120px 3vw 12vw 3vw; \/* Compensa el men\u00fa sticky en formato hamburguesa m\u00f3vil *\/\n          gap: 6vw;\n        }\n\n        #iicc-cabecera-publicaciones-custom .breadcrumbs-container {\n          font-size: 3.3vw; \/* Estilo T\u00edtulo 5 (Celular) *\/\n          gap: 2vw;\n        }\n\n        #iicc-cabecera-publicaciones-custom .cabecera-content {\n          margin-top: 2vw;\n        }\n\n        #iicc-cabecera-publicaciones-custom .titulo-1 {\n          font-size: 7.8vw; \/* Escalado \u00f3ptimo para m\u00e1xima legibilidad sin ocupar toda la pantalla vertical *\/\n          margin-bottom: 4vw;\n          max-width: 100%;\n        }\n\n        #iicc-cabecera-publicaciones-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-publicaciones-custom .g1 { width: 100vw; height: 100vw; top: -50vw; }\n        #iicc-cabecera-publicaciones-custom .g2 { width: 90vw; height: 90vw; top: -30vw; }\n        #iicc-cabecera-publicaciones-custom .g3 { width: 80vw; height: 80vw; bottom: -30vw; }\n        #iicc-cabecera-publicaciones-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\">Publicaciones<\/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\">Publicaciones<\/h1>\n      \n      <!-- P\u00e1rrafo Introductorio con caracteres literales -->\n      <p class=\"body-text\">Producimos conocimiento que busca aportar a la comprensi\u00f3n de problemas complejos y ofrecer evidencia para el debate p\u00fablico, la incidencia y la toma de decisiones.<\/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-pub-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-5c88de7 e-flex e-con-boxed e-con e-parent\" data-id=\"5c88de7\" 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-155499c elementor-widget elementor-widget-shortcode\" data-id=\"155499c\" 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\">    <style>\r\n        \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N *\/\r\n        .seccion-publicaciones-destacadas {\r\n            position: relative;\r\n            width: 100%; \/* Ajustado a 100% para integrarse en Elementor sin forzar 100vw que causa scroll horizontal a veces *\/\r\n            padding: 8vh 3vw;\r\n            background-color: var(--white, #ffffff);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4vh;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* ENCABEZADO DE LA SECCI\u00d3N *\/\r\n        .seccion-header {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1.5vh;\r\n        }\r\n\r\n        \/* T\u00cdTULO DE LA SECCI\u00d3N (H2) *\/\r\n        .seccion-publicaciones-destacadas .titulo-3 {\r\n            font-size: 1.8vw;\r\n            line-height: 1.3;\r\n            font-weight: 700;\r\n            color: var(--black, #000000);\r\n            margin: 0;\r\n            font-family: 'Montserrat', sans-serif !important;\r\n        }\r\n\r\n        \/* CONTENEDOR DE PUBLICACIONES RECIENTES (Desktop) *\/\r\n        .grilla-tarjetas {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.5vw;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Wrapper del enlace para la tarjeta *\/\r\n        .tarjeta-link-wrapper {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            display: block;\r\n            height: 100%;\r\n            outline: none;\r\n        }\r\n\r\n        .tarjeta-link-wrapper:hover, .tarjeta-link-wrapper:focus {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           ESTILOS EXCLUSIVOS DE LA TARJETA DE PUBLICACI\u00d3N\r\n           ---------------------------------------------------- *\/\r\n        .tarjeta-publicacion {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 2.2vh;\r\n            padding: 3vh 1.8vw 6.5vh 1.8vw;\r\n            background-color: var(--color-yellow-pastel, #FBF8F3);\r\n            border: 1px solid transparent;\r\n            border-radius: 16px;\r\n            width: 100%;\r\n            min-height: 220px;\r\n            justify-content: flex-start;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        \/* Contenedor cuadrado (1:1) para la imagen destacada *\/\r\n        .publicacion-img-wrapper {\r\n            width: 100%;\r\n            aspect-ratio: 1 \/ 1;          \/* Fuerza la relaci\u00f3n de aspecto cuadrada *\/\r\n            overflow: hidden;\r\n            border-radius: 12px;           \/* Esquinas redondeadas de la imagen *\/\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Comportamiento fluido de la imagen *\/\r\n        .publicacion-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;             \/* Asegura el llenado total del recuadro sin deformaci\u00f3n *\/\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        \/* Efecto Hover *\/\r\n        .tarjeta-link-wrapper:hover .tarjeta-publicacion {\r\n            border-color: var(--color-yellow, #fcbf00);\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        \/* Micro-animaci\u00f3n al pasar el cursor (Hover) *\/\r\n        .tarjeta-link-wrapper:hover .publicacion-img {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        \/* Cabecera de metadatos *\/\r\n        .publicacion-meta-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 100%;\r\n            margin-bottom: 0.5vh;\r\n        }\r\n\r\n        \/* Badge del tipo de publicaci\u00f3n *\/\r\n        .publicacion-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n            background-color: rgba(60, 60, 59, 0.08);\r\n            padding: 4px 8px;\r\n            border-radius: 4px;\r\n            width: fit-content;\r\n        }\r\n\r\n        .publicacion-badge-icon {\r\n            width: 8px;\r\n            height: 8px;\r\n            object-fit: contain;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Tipo de publicaci\u00f3n *\/\r\n        .tarjeta-publicacion .titulo-5 {\r\n            font-size: 0.7vw;\r\n            line-height: 1.0;\r\n            font-weight: 600;\r\n            color: var(--text-dark, #3C3C3B);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.03em;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* A\u00f1o de publicaci\u00f3n *\/\r\n        .publicacion-anio {\r\n            font-size: 0.8vw;\r\n            line-height: 1.0;\r\n            font-weight: 500;\r\n            color: var(--text-medium, #666666);\r\n        }\r\n\r\n        \/* T\u00edtulo de la publicaci\u00f3n *\/\r\n        .publicacion-title {\r\n            font-size: 1.15vw;\r\n            line-height: 1.4;\r\n            font-weight: 500;\r\n            color: var(--text-dark, #3C3C3B);\r\n            transition: color 0.3s ease;\r\n            margin: 0;\r\n            font-family: 'Montserrat', sans-serif !important;\r\n        }\r\n\r\n        \/* M\u00c1SCARA QUE RECORTA LA ESQUINA INFERIOR DERECHA *\/\r\n        .publicacion-corner-cutout {\r\n            position: absolute;\r\n            bottom: -1px;\r\n            right: -1px;\r\n            width: 44px;\r\n            height: 44px;\r\n            background-color: var(--white, #ffffff);\r\n            border-top-left-radius: 12px;\r\n            border-top: 1px solid transparent;\r\n            border-left: 1px solid transparent;\r\n            z-index: 2;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* Continuidad del borde en hover en el cutout *\/\r\n        .tarjeta-link-wrapper:hover .publicacion-corner-cutout {\r\n            border-top-color: var(--color-yellow, #fcbf00);\r\n            border-left-color: var(--color-yellow, #fcbf00);\r\n        }\r\n\r\n        \/* Bot\u00f3n de flecha encajado en el cutout *\/\r\n        .publicacion-arrow-btn {\r\n            position: absolute;\r\n            bottom: 5px;\r\n            right: 5px;\r\n            width: 32px;\r\n            height: 32px;\r\n            background-color: var(--color-yellow, #fcbf00);\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 3;\r\n            transition: transform 0.3s ease, background-color 0.3s ease;\r\n        }\r\n\r\n        .publicacion-arrow-btn svg {\r\n            width: 14px;\r\n            height: 14px;\r\n            stroke: var(--black, #000000);\r\n            stroke-width: 2.5;\r\n            fill: none;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        \/* Micro-interacciones en Hover *\/\r\n        .tarjeta-link-wrapper:hover .publicacion-arrow-btn {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .tarjeta-link-wrapper:hover .publicacion-arrow-btn svg {\r\n            transform: translateX(2px);\r\n        }\r\n\r\n        \/* ==========================================================================\r\n           PUNTOS DE RUPTURA RESPONSIVOS\r\n           ========================================================================== *\/\r\n        @media (min-width: 768px) and (max-width: 1024px) {\r\n            .seccion-publicaciones-destacadas {\r\n                padding: 8vh 3vw;\r\n            }\r\n            .grilla-tarjetas {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 3vw;\r\n            }\r\n            .seccion-publicaciones-destacadas .titulo-3 {\r\n                font-size: 3.3vw;\r\n            }\r\n            .publicacion-title {\r\n                font-size: 2.0vw;\r\n            }\r\n            .tarjeta-publicacion .titulo-5 {\r\n                font-size: 1.3vw;\r\n            }\r\n            .publicacion-anio {\r\n                font-size: 1.3vw;\r\n            }\r\n            .publicacion-corner-cutout {\r\n                width: 42px;\r\n                height: 42px;\r\n                border-top-left-radius: 10px;\r\n            }\r\n            .publicacion-arrow-btn {\r\n                width: 30px;\r\n                height: 30px;\r\n                border-radius: 8px;\r\n                bottom: 5px;\r\n                right: 5px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .seccion-publicaciones-destacadas {\r\n                padding: 12vw 3vw;\r\n                gap: 6vw;\r\n            }\r\n            .grilla-tarjetas {\r\n                grid-template-columns: 1fr;\r\n                gap: 6vw;\r\n            }\r\n            .tarjeta-publicacion {\r\n                padding: 4vh 6vw 7vh 6vw;\r\n            }\r\n            .seccion-publicaciones-destacadas .titulo-3 {\r\n                font-size: 6.6vw;\r\n            }\r\n            .publicacion-title {\r\n                font-size: 16px;\r\n            }\r\n            .tarjeta-publicacion .titulo-5 {\r\n                font-size: 10px;\r\n            }\r\n            .publicacion-anio {\r\n                font-size: 11px;\r\n            }\r\n            .publicacion-corner-cutout {\r\n                width: 38px;\r\n                height: 38px;\r\n                border-top-left-radius: 10px;\r\n            }\r\n            .publicacion-arrow-btn {\r\n                width: 28px;\r\n                height: 28px;\r\n                border-radius: 6px;\r\n                bottom: 4px;\r\n                right: 4px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section id=\"publicaciones-destacadas\" class=\"seccion-publicaciones-destacadas\">\r\n        <div class=\"seccion-header\">\r\n            <h2 class=\"titulo-3\">\u00daltimas Publicaciones<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"grilla-tarjetas\">\r\n                        <!-- Minified to prevent wpautop extra spacing -->\r\n            <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/cada-nino-y-nina-cuenta-situacion-de-derechos-de-los-ninos-y-ninas-que-perdieron-el-cuidado-familiar-o-estan-en-riesgo-de-perderlo\/\" class=\"tarjeta-link-wrapper\"><article class=\"tarjeta-publicacion\"><div class=\"publicacion-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/46-1024x1024.jpeg\" class=\"publicacion-img\" alt=\"Cada ni\u00f1o y ni\u00f1a cuenta: Situaci\u00f3n de derechos de los ni\u00f1os y ni\u00f1as que perdieron el cuidado familiar o est\u00e1n en riesgo de perderlo\" loading=\"lazy\"><\/div><div class=\"publicacion-meta-header\"><div class=\"publicacion-badge\"><img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Icon-BlancoAsset.png\" class=\"publicacion-badge-icon\" alt=\"Icono\"><span class=\"titulo-5\">Reporte de investigaci\u00f3n<\/span><\/div><span class=\"publicacion-anio\">2017<\/span><\/div><h3 class=\"publicacion-title\">Cada ni\u00f1o y ni\u00f1a cuenta: Situaci\u00f3n de derechos de los ni\u00f1os y ni\u00f1as que perdieron el cuidado familiar o est\u00e1n en riesgo de perderlo<\/h3><div class=\"publicacion-corner-cutout\"><\/div><div class=\"publicacion-arrow-btn\"><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article><\/a>\r\n                        <!-- Minified to prevent wpautop extra spacing -->\r\n            <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/street-children-and-social-media-identity-construction-in-the-digital-age\/\" class=\"tarjeta-link-wrapper\"><article class=\"tarjeta-publicacion\"><div class=\"publicacion-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/45-1024x1024.jpeg\" class=\"publicacion-img\" alt=\"Street Children and Social Media: Identity Construction in the Digital Age\" loading=\"lazy\"><\/div><div class=\"publicacion-meta-header\"><div class=\"publicacion-badge\"><img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Icon-BlancoAsset.png\" class=\"publicacion-badge-icon\" alt=\"Icono\"><span class=\"titulo-5\">Cap\u00edtulo de libro<\/span><\/div><span class=\"publicacion-anio\">2021<\/span><\/div><h3 class=\"publicacion-title\">Street Children and Social Media: Identity Construction in the Digital Age<\/h3><div class=\"publicacion-corner-cutout\"><\/div><div class=\"publicacion-arrow-btn\"><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article><\/a>\r\n                        <!-- Minified to prevent wpautop extra spacing -->\r\n            <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/percepciones-sobre-la-violencia-contra-la-ninez-y-la-adolescencia-en-bolivia-una-vision-sistemica\/\" class=\"tarjeta-link-wrapper\"><article class=\"tarjeta-publicacion\"><div class=\"publicacion-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/44-1024x1024.png\" class=\"publicacion-img\" alt=\"Percepciones sobre la violencia contra la ni\u00f1ez y la adolescencia en Bolivia. Una visi\u00f3n sist\u00e9mica\" loading=\"lazy\"><\/div><div class=\"publicacion-meta-header\"><div class=\"publicacion-badge\"><img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Icon-BlancoAsset.png\" class=\"publicacion-badge-icon\" alt=\"Icono\"><span class=\"titulo-5\">Art\u00edculo de Revista<\/span><\/div><span class=\"publicacion-anio\">2021<\/span><\/div><h3 class=\"publicacion-title\">Percepciones sobre la violencia contra la ni\u00f1ez y la adolescencia en Bolivia. Una visi\u00f3n sist\u00e9mica<\/h3><div class=\"publicacion-corner-cutout\"><\/div><div class=\"publicacion-arrow-btn\"><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article><\/a>\r\n                        <!-- Minified to prevent wpautop extra spacing -->\r\n            <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/espejos-en-conflicto-representaciones-sociales-de-la-violencia-en-el-entorno-universitario\/\" class=\"tarjeta-link-wrapper\"><article class=\"tarjeta-publicacion\"><div class=\"publicacion-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/43-1024x1024.jpeg\" class=\"publicacion-img\" alt=\"Espejos en Conflicto: Representaciones Sociales de la Violencia en el Entorno Universitario\" loading=\"lazy\"><\/div><div class=\"publicacion-meta-header\"><div class=\"publicacion-badge\"><img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Icon-BlancoAsset.png\" class=\"publicacion-badge-icon\" alt=\"Icono\"><span class=\"titulo-5\">Cap\u00edtulo de libro<\/span><\/div><span class=\"publicacion-anio\">2024<\/span><\/div><h3 class=\"publicacion-title\">Espejos en Conflicto: Representaciones Sociales de la Violencia en el Entorno Universitario<\/h3><div class=\"publicacion-corner-cutout\"><\/div><div class=\"publicacion-arrow-btn\"><svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article><\/a>\r\n                    <\/div>\r\n    <\/section>\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<div class=\"elementor-element elementor-element-f6c33e5 e-flex e-con-boxed e-con e-parent\" data-id=\"f6c33e5\" 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-e2cdb6c elementor-widget elementor-widget-shortcode\" data-id=\"e2cdb6c\" 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      \/* ==========================================================================\r\n         VARIABLES Y RESET LOCAL DE LA SECCI\u00d3N (Scope: #iicc-publicaciones-catalogo-custom)\r\n         ========================================================================== *\/\r\n      #iicc-publicaciones-catalogo-custom {\r\n        --brand-red: #b4363a;\r\n        --brand-red-hover: #932c30;\r\n        --brand-blue: #004d7b;\r\n        --brand-yellow: #fcbf00;\r\n        --brand-yellow-hover: #e0ab00;\r\n        --brand-gray-text: #3c3c3b;\r\n        \r\n        --bg-white: #ffffff;\r\n        --bg-card: #f9f9f9;\r\n        --text-black: #000000;\r\n        --text-dark: #1a1a1a;\r\n        --text-muted: #666666;\r\n        --border-gray: #cccccc;\r\n        --border-light: #e0e0e0;\r\n        --white: #ffffff;\r\n        --black: #000000;\r\n\r\n        font-family: 'Montserrat', sans-serif;\r\n        background-color: transparent;\r\n        color: var(--text-dark);\r\n        position: relative;\r\n        width: 100%;\r\n        padding: 8vh 3vw;\r\n        display: flex;\r\n        flex-direction: column;\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      \/* GRID PRINCIPAL ASIM\u00c9TRICO (Desktop) *\/\r\n      #iicc-publicaciones-catalogo-custom .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: REPOSITORIO DE ART\u00cdCULOS *\/\r\n      #iicc-publicaciones-catalogo-custom .col-izquierda {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4vh;\r\n        width: 100%;\r\n        position: relative;\r\n      }\r\n      \r\n      #iicc-publicaciones-catalogo-custom .col-izquierda.is-loading {\r\n        opacity: 0.4;\r\n        pointer-events: none;\r\n      }\r\n\r\n      \/* TIPOGRAF\u00cdAS Y ENCABEZADOS *\/\r\n      #iicc-publicaciones-catalogo-custom .titulo-2 {\r\n        font-size: 2.3vw;\r\n        line-height: 1.25;\r\n        font-weight: 700;\r\n        color: var(--text-black);\r\n        font-family: 'Montserrat', sans-serif !important;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .titulo-4 {\r\n        font-size: 1.15vw;\r\n        line-height: 1.4;\r\n        font-weight: 700;\r\n        color: var(--text-black);\r\n        margin: 0;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n      }\r\n      \r\n      #iicc-publicaciones-catalogo-custom .publicacion-tipo {\r\n        font-size: 0.9vw;\r\n        line-height: 1.3;\r\n        font-weight: 600;\r\n        color: var(--text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .publicacion-anio,\r\n      #iicc-publicaciones-catalogo-custom .publicacion-tags {\r\n        font-size: 1.1vw;\r\n        line-height: 1.3;\r\n        font-weight: 400;\r\n        color: var(--brand-gray-text);\r\n      }\r\n      \r\n      #iicc-publicaciones-catalogo-custom .publicacion-tags {\r\n        color: var(--text-muted);\r\n        line-height: 1.5;\r\n        margin-top: 0.2vw;\r\n      }\r\n\r\n      \/* LISTADO DE PUBLICACIONES *\/\r\n      #iicc-publicaciones-catalogo-custom .publicaciones-lista {\r\n        list-style: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n        transition: opacity 0.3s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .publicacion-item {\r\n        display: grid;\r\n        grid-template-columns: 12vw 1fr;\r\n        column-gap: 3vw;\r\n        border-bottom: 1px solid var(--border-gray);\r\n        padding: 2.5vw 0;\r\n        align-items: start;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .publicacion-item:last-child {\r\n        border-bottom: none;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .publicacion-meta-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0.5vw;\r\n        align-items: flex-start;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .publicacion-info-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 1vw;\r\n        width: 100%;\r\n      }\r\n\r\n      \/* BOT\u00d3N CTA \"VER PUBLICACI\u00d3N\" *\/\r\n      #iicc-publicaciones-catalogo-custom .btn-secondary-cta {\r\n        --btn-brand-color-rgb: 252, 191, 0;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n        color: var(--text-dark);\r\n        cursor: pointer;\r\n        background: transparent;\r\n        border: none;\r\n        transition: all 0.3s ease;\r\n        margin-top: 0.5vw;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-icon {\r\n        width: 2.2vw;\r\n        height: 2.2vw;\r\n        min-width: 32px;\r\n        min-height: 32px;\r\n        background-color: rgba(var(--btn-brand-color-rgb), 0.40);\r\n        border-radius: 50%;\r\n        border: none;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: background-color 0.3s ease, transform 0.3s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-icon svg {\r\n        width: 45%;\r\n        height: 45%;\r\n        stroke: rgb(var(--btn-brand-color-rgb));\r\n        transition: stroke 0.3s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-text {\r\n        padding-left: 1vw;\r\n        font-size: 0.9vw;\r\n        font-weight: 500;\r\n        letter-spacing: 0.08em;\r\n        text-transform: none;\r\n        transition: color 0.3s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .publicacion-tags {\r\n        font-size: 0.8vw;\r\n        color: var(--text-muted);\r\n        margin-top: 0.5vw;\r\n        line-height: 1.4;\r\n      }\r\n      @media (max-width: 767px) {\r\n        #iicc-publicaciones-catalogo-custom .publicacion-tags {\r\n          font-size: 3vw;\r\n        }\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .btn-secondary-cta:hover .btn-icon {\r\n        background-color: rgba(var(--btn-brand-color-rgb), 0.60);\r\n        transform: translateX(3px);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .btn-secondary-cta:hover .btn-text {\r\n        color: rgb(var(--btn-brand-color-rgb));\r\n      }\r\n\r\n      \/* COLUMNA DERECHA: SIDEBAR DE FILTROS *\/\r\n      #iicc-publicaciones-catalogo-custom .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        border-radius: 16px;\r\n        background-color: #FBF8F3;\r\n        position: sticky;\r\n        top: 4vh;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .col-derecha .titulo-3 {\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 1.3vw;\r\n        line-height: 1.3;\r\n        font-weight: 700;\r\n        color: var(--text-black);\r\n        margin: 0;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n      }\r\n\r\n      \/* CHECKBOXES (L\u00cdNEA DE INVESTIGACI\u00d3N) *\/\r\n      #iicc-publicaciones-catalogo-custom .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      #iicc-publicaciones-catalogo-custom .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      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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      #iicc-publicaciones-catalogo-custom .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        border-radius: 4px;\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      #iicc-publicaciones-catalogo-custom .filtro-label:hover .checkbox-custom {\r\n        border-color: var(--brand-red);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .filtro-checkbox:checked ~ .checkbox-custom {\r\n        border-color: var(--brand-yellow);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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(--brand-yellow);\r\n        transform: translate(-50%, -50%);\r\n        border-radius: 2px;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .filtro-checkbox:checked ~ .checkbox-custom::after {\r\n        display: block;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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        font-family: 'Montserrat', sans-serif !important;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .filtro-label:hover .checkbox-text {\r\n        color: var(--brand-red);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .filtro-separator {\r\n        width: 100%;\r\n        height: 1px;\r\n        background-color: var(--border-gray);\r\n        opacity: 0.3;\r\n        margin: 1vh 0;\r\n      }\r\n\r\n      \/* BOTONES DE HUELLA TEM\u00c1TICA *\/\r\n      #iicc-publicaciones-catalogo-custom .huella-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5vh;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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      #iicc-publicaciones-catalogo-custom .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        font-family: 'Montserrat', sans-serif !important;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .titulo-thin {\r\n        font-weight: 300;\r\n        color: #666666;\r\n        display: block;\r\n        line-height: 1.15;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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      #iicc-publicaciones-catalogo-custom .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      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .huella-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        text-align: left;\r\n        gap: 0.5rem;\r\n        padding: 0.5rem 0.9rem;\r\n        background-color: var(--white);\r\n        border: 1px solid var(--border-gray);\r\n        color: var(--text-dark);\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 0.75vw;\r\n        font-weight: 500;\r\n        border-radius: 50px;\r\n        cursor: pointer;\r\n        transition: all 0.25s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .huella-btn:hover {\r\n        border-color: var(--brand-yellow);\r\n        color: var(--brand-yellow);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .huella-btn.active {\r\n        background-color: var(--brand-yellow);\r\n        border-color: var(--brand-yellow);\r\n        color: var(--white);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .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      #iicc-publicaciones-catalogo-custom .huella-grafico circle.bg-circle {\r\n        stroke: var(--border-light);\r\n        stroke-width: 3;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .huella-grafico circle.active-slice {\r\n        stroke: var(--brand-yellow);\r\n        stroke-width: 3;\r\n        transition: stroke 0.25s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .huella-btn.active .huella-grafico circle.bg-circle {\r\n        stroke: rgba(255, 255, 255, 0.3);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .huella-btn.active .huella-grafico circle.active-slice {\r\n        stroke: var(--white);\r\n      }\r\n\r\n      \/* PAGINACI\u00d3N *\/\r\n      #iicc-publicaciones-catalogo-custom .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: 4vh;\r\n        width: 100%;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .paginacion-container a {\r\n        text-decoration: none;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .paginacion-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 0.5vw;\r\n        padding: 0.8vh 1.2vw;\r\n        border: 1px solid var(--border-gray);\r\n        border-radius: 50px;\r\n        background-color: var(--white);\r\n        color: var(--text-dark);\r\n        text-decoration: none;\r\n        font-size: 0.9vw;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .paginacion-btn:hover:not(.disabled) {\r\n        background-color: var(--bg-card);\r\n        border-color: var(--black);\r\n        color: var(--brand-red);\r\n      }\r\n      \r\n      #iicc-publicaciones-catalogo-custom .paginacion-numero {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 2.2vw;\r\n        height: 2.2vw;\r\n        min-width: 32px;\r\n        min-height: 32px;\r\n        border: 1px solid var(--border-gray);\r\n        border-radius: 50%;\r\n        background-color: var(--white);\r\n        color: var(--text-dark);\r\n        text-decoration: none;\r\n        font-size: 0.9vw;\r\n        font-weight: 600;\r\n        transition: all 0.3s ease;\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .paginacion-numero:hover:not(.active) {\r\n        background-color: var(--bg-card);\r\n        border-color: var(--brand-red);\r\n        color: var(--brand-red);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .paginacion-numero.active {\r\n        background-color: var(--brand-blue);\r\n        color: var(--white);\r\n        border-color: var(--brand-blue);\r\n      }\r\n\r\n      #iicc-publicaciones-catalogo-custom .paginacion-dots {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 2.2vw;\r\n        height: 2.2vw;\r\n        font-size: 0.9vw;\r\n        color: var(--text-muted);\r\n      }\r\n\r\n      \/* BREAKPOINTS (Tablet & Mobile) *\/\r\n      @media (min-width: 768px) and (max-width: 1024px) {\r\n        #iicc-publicaciones-catalogo-custom .seccion-container { grid-template-columns: 1fr; row-gap: 6vh; }\r\n        #iicc-publicaciones-catalogo-custom .col-derecha { grid-row: 1; padding: 4vh 3vw; position: static; }\r\n        #iicc-publicaciones-catalogo-custom .publicacion-item { grid-template-columns: 18vw 1fr; }\r\n        #iicc-publicaciones-catalogo-custom .titulo-2 { font-size: 3.3vw; }\r\n        #iicc-publicaciones-catalogo-custom .col-derecha .titulo-3 { font-size: 2.4vw; }\r\n        #iicc-publicaciones-catalogo-custom .titulo-4 { font-size: 1.8vw; }\r\n        #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-icon { width: 3.8vw; height: 3.8vw; }\r\n        #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-text { font-size: 1.4vw; }\r\n        #iicc-publicaciones-catalogo-custom .huella-btn { font-size: 1.3vw; }\r\n        #iicc-publicaciones-catalogo-custom .checkbox-text { font-size: 1.5vw; }\r\n        #iicc-publicaciones-catalogo-custom .checkbox-custom { width: 1.8vw; height: 1.8vw; }\r\n        #iicc-publicaciones-catalogo-custom .paginacion-btn { padding: 1.2vh 2.5vw; font-size: 1.6vw; }\r\n        #iicc-publicaciones-catalogo-custom .paginacion-numero { width: 4vw; height: 4vw; font-size: 1.6vw; }\r\n      }\r\n\r\n      @media (max-width: 767px) {\r\n        #iicc-publicaciones-catalogo-custom { padding: 12vw 3vw; }\r\n        #iicc-publicaciones-catalogo-custom .seccion-container { grid-template-columns: 1fr; row-gap: 8vw; }\r\n        #iicc-publicaciones-catalogo-custom .col-derecha { grid-row: 1; position: static; }\r\n        #iicc-publicaciones-catalogo-custom .publicacion-item { grid-template-columns: 1fr; }\r\n        #iicc-publicaciones-catalogo-custom .publicacion-meta-col { flex-direction: row; gap: 3vw; margin-bottom: 1vw; }\r\n        #iicc-publicaciones-catalogo-custom .publicacion-tipo, \r\n        #iicc-publicaciones-catalogo-custom .publicacion-anio { font-size: 2.8vw; }\r\n        #iicc-publicaciones-catalogo-custom .publicacion-tipo::after { content: \" \u2022\"; margin-left: 2.5vw; color: var(--border-gray); }\r\n        #iicc-publicaciones-catalogo-custom .titulo-2 { font-size: 6.6vw; }\r\n        #iicc-publicaciones-catalogo-custom .col-derecha .titulo-3 { font-size: 4.8vw; }\r\n        #iicc-publicaciones-catalogo-custom .titulo-4 { font-size: 3.6vw; }\r\n        #iicc-publicaciones-catalogo-custom .btn-secondary-cta { width: 100%; }\r\n        #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-icon { width: 8vw; height: 8vw; }\r\n        #iicc-publicaciones-catalogo-custom .btn-secondary-cta .btn-text { font-size: 3.0vw; }\r\n        #iicc-publicaciones-catalogo-custom .huella-btn { font-size: 2.6vw; }\r\n        #iicc-publicaciones-catalogo-custom .checkbox-text { font-size: 3.4vw; }\r\n        #iicc-publicaciones-catalogo-custom .checkbox-custom { width: 3.6vw; height: 3.6vw; min-width: 18px; min-height: 18px; }\r\n        #iicc-publicaciones-catalogo-custom .paginacion-btn { padding: 2vw 4vw; font-size: 3.3vw; }\r\n        #iicc-publicaciones-catalogo-custom .paginacion-numero { width: 9vw; height: 9vw; font-size: 3.3vw; }\r\n      }\r\n    <\/style>\r\n\r\n    <section id=\"iicc-publicaciones-catalogo-custom\" class=\"seccion-publicaciones-catalogo\">\r\n      <div class=\"seccion-container\">\r\n        \r\n        <!-- Columna Izquierda: Listado -->\r\n        <div class=\"col-izquierda\" id=\"listado-publicaciones\">\r\n          <h2 class=\"titulo-2\">Todas las publicaciones<\/h2>\r\n\r\n          <ul class=\"publicaciones-lista\" id=\"publicaciones-lista-ul\">\r\n                                <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Reporte de investigaci\u00f3n<\/p>\r\n                                                    <p class=\"publicacion-anio\">2017<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Cada ni\u00f1o y ni\u00f1a cuenta: Situaci\u00f3n de derechos de los ni\u00f1os y ni\u00f1as que perdieron el cuidado familiar o est\u00e1n en riesgo de perderlo<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Adopci\u00f3n Internacional, Egreso del sistema de protecci\u00f3n, Sistemas de protecci\u00f3n de la ni\u00f1ez<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/cada-nino-y-nina-cuenta-situacion-de-derechos-de-los-ninos-y-ninas-que-perdieron-el-cuidado-familiar-o-estan-en-riesgo-de-perderlo\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Cap\u00edtulo de libro<\/p>\r\n                                                    <p class=\"publicacion-anio\">2021<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Street Children and Social Media: Identity Construction in the Digital Age<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Violencia basada en g\u00e9nero<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/street-children-and-social-media-identity-construction-in-the-digital-age\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Art\u00edculo de Revista<\/p>\r\n                                                    <p class=\"publicacion-anio\">2021<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Percepciones sobre la violencia contra la ni\u00f1ez y la adolescencia en Bolivia. Una visi\u00f3n sist\u00e9mica<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Violencia basada en g\u00e9nero<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/percepciones-sobre-la-violencia-contra-la-ninez-y-la-adolescencia-en-bolivia-una-vision-sistemica\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Cap\u00edtulo de libro<\/p>\r\n                                                    <p class=\"publicacion-anio\">2024<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Espejos en Conflicto: Representaciones Sociales de la Violencia en el Entorno Universitario<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Violencia basada en g\u00e9nero, Violencia \u00edntima de pareja, Violencia Sexual<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/espejos-en-conflicto-representaciones-sociales-de-la-violencia-en-el-entorno-universitario\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Art\u00edculo de Revista<\/p>\r\n                                                    <p class=\"publicacion-anio\">2022<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">J\u00f3venes en situaci\u00f3n de calle que viven con VIH: b\u00fasqueda de alternativas para la adherencia al tratamiento a trav\u00e9s de la investigaci\u00f3n basada en el arte<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Ni\u00f1ez en situaci\u00f3n de calle, Sistemas de protecci\u00f3n de la ni\u00f1ez<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/jovenes-en-situacion-de-calle-que-viven-con-vih-busqueda-de-alternativas-para-la-adherencia-al-tratamiento-a-traves-de-la-investigacion-basada-en-el-arte\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Reporte de investigaci\u00f3n<\/p>\r\n                                                    <p class=\"publicacion-anio\">2019<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">\u201cNo le digan a nadie lo que les cont\u00e9\u201d : violencia contra la ni\u00f1ez y la adolescencia : una mirada desde las ni\u00f1as, ni\u00f1os, adolescentes y el sistema formal e informal de protecci\u00f3n en Bolivia<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Derechos de la ni\u00f1ez, Violencias<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/estudio-nacional-sobre-violencia-en-ninos-ninas-y-adolescentes-en-bolivia-no-le-digan-a-nadie-lo-que-les-conte\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Reporte de investigaci\u00f3n<\/p>\r\n                                                    <p class=\"publicacion-anio\">2023<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Luces y Sombras en el Bienestar: La Percepci\u00f3n de Ni\u00f1os y Ni\u00f1as<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Bienestar, Derechos de la ni\u00f1ez<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/luces-y-sombras-en-el-bienestar-la-percepcion-de-ninos-y-ninas\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Publicaci\u00f3n<\/p>\r\n                                                    <p class=\"publicacion-anio\">2025<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Rostros de la violencia contra la ni\u00f1ez y adolescencia y sus determinantes sociales en Am\u00e9rica Latina y el Caribe<\/h3>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/rostros-de-la-violencia-contra-la-ninez-y-adolescencia-y-sus-determinantes-sociales-en-america-latina-y-el-caribe\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Art\u00edculo de Revista<\/p>\r\n                                                    <p class=\"publicacion-anio\">2023<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Psychosocial factors associated with the intention to get a COVID-19 booster vaccine: evidence from a low-income country<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Comportamientos relacionados con la salud, Covid-19, Salud mental<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/psychosocial-factors-associated-with-the-intention-to-get-a-covid-19-booster-vaccine-evidence-from-a-low-income-country\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                                        <li class=\"publicacion-item\">\r\n                      <div class=\"publicacion-meta-col\">\r\n                        <p class=\"publicacion-tipo\">Art\u00edculo de Revista<\/p>\r\n                                                    <p class=\"publicacion-anio\">2020<\/p>\r\n                                              <\/div>\r\n                      <div class=\"publicacion-info-col\">\r\n                        <h3 class=\"titulo-4\">Inequalities in depressive symptoms between natives and immigrants in Europe: the mediating role of social exclusion<\/h3>\r\n                                                    <div class=\"publicacion-tags\">Determinantes Sociales de la salud, Inclusi\u00f3n Social\/Exclusi\u00f3n Social<\/div>\r\n                                                <div class=\"publicacion-cta-wrapper\">\r\n                          <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/inequalities-in-depressive-symptoms-between-natives-and-immigrants-in-europe-the-mediating-role-of-social-exclusion\/\" class=\"btn-secondary-cta\">\r\n                            <span class=\"btn-icon\">\r\n                              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                              <\/svg>\r\n                            <\/span>\r\n                            <span class=\"btn-text\">Ver publicaci\u00f3n<\/span>\r\n                          <\/a>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/li>\r\n                              <\/ul>\r\n\r\n          <div class=\"paginacion-container\" id=\"paginacion-container-div\">\r\n            <span aria-current=\"page\" class=\"paginacion-numero active\"><span class=\"paginacion-numero\">1<\/span><\/span>\n<a class=\"page-numbers\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/203\/page\/2\/\"><span class=\"paginacion-numero\">2<\/span><\/a>\n<a class=\"page-numbers\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/203\/page\/3\/\"><span class=\"paginacion-numero\">3<\/span><\/a>\n<span class=\"paginacion-dots\">&hellip;<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/203\/page\/5\/\"><span class=\"paginacion-numero\">5<\/span><\/a>\n<a class=\"paginacion-btn next page-numbers\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/203\/page\/2\/\">Siguiente &rarr;<\/a>          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Columna Derecha: Filtros -->\r\n        <aside id=\"filtro-publicaciones-fingerprint\" class=\"col-derecha\">\r\n          \r\n          <!-- Filtro L\u00ednea de Investigaci\u00f3n -->\r\n          <div class=\"filtro-grupo\">\r\n            <h2 class=\"titulo-3\">Filtrar por l\u00ednea de investigaci\u00f3n<\/h2>\r\n            <fieldset class=\"filtro-fieldset\" id=\"fieldset-lineas\">\r\n              <label class=\"filtro-label\">\r\n                <input type=\"checkbox\" name=\"linea-investigacion\" 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-investigacion\" 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-investigacion\" 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-investigacion\" 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          <!-- Filtro Huella Tem\u00e1tica -->\r\n          <header 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          <\/header>\r\n\r\n          <div class=\"huella-etiquetas-wrapper\" id=\"fieldset-huellas\">\r\n                                <button class=\"huella-btn\" data-filter-tag=\"Sistemas de protecci\u00f3n de la ni\u00f1ez\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"9.83 40.44\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Sistemas de protecci\u00f3n de la ni\u00f1ez                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Salud mental\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"7.65 42.62\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Salud mental                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Violencia basada en g\u00e9nero\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"7.65 42.62\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Violencia basada en g\u00e9nero                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Bienestar\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"6.56 43.71\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Bienestar                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Violencia Sexual\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"6.56 43.71\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Violencia Sexual                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Determinantes Sociales de la salud\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"5.46 44.81\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Determinantes Sociales de la salud                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Adopci\u00f3n Internacional\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"4.37 45.9\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Adopci\u00f3n Internacional                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Derechos y medio ambiente\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"3.28 46.99\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Derechos y medio ambiente                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Violencia \u00edntima de pareja\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"3.28 46.99\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Violencia \u00edntima de pareja                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Investigaci\u00f3n basada en comunidad\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"3.28 46.99\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Investigaci\u00f3n basada en comunidad                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Interseccionalidad\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"3.28 46.99\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Interseccionalidad                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Derechos de la ni\u00f1ez\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"3.28 46.99\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Derechos de la ni\u00f1ez                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Inclusi\u00f3n Social\/Exclusi\u00f3n Social\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Inclusi\u00f3n Social\/Exclusi\u00f3n Social                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Ni\u00f1ez en situaci\u00f3n de calle\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Ni\u00f1ez en situaci\u00f3n de calle                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Primera Infancia\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Primera Infancia                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Pr\u00e1cticas empresariales\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Pr\u00e1cticas empresariales                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"P\u00e9rdida de cuidado parental\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      P\u00e9rdida de cuidado parental                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Egreso del sistema de protecci\u00f3n\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Egreso del sistema de protecci\u00f3n                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Covid-19\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Covid-19                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Violencia facilitada por la tecnolog\u00eda\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Violencia facilitada por la tecnolog\u00eda                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Violencias\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"2.19 48.08\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Violencias                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Pr\u00e1cticas orientadas a las familias\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Pr\u00e1cticas orientadas a las familias                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Conciliaci\u00f3n entre la vida laboral y familiar\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Conciliaci\u00f3n entre la vida laboral y familiar                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Young adulthood\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Young adulthood                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Moral foundations\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Moral foundations                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Desigualdades en salud\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Desigualdades en salud                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Incesto\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Incesto                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Ni\u00f1ez y adolescencia\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Ni\u00f1ez y adolescencia                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Pueblos \u00edndigena originarios\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Pueblos \u00edndigena originarios                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Desigualdades de Salud\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Desigualdades de Salud                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Comportamientos relacionados con la salud\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Comportamientos relacionados con la salud                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"equidad de g\u00e9nero\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      equidad de g\u00e9nero                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Investigaci\u00f3n liderada por la ni\u00f1ez y adolescencia\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Investigaci\u00f3n liderada por la ni\u00f1ez y adolescencia                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Riesgos y oportunidades del uso de las TIC\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Riesgos y oportunidades del uso de las TIC                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Ni\u00f1as y ni\u00f1os en edad escolar\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Ni\u00f1as y ni\u00f1os en edad escolar                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Participaci\u00f3n de la ni\u00f1ez\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Participaci\u00f3n de la ni\u00f1ez                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Infanticidio\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Infanticidio                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Continuum de Violencia\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Continuum de Violencia                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Precariedad\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Precariedad                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Violencia en el contexto universitario\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Violencia en el contexto universitario                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Politicas P\u00fablicas\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Politicas P\u00fablicas                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Representaciones sociales\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Representaciones sociales                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Protecci\u00f3n infantil familiar\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Protecci\u00f3n infantil familiar                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Participaci\u00f3n juvenil\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Participaci\u00f3n juvenil                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Sistema Judicial\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Sistema Judicial                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Estudios postcoloniales\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Estudios postcoloniales                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Parentesco\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Parentesco                    <\/button>\r\n                                        <button class=\"huella-btn\" data-filter-tag=\"Origenes\">\r\n                      <svg class=\"huella-grafico\" viewBox=\"0 0 20 20\">\r\n                        <circle class=\"bg-circle\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/>\r\n                        <circle class=\"active-slice\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" \r\n                                stroke-dasharray=\"1.09 49.18\" transform=\"rotate(-90 10 10)\" \/>\r\n                      <\/svg>\r\n                      Origenes                    <\/button>\r\n                              <\/div>\r\n\r\n        <\/aside>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SCRIPT DE FILTRADO AJAX -->\r\n    <script>\r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const listadoDiv = document.getElementById(\"listado-publicaciones\");\r\n        const listContainer = document.getElementById(\"publicaciones-lista-ul\");\r\n        const paginacionContainer = document.getElementById(\"paginacion-container-div\");\r\n        \r\n        const lineaCheckboxes = document.querySelectorAll(\"#fieldset-lineas input[type='checkbox']\");\r\n        const huellaBtns = document.querySelectorAll(\"#fieldset-huellas .huella-btn\");\r\n        \r\n        let currentPage = 1;\r\n        \r\n        \/\/ Clics en L\u00edneas de Investigaci\u00f3n\r\n        lineaCheckboxes.forEach(chk => {\r\n            chk.addEventListener(\"change\", () => {\r\n                currentPage = 1;\r\n                fetchPublicaciones();\r\n            });\r\n        });\r\n\r\n        \/\/ Clics en Huellas (Toggle active)\r\n        huellaBtns.forEach(btn => {\r\n            btn.addEventListener(\"click\", () => {\r\n                btn.classList.toggle(\"active\");\r\n                currentPage = 1;\r\n                fetchPublicaciones();\r\n            });\r\n        });\r\n\r\n        \/\/ Delegaci\u00f3n de eventos para Paginaci\u00f3n AJAX\r\n        paginacionContainer.addEventListener(\"click\", (e) => {\r\n            const link = e.target.closest(\"a.page-numbers, a.paginacion-btn\");\r\n            if (link) {\r\n                e.preventDefault();\r\n                \r\n                let targetPage = 1;\r\n                try {\r\n                    const urlObj = new URL(link.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 (link.classList.contains('next')) {\r\n                            targetPage = currentPage + 1;\r\n                        } else if (link.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 (link.classList.contains('next')) {\r\n                        targetPage = currentPage + 1;\r\n                    } else if (link.classList.contains('prev')) {\r\n                        targetPage = Math.max(1, currentPage - 1);\r\n                    }\r\n                }\r\n                \r\n                currentPage = targetPage;\r\n                fetchPublicaciones();\r\n                \r\n                \/\/ Scroll up\r\n                document.getElementById(\"iicc-publicaciones-catalogo-custom\").scrollIntoView({ behavior: 'smooth' });\r\n            }\r\n        });\r\n\r\n        function fetchPublicaciones() {\r\n            \/\/ Recoger valores\r\n            const lineasActivas = Array.from(lineaCheckboxes)\r\n                .filter(chk => chk.checked)\r\n                .map(chk => chk.value);\r\n                \r\n            const huellasActivas = Array.from(huellaBtns)\r\n                .filter(btn => btn.classList.contains(\"active\"))\r\n                .map(btn => btn.getAttribute(\"data-filter-tag\"));\r\n\r\n            \/\/ Loading state\r\n            listadoDiv.classList.add(\"is-loading\");\r\n\r\n            \/\/ Preparar FormData\r\n            const formData = new FormData();\r\n            formData.append(\"action\", \"filtrar_publicaciones\");\r\n            formData.append(\"paged\", currentPage);\r\n            \r\n            lineasActivas.forEach(linea => formData.append(\"lineas[]\", linea));\r\n            huellasActivas.forEach(huella => formData.append(\"huellas[]\", huella));\r\n\r\n            const ajaxUrl = \"https:\/\/www.ucb.edu.bo\/iicc\/wp-admin\/admin-ajax.php\";\r\n\r\n            fetch(ajaxUrl, {\r\n                method: \"POST\",\r\n                body: formData\r\n            })\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                if (data.success) {\r\n                    listContainer.innerHTML = data.data.tarjetas;\r\n                    paginacionContainer.innerHTML = data.data.paginacion;\r\n                }\r\n            })\r\n            .catch(err => console.error(\"Error cargando publicaciones:\", err))\r\n            .finally(() => {\r\n                listadoDiv.classList.remove(\"is-loading\");\r\n            });\r\n        }\r\n      });\r\n    <\/script>\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>Publicaciones Cient\u00edficas &#8211; Cabecera Inicio \/ Publicaciones Publicaciones Producimos conocimiento que busca aportar a la comprensi\u00f3n de problemas complejos y [&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-203","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>Publicaciones - 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\/publicaciones\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Publicaciones - IICC\" \/>\n<meta property=\"og:description\" content=\"Publicaciones Cient\u00edficas &#8211; Cabecera Inicio \/ Publicaciones Publicaciones Producimos conocimiento que busca aportar a la comprensi\u00f3n de problemas complejos y [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/\" \/>\n<meta property=\"og:site_name\" content=\"IICC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T17:12:59+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=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/publicaciones\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/publicaciones\\\/\",\"name\":\"Publicaciones - IICC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\"},\"datePublished\":\"2026-07-24T20:55:58+00:00\",\"dateModified\":\"2026-08-24T17:12:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/publicaciones\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/publicaciones\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/publicaciones\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Publicaciones\"}]},{\"@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":"Publicaciones - 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\/publicaciones\/","og_locale":"es_ES","og_type":"article","og_title":"Publicaciones - IICC","og_description":"Publicaciones Cient\u00edficas &#8211; Cabecera Inicio \/ Publicaciones Publicaciones Producimos conocimiento que busca aportar a la comprensi\u00f3n de problemas complejos y [&hellip;]","og_url":"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/","og_site_name":"IICC","article_modified_time":"2026-08-24T17:12:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/","name":"Publicaciones - IICC","isPartOf":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website"},"datePublished":"2026-07-24T20:55:58+00:00","dateModified":"2026-08-24T17:12:59+00:00","breadcrumb":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ucb.edu.bo\/iicc\/publicaciones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ucb.edu.bo\/iicc\/"},{"@type":"ListItem","position":2,"name":"Publicaciones"}]},{"@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\/203","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=203"}],"version-history":[{"count":43,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/203\/revisions"}],"predecessor-version":[{"id":1061,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/203\/revisions\/1061"}],"wp:attachment":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media?parent=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}