{"id":43,"date":"2026-07-24T16:42:45","date_gmt":"2026-07-24T16:42:45","guid":{"rendered":"https:\/\/klz.rgg.mybluehost.me\/iicc\/?page_id=43"},"modified":"2026-10-06T14:23:24","modified_gmt":"2026-10-06T18:23:24","slug":"inicio","status":"publish","type":"page","link":"https:\/\/www.ucb.edu.bo\/iicc\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ae338e e-flex e-con-boxed e-con e-parent\" data-id=\"6ae338e\" 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-c726597 elementor-widget elementor-widget-html\" data-id=\"c726597\" 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-a4ed00d e-flex e-con-boxed e-con e-parent\" data-id=\"a4ed00d\" 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-55abbe6 elementor-widget elementor-widget-html\" data-id=\"55abbe6\" 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>Inicio - Secci\u00f3n 1 (Hero Redise\u00f1ado) - Resultado Final<\/title>\n  <style>\n    \/* ----------------------------------------------------\n       DESIGN SYSTEM & BRAND TOKENS (linea-grafica.md)\n       ---------------------------------------------------- *\/\n    :root {\n      \/* Colores Oficiales *\/\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n      --brand-yellow: #fcbf00;\n      --brand-yellow-pastel: #F2EBDC;\n      --brand-blue-pastel: #C4CED4;\n      --text-base: #3C3C3B;\n      \n      \/* Colores Auxiliares de Interfaz *\/\n      --white: #ffffff;\n      --black: #000000;\n      --overlay-dark: rgba(0, 0, 0, 0.22); \/* M\u00e1s transparente a solicitud del usuario *\/\n      --border-light: rgba(255, 255, 255, 0.25);\n    }\n\n    \/* Reset estructural b\u00e1sico *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--white); \/* Fondo exterior blanco de la p\u00e1gina *\/\n      color: var(--white);\n      overflow-x: hidden;\n    }\n\n    \/* ----------------------------------------------------\n       CONTENEDOR ENVOLVENTE EXTERNO (MARGEN BLANCO)\n       ---------------------------------------------------- *\/\n    .hero-outer-wrap {\n      width: 100vw;\n      height: 100vh; \/* Fallback para navegadores antiguos *\/\n      height: 100svh; \/* Small Viewport Height: soluciona el solapamiento de la barra de navegaci\u00f3n en celulares *\/\n      background-color: var(--white);\n      padding: 0; \/* Fijado a 0 para evitar conflictos con el pin-spacer de ScrollTrigger *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden; \/* Evita desbordes durante la animaci\u00f3n de expansi\u00f3n *\/\n    }\n\n    \/* ----------------------------------------------------\n       CONTENEDOR HERO PRINCIPAL\n       ---------------------------------------------------- *\/\n    #iicc-inicio-hero-custom {\n      position: relative;\n      width: 100%; \/* Ocupa todo el contenedor exterior *\/\n      height: 100%;\n      border-radius: 0; \/* Sin esquinas redondeadas *\/\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-end; \/* Alinea todo el contenido hacia abajo *\/\n      padding: 4vw;\n      background-color: #111;\n    }\n\n    \/* Capa de overlay oscura para contraste tipogr\u00e1fico *\/\n    .hero-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: var(--overlay-dark);\n      z-index: 2;\n      pointer-events: none;\n    }\n\n    \/* ----------------------------------------------------\n       CARRUSEL DE FONDO (CSS PURO, SIN JS)\n       ---------------------------------------------------- *\/\n    .hero-bg-carousel {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 1;\n      overflow: hidden;\n    }\n\n    .hero-bg-slide {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      opacity: 0;\n      transform: scale(1.02);\n      animation: fadeSlideshow 20s infinite ease-in-out;\n    }\n\n    \/* Asignaci\u00f3n de im\u00e1genes de fondo de WordPress *\/\n    .slide-1 {\n      background-image: url('https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Investigacion-h2.jpg');\n      animation-delay: 0s;\n    }\n    .slide-2 {\n      background-image: url('https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Investigacion-h3.jpg');\n      animation-delay: 5s;\n    }\n    .slide-3 {\n      background-image: url('https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Investigacion-h4.jpg');\n      animation-delay: 10s;\n    }\n    .slide-4 {\n      background-image: url('https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-IICC.jpg');\n      animation-delay: 15s;\n    }\n\n    \/* Keyframes para la transici\u00f3n fluida de opacidad en bucle de 20s (5s por slide) *\/\n    @keyframes fadeSlideshow {\n      0% {\n        opacity: 0;\n        transform: scale(1.02);\n      }\n      3.75% { \/* 0.75s fade-in *\/\n        opacity: 1;\n        transform: scale(1.02);\n      }\n      25% { \/* Visible hasta los 5s *\/\n        opacity: 1;\n        transform: scale(1.01);\n      }\n      28.75% { \/* 0.75s fade-out *\/\n        opacity: 0;\n        transform: scale(1.0);\n      }\n      100% {\n        opacity: 0;\n      }\n    }\n\n    \/* ----------------------------------------------------\n       LAYOUT DE CONTENIDOS (TEXT GROUP ABAJO A LA IZQUIERDA)\n       ---------------------------------------------------- *\/\n    .hero-footer-row {\n      width: 100%;\n      z-index: 10;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end; \/* Alineaci\u00f3n a la base *\/\n      gap: 2.5vw;\n    }\n\n    \/* Grupo de textos agrupados en la esquina inferior izquierda *\/\n    .hero-text-group {\n      display: flex;\n      flex-direction: column;\n      gap: 1.2vw; \/* Distancia entre H1 y H2 *\/\n      max-width: 61vw; \/* Ajustado para fijar exactamente 2 l\u00edneas constantes en estado inicial y expandido *\/\n    }\n\n    \/* H1: Nombre del Instituto, ahora GRANDE y abajo *\/\n    .titulo-brand-h1 {\n      font-family: 'Montserrat', sans-serif !important; \/* Forza la tipograf\u00eda frente a temas de Elementor\/WP *\/\n      font-size: 3.6vw; \/* Escala ajustada para mantener 2 l\u00edneas estables sin salto de l\u00ednea al scrollear *\/\n      font-weight: 500; \/* Peso semigrueso limpio *\/\n      color: var(--white);\n      line-height: 1.2;\n      letter-spacing: -0.01em;\n      text-transform: none; \/* Capitalizaci\u00f3n normal *\/\n    }\n\n    \/* P\u00e1rrafo: Propuesta de valor, con mayor grosor a solicitud del usuario *\/\n    .titulo-propuesta-p {\n      font-size: 1.3vw; \/* Aumentado a solicitud del usuario *\/\n      line-height: 1.5;\n      font-weight: 500; \/* Peso de letra semigrueso para mejor legibilidad *\/\n      color: rgba(255, 255, 255, 0.90); \/* Color un poco m\u00e1s n\u00edtido *\/\n      word-wrap: break-word;\n      letter-spacing: 0.01em;\n    }\n\n    \/* Contenedor del Bot\u00f3n de Conversi\u00f3n CTA *\/\n    .hero-cta-wrapper {\n      flex-shrink: 0;\n    }\n\n    .btn-cta {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n      color: var(--white);\n      background: transparent;\n      transition: all 0.3s ease;\n      cursor: pointer;\n    }\n\n    \/* Caja contenedora del icono redondo, optimizada sin blur *\/\n    .btn-icon {\n      width: 2.5vw; \/* Aumentado din\u00e1micamente con el texto *\/\n      height: 2.5vw;\n      min-width: 34px; \/* Accesibilidad t\u00e1ctil m\u00ednima *\/\n      min-height: 34px;\n      background-color: rgba(252, 191, 0, 0.60); \/* Amarillo semitransparente con opacidad incrementada para compensar falta de blur *\/\n      border-radius: 50%; \/* Icono redondo *\/\n      color: var(--white);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: var(--white); \/* Flecha blanca *\/\n      transition: stroke 0.3s ease;\n    }\n\n    \/* Label del bot\u00f3n al lado derecho (Aumentado de tama\u00f1o y peso a 600) *\/\n    .btn-text {\n      padding-left: 1vw;\n      font-size: 1.1vw; \/* Aumentado a solicitud del usuario *\/\n      font-weight: 600; \/* Peso de letra incrementado *\/\n      letter-spacing: 0.08em;\n      transition: color 0.3s ease;\n    }\n\n    \/* Micro-interacciones (Hover) *\/\n    .btn-cta:hover .btn-icon {\n      background-color: rgba(252, 191, 0, 0.85); \/* Incremento de opacidad en hover *\/\n      transform: translateX(3px); \/* Peque\u00f1o desplazamiento de dinamismo *\/\n    }\n\n    .btn-cta:hover .btn-text {\n      color: var(--brand-yellow); \/* Destaca en amarillo en hover *\/\n    }\n\n    \/* ----------------------------------------------------\n       PUNTOS DE RUPTURA RESPONSIVOS (puntos-de-ruptura.md)\n       ---------------------------------------------------- *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .hero-outer-wrap {\n        padding: 0; \/* Mantiene 0 para evitar conflictos con el pin *\/\n      }\n\n      #iicc-inicio-hero-custom {\n        width: 100%;\n        height: 100%;\n        border-radius: 0;\n        padding: 5vw;\n        padding-bottom: 12vw; \/* Padding inferior para evitar solapamiento con barras de navegador en tabletas *\/\n      }\n\n      .hero-text-group {\n        max-width: 100%;\n        gap: 2vw;\n      }\n\n      .titulo-brand-h1 {\n        font-size: 6.5vw; \/* H1 grande en tableta *\/\n      }\n\n      .hero-footer-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 5vw;\n      }\n\n      .titulo-propuesta-p {\n        font-size: 2.2vw; \/* P\u00e1rrafo aumentado en tableta *\/\n        max-width: 100%;\n        line-height: 1.45;\n      }\n\n      .btn-icon {\n        width: 4.2vw;\n        height: 4.2vw;\n      }\n\n      .btn-text {\n        font-size: 1.7vw;\n        padding-left: 1.5vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .hero-outer-wrap {\n        padding: 0; \/* Mantiene 0 para evitar conflictos con el pin *\/\n      }\n\n      #iicc-inicio-hero-custom {\n        width: 100%;\n        height: 100%;\n        border-radius: 0;\n        padding: 6vw;\n        padding-bottom: 25vw; \/* Padding extra grande forzado para salvar cualquier barra de navegador m\u00f3vil *\/\n      }\n\n      .hero-text-group {\n        max-width: 100%;\n        gap: 3vw;\n      }\n\n      .titulo-brand-h1 {\n        font-size: 8.0vw; \/* H1 grande en celular *\/\n      }\n\n      .hero-footer-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 6vw;\n      }\n\n      .titulo-propuesta-p {\n        font-size: 3.5vw; \/* P\u00e1rrafo ajustado a tama\u00f1o m\u00e1s peque\u00f1o en celular *\/\n        max-width: 100%;\n        line-height: 1.45;\n      }\n\n      .btn-icon {\n        width: 9vw;\n        height: 9vw;\n      }\n\n      .btn-text {\n        font-size: 3.5vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Contenedor Envolvente Externo (Proporciona el margen blanco de fondo) -->\n  <div class=\"hero-outer-wrap\">\n\n    <!-- Tarjeta Hero Interna (Bordes redondeados y carrusel de fondo) -->\n    <section id=\"iicc-inicio-hero-custom\">\n      \n      <!-- Capa de oscurecimiento de fondo -->\n      <div class=\"hero-overlay\"><\/div>\n\n      <!-- Carrusel de Im\u00e1genes de Fondo (CSS Slideshow) -->\n      <div class=\"hero-bg-carousel\">\n        <div class=\"hero-bg-slide slide-1\"><\/div>\n        <div class=\"hero-bg-slide slide-2\"><\/div>\n        <div class=\"hero-bg-slide slide-3\"><\/div>\n        <div class=\"hero-bg-slide slide-4\"><\/div>\n      <\/div>\n\n      <!-- Fila Inferior: Bloque de Textos (H1 + H2) + Bot\u00f3n CTA a la derecha -->\n      <div class=\"hero-footer-row\">\n        \n        <!-- Grupo de Textos (Alineaci\u00f3n izquierda) -->\n        <div class=\"hero-text-group\">\n          <!-- H1 (Nombre del Instituto) - Grande, estilo titular de referencia -->\n          <h1 class=\"titulo-brand-h1\">Instituto de Investigaciones en Ciencias del Comportamiento<\/h1>\n          \n          <!-- P\u00e1rrafo (Propuesta de Valor) - M\u00e1s grande, estilo explicativo de referencia -->\n          <p class=\"titulo-propuesta-p\">Conocimiento situado para comprender las injusticias y contribuir al cambio social. Investigamos desde los contextos y en di\u00e1logo con quienes los habitan, articulando conocimientos, disciplinas y actores para generar evidencia socialmente relevante.<\/p>\n        <\/div>\n        \n        <!-- Bot\u00f3n CTA principal alineado a la derecha en desktop y apilado en m\u00f3vil -->\n        <div class=\"hero-cta-wrapper\">\n          <a href=\"#proyectosypublicaciones\" class=\"btn-cta\">\n            <span class=\"btn-icon\">\n              <!-- Flecha SVG delgada y elegante -->\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Explorar proyectos y publicaciones<\/span>\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n  <\/div>\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-6cd4544 e-flex e-con-boxed e-con e-parent\" data-id=\"6cd4544\" 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-612fec8 elementor-widget elementor-widget-html\" data-id=\"612fec8\" 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>Inicio - Secci\u00f3n 2 (Qui\u00e9nes Somos - Redise\u00f1o) - Resultado<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE LA L\u00cdNEA GR\u00c1FICA *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      --bg-white: #ffffff;\n      --bg-light-gray: #f5f5f5;\n      --text-black: #000000;\n      --text-dark: #1a1a1a;\n      --text-muted: #3C3C3B; \/* Gris oficial para textos *\/\n      --text-light-muted: #888888;\n      --border-gray: #cccccc;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--bg-white);\n      color: var(--text-dark);\n      overflow-x: hidden;\n    }\n\n    \/* CONTENEDOR SECCI\u00d3N QUI\u00c9NES SOMOS (AISLAMIENTO CON ID EN ESCENARIO B) *\/\n    #iicc-nosotros-custom {\n      width: 100vw;\n      min-height: auto;\n      background-color: transparent; \/* Fondo transparente *\/\n      padding: 16vh 3vw; \/* Padding vertical reducido a 16vh en desktop *\/\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* CONTENEDOR DE CONTENIDO (GRID SIM\u00c9TRICO DE 2 COLUMNAS) *\/\n    #iicc-nosotros-custom .nosotros-container {\n      width: 100%;\n      display: grid;\n      grid-template-columns: 43% 53%; \/* Dar m\u00e1s espacio a la columna de animaci\u00f3n *\/\n      column-gap: 4%;\n      align-items: center; \/* Alineado verticalmente al centro *\/\n    }\n\n    \/* ESTILOS COMUNES DE LAS COLUMNAS LATERALES *\/\n    #iicc-nosotros-custom .col-lateral {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 1vw;\n    }\n\n    #iicc-nosotros-custom .col-lateral .text-p {\n      font-size: 1.1vw; \/* Tama\u00f1o de letra incrementado para mayor legibilidad *\/\n      font-weight: 400;\n      line-height: 1.6;\n      color: var(--text-muted);\n      max-width: 100%;\n      margin-bottom: 1.2vw;\n    }\n\n    #iicc-nosotros-custom .col-lateral .text-p:last-of-type {\n      margin-bottom: 0;\n    }\n\n    \/* COLUMNA IZQUIERDA CON TAMA\u00d1O DE LETRA REDUCIDO *\/\n    #iicc-nosotros-custom .col-left {\n      gap: 1.2vw;\n    }\n\n    #iicc-nosotros-custom .col-left .text-p {\n      font-size: 0.92vw; \/* Reducido a 0.92vw para la columna izquierda *\/\n      max-width: 85%; \/* Reducir el ancho del p\u00e1rrafo de la izquierda *\/\n    }\n\n    \/* T\u00cdTULO H2 EN COLOR AZUL OFICIAL IICC *\/\n    #iicc-nosotros-custom .titulo-h2 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 1.8vw;\n      font-weight: 800;\n      line-height: 1.2;\n      color: #004d7b; \/* Color azul IICC *\/\n      text-transform: none;\n      letter-spacing: 0.02em;\n    }\n\n    \/* COLUMNA DERECHA DE ANIMACI\u00d3N (LUPA + TEXTO EXTERNO) *\/\n    #iicc-nosotros-custom .col-animacion {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 1vw; \/* Acercar la lupa al texto animado *\/\n      width: 100%;\n    }\n\n    #iicc-nosotros-custom .lupa-wrapper {\n      position: relative;\n      width: 18vw; \/* Lupa reducida para caber mejor junto al texto *\/\n      height: 18vw;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-shrink: 0;\n    }\n\n    #iicc-nosotros-custom .lupa-sombra {\n      position: absolute;\n      top: 120%;\n      left: 41%;\n      transform: translate(-50%, -50%);\n      width: 88%;\n      height: 88%;\n      object-fit: contain;\n      pointer-events: none;\n      z-index: 0;\n      opacity: 0.75;\n      animation: lupaPulse 2.8s ease-in-out infinite;\n    }\n\n    #iicc-nosotros-custom .lupa-bg {\n      position: absolute;\n      top: 59%;\n      left: 41%;\n      transform: translate(-50%, -50%);\n      width: 88%;\n      height: 88%;\n      object-fit: contain;\n      pointer-events: none;\n      z-index: 1;\n      animation: lupaPulse 2.8s ease-in-out infinite;\n    }\n\n    @keyframes lupaPulse {\n      0% { transform: translate(-50%, -50%) scale(1); }\n      50% { transform: translate(-50%, -50%) scale(1.04); }\n      100% { transform: translate(-50%, -50%) scale(1); }\n    }\n\n    #iicc-nosotros-custom .lupa-content {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    #iicc-nosotros-custom .texto-animacion-wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-start;\n      gap: 0.5vw;\n      width: 100%;\n      padding-right: 0; \/* Quitado para dar todo el ancho al texto *\/\n    }\n\n    #iicc-nosotros-custom .morph-container {\n      position: relative;\n      width: 100%;\n      transition: filter 0.2s ease-out;\n    }\n\n    #iicc-nosotros-custom .morph-container.active-morph {\n      filter: url(#threshold) blur(0.6px);\n    }\n\n    #iicc-nosotros-custom .number-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 5vw;\n    }\n\n    #iicc-nosotros-custom .desc-container {\n      height: 7vw; \/* Altura ajustada para el nuevo tama\u00f1o *\/\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n    }\n\n    #iicc-nosotros-custom .morph-element {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      user-select: none;\n    }\n\n    \/* N\u00famero centrado dentro de la lupa *\/\n    #iicc-nosotros-custom .number-container .morph-element {\n      left: 0;\n      right: 0;\n      margin: auto;\n      text-align: center;\n    }\n\n    \/* Descripci\u00f3n alineada a la izquierda fuera de la lupa *\/\n    #iicc-nosotros-custom .desc-container .morph-element {\n      left: 0;\n      text-align: left;\n    }\n\n    #iicc-nosotros-custom .morph-number {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 3.8vw; \/* N\u00famero m\u00e1s peque\u00f1o dentro de la lupa *\/\n      font-weight: 800;\n      line-height: 1;\n      color: var(--text-black);\n    }\n\n    #iicc-nosotros-custom .morph-description {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 1.9vw; \/* Texto exterior levemente m\u00e1s peque\u00f1o *\/\n      font-weight: 700;\n      line-height: 1.3;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      transition: color 0.3s ease;\n      width: 100%;\n    }\n\n    \/* Texto est\u00e1tico debajo de la animaci\u00f3n *\/\n    #iicc-nosotros-custom .texto-estatico-lupa {\n      font-size: 1.1vw;\n      font-weight: 500;\n      color: var(--text-light-muted);\n      margin-top: 0.5vw;\n    }\n\n    \/* ========================================================================\n       BOTONES ESTILO PREMIUM GLASSMORPHIC DE LA PLANTILLA OFICIAL\n       ======================================================================== *\/\n    \n    \/* Configuraci\u00f3n de colores de marca RGB individuales *\/\n    #iicc-nosotros-custom .btn-azul {\n      --btn-brand-color-rgb: 0, 77, 123; \/* Azul Principal (#004d7b) *\/\n    }\n\n    #iicc-nosotros-custom .btn-rojo {\n      --btn-brand-color-rgb: 180, 54, 58; \/* Rojo Principal (#b4363a) *\/\n    }\n\n    \/* Estructura base del bot\u00f3n adaptada a fondo claro *\/\n    #iicc-nosotros-custom .btn-cta-template {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n      color: var(--text-muted); \/* Gris de textos por defecto *\/\n      background: transparent;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      margin-top: 0.8vw;\n    }\n\n    \/* Burbuja redonda con efecto Glassmorphic *\/\n    #iicc-nosotros-custom .btn-cta-template .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      background-color: rgba(var(--btn-brand-color-rgb), 0.35); \/* Opacidad al 35% sin blur *\/\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* Vector SVG flecha delgada oficial *\/\n    #iicc-nosotros-custom .btn-cta-template .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: rgb(var(--btn-brand-color-rgb)); \/* Color puro *\/\n      fill: none;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n      transition: stroke 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* Label o texto descriptivo del bot\u00f3n *\/\n    #iicc-nosotros-custom .btn-cta-template .btn-text {\n      padding-left: 1vw;\n      font-size: 0.85vw;\n      font-weight: 700; \/* Texto en negrita *\/\n      letter-spacing: 0.08em;\n      text-transform: none;\n      transition: color 0.3s ease;\n    }\n\n    \/* Micro-interacciones en hover *\/\n    #iicc-nosotros-custom .btn-cta-template:hover .btn-icon {\n      background-color: rgba(var(--btn-brand-color-rgb), 0.30);\n      transform: translateX(3px);\n    }\n\n    #iicc-nosotros-custom .btn-cta-template:hover .btn-text {\n      color: rgb(var(--btn-brand-color-rgb));\n    }\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      #iicc-nosotros-custom {\n        padding: 12vh 3vw;\n      }\n\n      #iicc-nosotros-custom .nosotros-container {\n        grid-template-columns: 100%; \/* Colapso vertical en tableta *\/\n        row-gap: 8vw;\n      }\n\n      #iicc-nosotros-custom .col-lateral {\n        gap: 2vw;\n        align-items: flex-start;\n        text-align: left;\n      }\n\n      #iicc-nosotros-custom .col-lateral .text-p {\n        font-size: 2.1vw;\n        max-width: 95%;\n        margin-bottom: 2vw;\n      }\n\n      #iicc-nosotros-custom .col-left {\n        gap: 2.5vw;\n      }\n\n      #iicc-nosotros-custom .col-left .text-p {\n        font-size: 1.8vw;\n      }\n\n      #iicc-nosotros-custom .titulo-h2 {\n        font-size: 3.8vw;\n      }\n\n      #iicc-nosotros-custom .col-animacion {\n        flex-direction: row; \/* Mantiene la fila en tableta si cabe, o column *\/\n        gap: 2vw; \/* Lupa m\u00e1s cerca en tableta *\/\n        justify-content: center;\n      }\n\n      #iicc-nosotros-custom .lupa-wrapper {\n        width: 30vw;\n        height: 30vw;\n      }\n\n      #iicc-nosotros-custom .texto-animacion-wrapper {\n        width: auto;\n        flex: 1;\n      }\n\n      #iicc-nosotros-custom .number-container {\n        height: 7vw;\n      }\n\n      #iicc-nosotros-custom .desc-container {\n        height: 9.5vw;\n      }\n\n      #iicc-nosotros-custom .morph-number {\n        font-size: 5.5vw;\n      }\n\n      #iicc-nosotros-custom .morph-description {\n        font-size: 3.1vw;\n      }\n\n      #iicc-nosotros-custom .texto-estatico-lupa {\n        font-size: 1.5vw;\n      }\n\n      #iicc-nosotros-custom .btn-cta-template {\n        margin-top: 1.5vw;\n      }\n\n      #iicc-nosotros-custom .btn-cta-template .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      #iicc-nosotros-custom .btn-cta-template .btn-text {\n        font-size: 1.4vw;\n        padding-left: 1.5vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      #iicc-nosotros-custom {\n        padding: 22vw 3vw;\n      }\n\n      #iicc-nosotros-custom .nosotros-container {\n        grid-template-columns: 100%;\n        row-gap: 12vw;\n      }\n\n      #iicc-nosotros-custom .col-lateral {\n        gap: 3.5vw;\n        align-items: flex-start;\n        text-align: left;\n      }\n\n      #iicc-nosotros-custom .col-lateral .text-p {\n        font-size: 4.1vw;\n        max-width: 95%;\n        margin-bottom: 4vw;\n      }\n\n      #iicc-nosotros-custom .col-left {\n        gap: 4vw;\n      }\n\n      #iicc-nosotros-custom .col-left .text-p {\n        font-size: 3.5vw;\n      }\n\n      #iicc-nosotros-custom .titulo-h2 {\n        font-size: 7.5vw;\n      }\n\n      #iicc-nosotros-custom .col-animacion {\n        flex-direction: column; \/* Apilado verticalmente en m\u00f3vil *\/\n        gap: 30vw; \/* Gap incrementado para evitar que el texto toque la sombra de la lupa *\/\n        align-items: center;\n        text-align: center;\n      }\n\n      #iicc-nosotros-custom .texto-animacion-wrapper {\n        align-items: center; \/* Centrar textos en m\u00f3vil *\/\n        width: 100%;\n        padding: 0 6vw; \/* Padding lateral en m\u00f3vil *\/\n      }\n\n      #iicc-nosotros-custom .desc-container {\n        justify-content: center;\n        height: 15vw;\n      }\n\n      #iicc-nosotros-custom .desc-container .morph-element {\n        text-align: center;\n      }\n\n      #iicc-nosotros-custom .lupa-wrapper {\n        width: 60vw;\n        height: 60vw;\n      }\n\n      #iicc-nosotros-custom .number-container {\n        height: 14vw;\n      }\n\n      #iicc-nosotros-custom .morph-number {\n        font-size: 10vw;\n      }\n\n      #iicc-nosotros-custom .morph-description {\n        font-size: 6vw;\n        text-align: center;\n      }\n\n      #iicc-nosotros-custom .texto-estatico-lupa {\n        font-size: 3vw;\n        text-align: center;\n        margin-top: 4vw; \/* Separaci\u00f3n vertical entre texto animado y est\u00e1tico *\/\n      }\n\n      #iicc-nosotros-custom .btn-cta-template {\n        margin-top: 3vw;\n      }\n\n      #iicc-nosotros-custom .btn-cta-template .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      #iicc-nosotros-custom .btn-cta-template .btn-text {\n        font-size: 3.0vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Contenedor maestro con ID \u00fanico para aislamiento en Escenario B -->\n  <section id=\"iicc-nosotros-custom\" class=\"nosotros-section\">\n    \n    <div class=\"nosotros-container\">\n      \n      <!-- Columna Izquierda: Identidad y bot\u00f3n principal azul -->\n      <div class=\"col-lateral col-left\">\n        \n        <!-- T\u00edtulo H2 con s min\u00fascula -->\n        <h2 class=\"titulo-h2\">Qui\u00e9nes somos<\/h2>\n        \n        <p class=\"text-p\">\n          Somos un instituto de investigaci\u00f3n de la Universidad Cat\u00f3lica Boliviana \"San Pablo\", que naci\u00f3 para comprender las realidades de ni\u00f1as, ni\u00f1os y adolescentes en Bolivia y que, a partir de esta experiencia, ampli\u00f3 su labor al estudio de las m\u00faltiples formas en que se manifiestan y reproducen las injusticias sociales. Trabajamos desde una perspectiva interdisciplinaria, participativa e inclusiva para comprender estas realidades y aportar a su transformaci\u00f3n, compartiendo lo que aprendemos y colaborando con comunidades, redes acad\u00e9micas, instituciones y organizaciones de la sociedad civil.\n        <\/p>\n\n        <div>\n          <!-- Bot\u00f3n de la plantilla con burbuja azul -->\n          <a href=\"\/iicc\/sobre-el-iicc\/\" class=\"btn-cta-template btn-azul\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Sobre el IICC<\/span>\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- Columna Derecha: Lupa Animada y Textos Externos -->\n      <div class=\"col-animacion\">\n        \n        <div class=\"lupa-wrapper\">\n          <!-- Imagen de la sombra de la lupa -->\n          <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Lupa-IICC-sombra.png\" alt=\"Sombra de la lupa\" class=\"lupa-sombra\" loading=\"eager\">\n\n          <!-- Imagen de la lupa azul -->\n          <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Lupa-IICC-azul.png\" alt=\"Lupa decorativa\" class=\"lupa-bg\" loading=\"eager\">\n          \n          <div class=\"lupa-content\">\n            <!-- Contenedor del morphing de n\u00fameros (H3) DENTRO de la lupa -->\n            <div class=\"morph-container number-container\">\n              <h3 class=\"morph-number morph-element morph-text-1\"><\/h3>\n              <h3 class=\"morph-number morph-element morph-text-2\"><\/h3>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"texto-animacion-wrapper\">\n          <!-- Contenedor del morphing del p\u00e1rrafo descriptivo (P) FUERA de la lupa -->\n          <div class=\"morph-container desc-container\">\n            <p class=\"morph-description morph-element morph-desc-1\"><\/p>\n            <p class=\"morph-description morph-element morph-desc-2\"><\/p>\n          <\/div>\n          \n          <!-- Oraci\u00f3n Est\u00e1tica -->\n          <p class=\"texto-estatico-lupa\">Datos de los a\u00f1os 2024 - 2025<\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- Filtro SVG para la animaci\u00f3n de fusi\u00f3n l\u00edquida (morphing) -->\n  <svg id=\"filters\" style=\"display:none;\" preserveAspectRatio=\"xMidYMid slice\">\n    <defs>\n      <filter id=\"threshold\">\n        <!-- \n          Matriz de color de alta intensidad alfa para unificar y definir \n          los bordes desenfocados, simulando fusi\u00f3n l\u00edquida org\u00e1nica. \n        -->\n        <feColorMatrix\n          in=\"SourceGraphic\"\n          type=\"matrix\"\n          values=\"1 0 0 0 0\n                  0 1 0 0 0\n                  0 0 1 0 0\n                  0 0 0 255 -140\"\n        \/>\n      <\/filter>\n    <\/defs>\n  <\/svg>\n\n  <!-- MOTOR DE ANIMACI\u00d3N VANILLA JS (SINCRO MORPHING EXACTO EN H3 Y P CON OPTIMIZACI\u00d3N DE NITIDEZ) -->\n  <script>\n    window.addEventListener('DOMContentLoaded', () => {\n      const container = document.getElementById('iicc-nosotros-custom');\n      if (!container) return;\n\n      const num1El = container.querySelector('.morph-text-1');\n      const num2El = container.querySelector('.morph-text-2');\n      const desc1El = container.querySelector('.morph-desc-1');\n      const desc2El = container.querySelector('.morph-desc-2');\n      \n      const numContainer = container.querySelector('.number-container');\n      const descContainer = container.querySelector('.desc-container');\n\n      if (!num1El || !num2El || !desc1El || !desc2El || !numContainer || !descContainer) return;\n\n      \/\/ Nuevas cifras y textos actualizados (se considera solo el total)\n      const stats = [\n        { number: \"20\", text: \"Proyectos implementados\", color: \"#004d7b\" }, \/\/ Azul\n        { number: \"12\", text: \"Art\u00edculos publicados\", color: \"#b4363a\" }, \/\/ Rojo\n        { number: \"10\", text: \"Reportes de investigaci\u00f3n\", color: \"#dba400\" }, \/\/ Amarillo\n        { number: \"15\", text: \"Participaciones en eventos\", color: \"#004d7b\" }, \/\/ Azul\n        { number: \"23\", text: \"Estudiantes de pregrado involucrados\", color: \"#b4363a\" }, \/\/ Rojo\n        { number: \"24\", text: \"Socios y financiadores\", color: \"#dba400\" }, \/\/ Amarillo\n        { number: \"8\", text: \"redes internacionales de las cuales formamos parte\", color: \"#004d7b\" }, \/\/ Azul\n        { number: \"+2050\", text: \"Personas alcanzadas directamente\", color: \"#b4363a\" } \/\/ Rojo\n      ];\n\n      const morphTime = 1.0; \/\/ Reducido a 1.0 segundos para una transici\u00f3n m\u00e1s \u00e1gil\n      const cooldownTime = 3.0; \/\/ Reducido a 3.0 segundos para agilizar el ciclo de lectura y cambio\n\n      let textIndex = 0;\n      let morph = 0;\n      let cooldown = cooldownTime;\n      let lastTime = new Date();\n\n      \/\/ Inicializaci\u00f3n de textos y colores iniciales\n      num1El.textContent = stats[0].number;\n      num2El.textContent = stats[1].number;\n      \n      desc1El.textContent = stats[0].text;\n      desc1El.style.color = stats[0].color;\n      \n      desc2El.textContent = stats[1].text;\n      desc2El.style.color = stats[1].color;\n\n      function setStyles(fraction) {\n        \/\/ Activar din\u00e1micamente el filtro de morphing l\u00edquido con blur y threshold durante la transici\u00f3n\n        numContainer.classList.add('active-morph');\n        descContainer.classList.add('active-morph');\n\n        const blurVal = Math.min(8 \/ fraction - 8, 100);\n        const opacityVal = `${Math.pow(fraction, 0.4) * 100}%`;\n\n        const invertedFraction = 1 - fraction;\n        const invBlurVal = Math.min(8 \/ invertedFraction - 8, 100);\n        const invOpacityVal = `${Math.pow(invertedFraction, 0.4) * 100}%`;\n\n        \/\/ 1. Aplicar estilos de morphing a los N\u00fameros (H3)\n        num2El.style.filter = `blur(${blurVal}px)`;\n        num2El.style.opacity = opacityVal;\n        num1El.style.filter = `blur(${invBlurVal}px)`;\n        num1El.style.opacity = invOpacityVal;\n\n        \/\/ 2. Aplicar los mismos estilos exactos de morphing a los P\u00e1rrafos descriptivos (P)\n        desc2El.style.filter = `blur(${blurVal}px)`;\n        desc2El.style.opacity = opacityVal;\n        desc1El.style.filter = `blur(${invBlurVal}px)`;\n        desc1El.style.opacity = invOpacityVal;\n\n        \/\/ 3. Cargar din\u00e1micamente el contenido del buffer\n        const currentStat = stats[textIndex % stats.length];\n        const nextStat = stats[(textIndex + 1) % stats.length];\n\n        num1El.textContent = currentStat.number;\n        num2El.textContent = nextStat.number;\n\n        desc1El.textContent = currentStat.text;\n        desc1El.style.color = currentStat.color;\n        \n        desc2El.textContent = nextStat.text;\n        desc2El.style.color = nextStat.color;\n      }\n\n      function doMorph() {\n        morph -= cooldown;\n        cooldown = 0;\n\n        let fraction = morph \/ morphTime;\n\n        if (fraction > 1) {\n          cooldown = cooldownTime;\n          fraction = 1;\n        }\n\n        setStyles(fraction);\n\n        if (fraction === 1) {\n          textIndex++;\n        }\n      }\n\n      function doCooldown() {\n        morph = 0;\n        \n        \/\/ Quitar din\u00e1micamente la clase active-morph en cooldown para que el navegador \n        \/\/ aplique suavizado nativo (anti-aliasing) al texto quieto, logrando nitidez del 100%.\n        numContainer.classList.remove('active-morph');\n        descContainer.classList.remove('active-morph');\n        \n        num2El.style.filter = \"none\";\n        num2El.style.opacity = \"100%\";\n        num1El.style.filter = \"none\";\n        num1El.style.opacity = \"0%\";\n        \n        desc2El.style.filter = \"none\";\n        desc2El.style.opacity = \"100%\";\n        desc1El.style.filter = \"none\";\n        desc1El.style.opacity = \"0%\";\n      }\n\n      function animate() {\n        requestAnimationFrame(animate);\n\n        const newTime = new Date();\n        const dt = (newTime.getTime() - lastTime.getTime()) \/ 1000;\n        lastTime = newTime;\n\n        cooldown -= dt;\n\n        if (cooldown <= 0) {\n          doMorph();\n        } else {\n          doCooldown();\n        }\n      }\n\n      \/\/ Arrancar ciclo de renderizado\n      animate();\n    });\n  <\/script>\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-4b5a5ae e-flex e-con-boxed e-con e-parent\" data-id=\"4b5a5ae\" 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-6ede199 elementor-widget elementor-widget-shortcode\" data-id=\"6ede199\" 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    \/* VARIABLES GLOBALES Y DESIGN TOKENS OFICIALES *\/\r\n    :root {\r\n      --font-principal: 'Montserrat', sans-serif;\r\n      \r\n      \/* Colores base y de la marca *\/\r\n      --bg-light: #ffffff;\r\n      --bg-card: #f9f9f9;\r\n      --text-dark: #3C3C3B;        \/* Gris base oficial de IICC *\/\r\n      --text-medium: #666666;\r\n      --text-light: #888888;\r\n      \r\n      --color-primary: #b4363a;    \/* Rojo principal *\/\r\n      --color-secondary: #004d7b;  \/* Azul principal *\/\r\n      --color-yellow: #fcbf00;     \/* Amarillo principal *\/\r\n      --color-yellow-pastel: #FBF8F3; \/* Amarillo pastel (Actualizado a #FBF8F3) *\/\r\n      --color-blue-pastel: #C4CED4;   \/* Azul pastel *\/\r\n      \r\n      --border-gray: #cccccc;\r\n      --border-light: #e0e0e0;\r\n      --black: #000000;\r\n      --white: #ffffff;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n\r\n    \/* Forzar tipograf\u00eda Montserrat en toda la secci\u00f3n *\/\r\n    .seccion-proyectos-publicaciones * {\r\n      font-family: var(--font-principal) !important;\r\n    }\r\n\r\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N *\/\r\n    .seccion-proyectos-publicaciones {\r\n      position: relative;\r\n      width: 100vw;\r\n      padding: 8vh 3vw; \/* Padding lateral universal inquebrantable de 3vw *\/\r\n      background-color: transparent;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* L\u00cdNEA DIVISORIA SUPERIOR CON LOGO OFICIAL *\/\r\n    .seccion-divider {\r\n      display: none;\r\n      width: 100%;\r\n      height: 1px;\r\n      background-color: var(--border-light);\r\n      margin-bottom: 6vh;\r\n    }\r\n\r\n    .seccion-logo-asset {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      height: 24px;\r\n      width: auto;\r\n      object-fit: contain;\r\n      background-color: var(--white);\r\n      padding-right: 12px;\r\n    }\r\n\r\n    \/* LAYOUT APILADO VERTICALMENTE (Desktop) *\/\r\n    .seccion-container {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8vh; \/* Spacing between Huella, Projects, and Publications *\/\r\n      width: 100%;\r\n    }\r\n\r\n    \/* SUBSECCI\u00d3N COM\u00daN *\/\r\n    .subseccion-bloque {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4vh;\r\n      width: 100%;\r\n    }\r\n\r\n    .subseccion-header {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1.5vh;\r\n    }\r\n\r\n    \/* TIPOGRAF\u00cdAS DE LOS ENCABEZADOS (Alineados a estilos-globales-letras.md - Reducidos) *\/\r\n    .titulo-2 {\r\n      font-size: 2.3vw; \/* Reducido de 2.8vw *\/\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n      color: var(--black);\r\n    }\r\n\r\n    .body-text {\r\n      font-size: 1.1vw; \/* Escala global de Body *\/\r\n      line-height: 1.5;\r\n      font-weight: 400;\r\n      color: var(--text-medium);\r\n    }\r\n\r\n    \/* GRILLAS DE CONTENIDO (Desktop) - 4 columnas en una fila *\/\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    \/* TARJETA DE PROYECTO *\/\r\n    .tarjeta-proyecto {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 2vh;\r\n      width: 100%;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .tarjeta-proyecto:hover {\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .proyecto-img-wrapper {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      background-color: var(--bg-card);\r\n      border: 1px solid var(--border-light);\r\n      border-radius: 12px; \/* Esquinas redondeadas para las im\u00e1genes *\/\r\n      overflow: hidden;\r\n    }\r\n\r\n    .proyecto-img {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    .tarjeta-proyecto:hover .proyecto-img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .proyecto-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1vh;\r\n    }\r\n\r\n    \/* T\u00cdTULO DE TARJETA DE PROYECTO *\/\r\n    .titulo-4 {\r\n      font-size: 0.9vw !important;\r\n      line-height: 1.35 !important;\r\n      font-weight: 700 !important;\r\n      color: var(--black);\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .tarjeta-proyecto:hover .titulo-4 {\r\n      color: var(--color-primary);\r\n    }\r\n\r\n    .proyecto-meta {\r\n      font-size: 0.85vw;\r\n      line-height: 1.4;\r\n      font-weight: 400;\r\n      color: var(--text-medium);\r\n    }\r\n\r\n    \/* TARJETA DE PUBLICACI\u00d3N (Fondo amarillo pastel, bordes redondeados y esquina recortada) *\/\r\n    .tarjeta-publicacion {\r\n      --cutout-size: 44px;\r\n      --cutout-radius: 12px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 2.2vh;\r\n      padding: 3vh 1.8vw 6.5vh 1.8vw; \/* Generous bottom padding to prevent text-button overlap *\/\r\n      border-radius: 16px;                           \/* Bordes redondeados *\/\r\n      width: 100%;\r\n      justify-content: flex-start;\r\n      transition: all 0.3s ease;\r\n      position: relative;                            \/* Posici\u00f3n relativa para el bot\u00f3n y m\u00e1scara *\/\r\n      z-index: 1;\r\n    }\r\n\r\n    .tarjeta-publicacion::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0; bottom: 0;\r\n      background-color: var(--color-yellow-pastel);\r\n      border: 1px solid transparent;\r\n      border-radius: inherit;\r\n      transition: border-color 0.3s ease;\r\n      z-index: -1;\r\n      -webkit-mask:\r\n        linear-gradient(#000, #000) top left \/ 100% calc(100% - var(--cutout-size)) no-repeat,\r\n        linear-gradient(#000, #000) top left \/ calc(100% - var(--cutout-size)) 100% no-repeat,\r\n        radial-gradient(circle at top left, #000 var(--cutout-radius), transparent calc(var(--cutout-radius) + 0.5px)) bottom right \/ var(--cutout-size) var(--cutout-size) no-repeat;\r\n      mask:\r\n        linear-gradient(#000, #000) top left \/ 100% calc(100% - var(--cutout-size)) no-repeat,\r\n        linear-gradient(#000, #000) top left \/ calc(100% - var(--cutout-size)) 100% no-repeat,\r\n        radial-gradient(circle at top left, #000 var(--cutout-radius), transparent calc(var(--cutout-radius) + 0.5px)) bottom right \/ var(--cutout-size) var(--cutout-size) no-repeat;\r\n    }\r\n\r\n    \/* Efecto Hover con color amarillo para la tarjeta de publicaciones (Sin sombra) *\/\r\n    .tarjeta-publicacion:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: none;                  \/* Sin sombra *\/\r\n    }\r\n\r\n    .tarjeta-publicacion:hover::before {\r\n      border-color: var(--color-yellow); \/* Borde amarillo en hover *\/\r\n    }\r\n\r\n    \/* IMAGEN DE LA TARJETA DE PUBLICACI\u00d3N *\/\r\n    .publicacion-img-wrapper {\r\n      width: 100%;\r\n      aspect-ratio: 1 \/ 1;\r\n      overflow: hidden;\r\n      border-radius: 12px;\r\n      position: relative;\r\n      z-index: 2;\r\n      margin-bottom: 0; \/* Restaurado a 0 para incrementar la separaci\u00f3n visual original *\/\r\n    }\r\n\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;\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    .tarjeta-publicacion:hover .publicacion-img {\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    \/* Cabecera flex que agrupa tipo y a\u00f1o de publicaci\u00f3n *\/\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    \/* Contenedor del tipo de publicaci\u00f3n (Fondo levemente m\u00e1s oscuro) *\/\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); \/* Fondo gris oscuro trasl\u00facido muy suave *\/\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    \/* Elemento transparente para dar continuidad al borde en el recorte inferior derecho *\/\r\n    .publicacion-corner-cutout {\r\n      position: absolute;\r\n      bottom: 0;\r\n      right: 0;\r\n      width: var(--cutout-size);\r\n      height: var(--cutout-size);\r\n      background-color: transparent;\r\n      border-top-left-radius: var(--cutout-radius); \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      pointer-events: none;\r\n    }\r\n\r\n    \/* Continuidad del borde en hover por la curva c\u00f3ncava *\/\r\n    .tarjeta-publicacion:hover .publicacion-corner-cutout {\r\n      border-top-color: var(--color-yellow);\r\n      border-left-color: var(--color-yellow);\r\n    }\r\n\r\n    \/* Icono de flecha con bordes redondeados posicionado en el recorte (M\u00e1s peque\u00f1o y pegado) *\/\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);\r\n      border-radius: 8px; \/* S\u00f3lido redondeado m\u00e1s peque\u00f1o *\/\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);\r\n      stroke-width: 2.5;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .tarjeta-publicacion:hover .publicacion-arrow-btn {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .tarjeta-publicacion:hover .publicacion-arrow-btn svg {\r\n      transform: translateX(2px);\r\n    }\r\n\r\n    .titulo-5 {\r\n      font-size: 0.7vw; \/* Tama\u00f1o de texto m\u00e1s peque\u00f1o *\/\r\n      line-height: 1.0;\r\n      font-weight: 600;\r\n      color: var(--text-dark);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.03em;\r\n    }\r\n\r\n    \/* T\u00cdTULO DE TARJETA DE PUBLICACI\u00d3N (M\u00e1s peque\u00f1o y tipograf\u00eda m\u00e1s delgada) *\/\r\n    .publicacion-title {\r\n      font-size: 1.15vw;\r\n      line-height: 1.4;\r\n      font-weight: 500; \/* Letra m\u00e1s delgada *\/\r\n      color: var(--text-dark);\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .publicacion-anio {\r\n      font-size: 0.8vw; \/* A\u00f1o m\u00e1s peque\u00f1o *\/\r\n      line-height: 1.0;\r\n      font-weight: 500;\r\n      color: var(--text-medium);\r\n    }\r\n\r\n    \/* BOTONES CTA PREMIUM (ESTILO GLASSMORPHISM REDONDO ROJO) *\/\r\n    .btn-cta-template {\r\n      --btn-brand-color-rgb: 180, 54, 58; \/* Rojo principal #b4363a *\/\r\n      --btn-text-color: var(--black);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      text-decoration: none;\r\n      color: var(--btn-text-color);\r\n      background: transparent;\r\n      transition: all 0.3s ease;\r\n      cursor: pointer;\r\n      width: fit-content;\r\n      margin-top: 1vh;\r\n    }\r\n\r\n    .btn-cta-template .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.35); \/* Rojo con mayor visibilidad, sin blur *\/\r\n      border-radius: 50%;\r\n      color: var(--btn-text-color);\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    .btn-cta-template .btn-icon svg {\r\n      width: 45%;\r\n      height: 45%;\r\n      stroke: rgb(var(--btn-brand-color-rgb)); \/* Flecha roja sin transparencia *\/\r\n      transition: stroke 0.3s ease;\r\n    }\r\n\r\n    .btn-cta-template .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    .btn-cta-template:hover .btn-icon {\r\n      background-color: rgba(var(--btn-brand-color-rgb), 0.30);\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    .btn-cta-template:hover .btn-text {\r\n      color: rgb(var(--btn-brand-color-rgb));\r\n    }\r\n\r\n    \/* CONTENEDOR HUELLA TEM\u00c1TICA (Ahora de ancho completo, marquee, sticky y glassmorphism azul) *\/\r\n    .col-derecha {\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: 100%;\r\n      padding: 0; \/* Padding manejado internamente para que la marquee toque los bordes *\/\r\n      border: 1px solid rgba(0, 77, 123, 0.1);\r\n      border-radius: 16px;\r\n      background-color: rgba(245, 247, 250, 0.95); \/* Fondo blanquecino-azulado s\u00f3lido\/opaco, sin blur *\/\r\n      box-shadow: 0 8px 32px rgba(0, 77, 123, 0.04);\r\n      overflow: hidden; \/* Recorta la marquee sobre las esquinas redondeadas *\/\r\n    }\r\n\r\n    \/* CONTENEDOR DE LA MARQUEE ANIMADA (T\u00edtulo continuo) *\/\r\n    .huella-marquee-container {\r\n      overflow: hidden;\r\n      width: 100%;\r\n      background-color: transparent;\r\n      padding: 2.5vh 0;\r\n      border-bottom: 1px solid rgba(60, 60, 59, 0.1);\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .huella-marquee-track {\r\n      display: flex;\r\n      align-items: center;\r\n      width: max-content;\r\n      gap: 3vw; \/* Spacing between text spans and icons is identical everywhere *\/\r\n      animation: marquee-scroll 25s linear infinite;\r\n    }\r\n\r\n    .huella-marquee-track span {\r\n      font-family: var(--font-principal);\r\n      font-size: 1.0vw; \/* Frase \"Huella de...\" m\u00e1s peque\u00f1a *\/\r\n      font-weight: 500; \/* Peso m\u00e1s delgado *\/\r\n      color: var(--color-secondary); \/* Azul principal *\/\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em; \/* Incrementado el espaciado entre letras *\/\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .huella-marquee-icon {\r\n      height: 18px !important;\r\n      width: 18px !important;\r\n      min-width: 18px !important;\r\n      object-fit: contain !important;\r\n      display: inline-block !important;\r\n    }\r\n\r\n    @keyframes marquee-scroll {\r\n      0% {\r\n        transform: translateX(0);\r\n      }\r\n      100% {\r\n        transform: translateX(-50%);\r\n      }\r\n    }\r\n\r\n    \/* Dise\u00f1o interno de columna \u00fanica debajo de la marquee *\/\r\n    .huella-content-single {\r\n      width: 100%;\r\n      padding: 3vh 2.5vw 4vh 2.5vw;\r\n    }\r\n\r\n    \/* ENVOLTORIO DE LAS ETIQUETAS DE FILTRO (Limitado a dos l\u00edneas por defecto con transici\u00f3n suave) *\/\r\n    .huella-etiquetas-wrapper {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 0.8vw;\r\n      width: 100%;\r\n      max-height: 11.8vw; \/* Altura escalable para mostrar exactamente cuatro l\u00edneas completas en desktop *\/\r\n      overflow: hidden;\r\n      transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    .huella-etiquetas-wrapper.expanded {\r\n      max-height: 800px; \/* Suficiente altura para mostrar todas las etiquetas de muestra *\/\r\n    }\r\n\r\n    \/* BOT\u00d3N \"VER M\u00c1S +\" PARA MOSTRAR TODAS LAS ETIQUETAS *\/\r\n    .huella-ver-mas-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      background-color: transparent !important;\r\n      border: none;\r\n      color: var(--color-secondary); \/* Azul principal *\/\r\n      font-family: inherit;\r\n      font-size: 0.8vw;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      margin-top: 2vh;\r\n      padding: 0;\r\n      transition: color 0.3s ease, transform 0.2s ease;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .huella-ver-mas-btn:hover {\r\n      color: var(--color-primary); \/* Rojo principal en hover *\/\r\n      background-color: transparent !important;\r\n    }\r\n\r\n    .huella-ver-mas-btn:active {\r\n      transform: scale(0.98);\r\n    }\r\n\r\n    \/* BOT\u00d3N DE ETIQUETA HUELLA (Bordes redondeados c\u00e1psula, letras m\u00e1s peque\u00f1as) *\/\r\n    .huella-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.4vw;\r\n      padding: 0.4vw 0.9vw;\r\n      background-color: var(--white);\r\n      border: 1px solid var(--border-gray);\r\n      color: var(--text-dark);\r\n      font-family: inherit;\r\n      font-size: 0.75vw; \/* Letras m\u00e1s peque\u00f1as *\/\r\n      font-weight: 500;\r\n      border-radius: 50px; \/* Esquinas redondeadas c\u00e1psula *\/\r\n      cursor: pointer;\r\n      transition: all 0.25s ease;\r\n    }\r\n\r\n    \/* Efecto hover amarillo para las etiquetas de Huella Cient\u00edfica *\/\r\n    .huella-btn:hover {\r\n      background-color: var(--white);\r\n      border-color: var(--color-yellow);\r\n      color: var(--color-yellow);\r\n    }\r\n\r\n    \/* GR\u00c1FICO CIRCULAR SVG DENTRO DEL BOT\u00d3N *\/\r\n    .huella-grafico {\r\n      display: block;\r\n      flex-shrink: 0;\r\n      width: 1vw;\r\n      height: 1vw;\r\n    }\r\n\r\n    .huella-grafico-fill {\r\n      stroke: var(--color-yellow); \/* Porci\u00f3n rellena en Amarillo oficial *\/\r\n      transition: stroke 0.25s ease;\r\n    }\r\n\r\n    \/* L\u00cdNEA DE SEPARACI\u00d3N EN COLUMNA IZQUIERDA *\/\r\n    .col-izquierda-separator {\r\n      width: 100%;\r\n      height: 1px;\r\n      background-color: var(--border-light);\r\n    }\r\n\r\n    \/* ----------------------------------------------------\r\n       PUNTOS DE RUPTURA RESPONSIVOS (BREAKPOINTS OFICIALES)\r\n       ---------------------------------------------------- *\/\r\n\r\n    \/* TABLETA: 768px a 1024px *\/\r\n    @media (min-width: 768px) and (max-width: 1024px) {\r\n      .seccion-proyectos-publicaciones {\r\n        padding: 8vh 3vw;\r\n      }\r\n\r\n      .seccion-divider {\r\n        margin-bottom: 5vh;\r\n      }\r\n\r\n      \/* Colapsa y ajusta layout vertical *\/\r\n      .seccion-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 6vh;\r\n      }\r\n\r\n      .col-derecha {\r\n        padding: 0;\r\n      }\r\n\r\n      .huella-content-single {\r\n        padding: 0 4vw 4vh 4vw;\r\n      }\r\n\r\n      .huella-marquee-track span {\r\n        font-size: 1.8vw;\r\n        font-weight: 500;\r\n        letter-spacing: 0.12em;\r\n      }\r\n\r\n      .huella-btn {\r\n        font-size: 1.3vw;\r\n        padding: 0.4rem 0.8rem;\r\n      }\r\n\r\n      .huella-etiquetas-wrapper {\r\n        gap: 1.2vw;\r\n        max-height: 94px; \/* Ajuste para mostrar dos l\u00edneas en Tableta *\/\r\n      }\r\n\r\n      .huella-ver-mas-btn {\r\n        font-size: 1.3vw;\r\n        margin-top: 2vh;\r\n      }\r\n\r\n      \/* Grillas en Tableta *\/\r\n      .grilla-tarjetas {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 3vw;\r\n      }\r\n\r\n      \/* Escalas Tipogr\u00e1ficas para Tableta *\/\r\n      .titulo-2 {\r\n        font-size: 4.2vw;\r\n      }\r\n\r\n      .titulo-3 {\r\n        font-size: 3.3vw;\r\n      }\r\n\r\n      .huella-title-icon {\r\n        height: 20px;\r\n        margin-right: 6px;\r\n      }\r\n\r\n      .titulo-4 {\r\n        font-size: 1.6vw !important;\r\n      }\r\n\r\n      .publicacion-title {\r\n        font-size: 2.0vw;\r\n        font-weight: 500;\r\n      }\r\n\r\n      .titulo-5 {\r\n        font-size: 1.3vw;\r\n      }\r\n\r\n      .body-text {\r\n        font-size: 1.8vw;\r\n      }\r\n\r\n      .publicacion-anio {\r\n        font-size: 1.3vw;\r\n      }\r\n\r\n\r\n      .proyecto-meta {\r\n        font-size: 1.6vw;\r\n      }\r\n\r\n      .huella-btn {\r\n        font-size: 1.6vw;\r\n        padding: 0.5rem 0.8rem;\r\n      }\r\n\r\n      .huella-etiquetas-wrapper {\r\n        gap: 1.2vw;\r\n      }\r\n\r\n      \/* Flecha redondeada y recorte en Tableta *\/\r\n      .tarjeta-publicacion {\r\n        --cutout-size: 42px;\r\n        --cutout-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      .publicacion-badge-icon {\r\n        width: 7px;\r\n        height: 7px;\r\n      }\r\n\r\n      \/* Bot\u00f3n unificado en Tableta *\/\r\n      .btn-cta-template .btn-icon {\r\n        width: 3.8vw;\r\n        height: 3.8vw;\r\n      }\r\n\r\n      .btn-cta-template .btn-text {\r\n        font-size: 1.4vw;\r\n        padding-left: 1.5vw;\r\n      }\r\n    }\r\n\r\n    \/* M\u00d3VIL: 767px o inferior *\/\r\n    @media (max-width: 767px) {\r\n      .seccion-proyectos-publicaciones {\r\n        padding: 24vw 3vw; \/* Padding vertical m\u00ednimo de 24vw en m\u00f3vil *\/\r\n      }\r\n\r\n      .bloque-publicaciones {\r\n        padding-top: 12vw; \/* Espacio adicional para separar bloques en m\u00f3vil *\/\r\n      }\r\n\r\n      .seccion-divider {\r\n        margin-bottom: 8vw;\r\n      }\r\n\r\n      .seccion-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8vw;\r\n      }\r\n\r\n      .col-derecha {\r\n        padding: 0;\r\n      }\r\n\r\n      .huella-content-single {\r\n        padding: 0 5vw 5vw 5vw;\r\n      }\r\n\r\n      .huella-marquee-track span {\r\n        font-size: 3.0vw;\r\n        font-weight: 500;\r\n        letter-spacing: 0.12em;\r\n      }\r\n\r\n      .grilla-tarjetas {\r\n        grid-template-columns: 1fr;\r\n        gap: 6vw;\r\n      }\r\n\r\n      \/* Escalas Tipogr\u00e1ficas para M\u00f3vil *\/\r\n      .titulo-2 {\r\n        font-size: 6.5vw;\r\n      }\r\n\r\n      .titulo-3 {\r\n        font-size: 6.6vw;\r\n      }\r\n\r\n      .huella-title-icon {\r\n        height: 20px;\r\n        margin-right: 6px;\r\n      }\r\n\r\n      .titulo-4 {\r\n        font-size: 4.2vw !important;\r\n      }\r\n\r\n      .publicacion-title {\r\n        font-size: 3.6vw;\r\n        font-weight: 500;\r\n      }\r\n\r\n      .titulo-5 {\r\n        font-size: 2.6vw;\r\n      }\r\n\r\n      .body-text {\r\n        font-size: 3.6vw;\r\n      }\r\n\r\n      .publicacion-anio {\r\n        font-size: 2.6vw;\r\n      }\r\n\r\n\r\n      .proyecto-meta {\r\n        font-size: 3.3vw;\r\n      }\r\n\r\n      .huella-btn {\r\n        font-size: 2.6vw; \/* Aumentado de 2.0vw *\/\r\n        padding: 0.35rem 0.7rem;\r\n        gap: 0.5rem;\r\n      }\r\n\r\n      .huella-grafico {\r\n        width: 14px;\r\n        height: 14px;\r\n      }\r\n\r\n      .huella-etiquetas-wrapper {\r\n        gap: 2vw;\r\n        margin-top: 3vh; \/* Se usa margen en vez de padding para evitar que consuma el max-height *\/\r\n        max-height: 220px; \/* Altura m\u00e1xima para limitar estrictamente a cinco l\u00edneas en m\u00f3vil *\/\r\n      }\r\n\r\n      .huella-ver-mas-btn {\r\n        font-size: 2.5vw;\r\n        margin-top: 2.5vh;\r\n      }\r\n\r\n      \/* Flecha redondeada y recorte en M\u00f3vil *\/\r\n      .tarjeta-publicacion {\r\n        --cutout-size: 38px;\r\n        --cutout-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      .publicacion-badge-icon {\r\n        width: 6px;\r\n        height: 6px;\r\n      }\r\n\r\n      \/* Aumenta el padding lateral de las tarjetas de publicaciones en m\u00f3vil *\/\r\n      .tarjeta-publicacion {\r\n        padding: 4vh 6vw 7vh 6vw;\r\n      }\r\n\r\n      \/* Bot\u00f3n unificado en M\u00f3vil *\/\r\n      .btn-cta-template {\r\n        width: 100%;\r\n      }\r\n\r\n      .btn-cta-template .btn-icon {\r\n        width: 8vw;\r\n        height: 8vw;\r\n      }\r\n\r\n      .btn-cta-template .btn-text {\r\n        font-size: 3.0vw;\r\n        padding-left: 3vw;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n<section id=\"proyectos-publicaciones\" class=\"seccion-proyectos-publicaciones\">\r\n\r\n    <!-- Contenedor estructural del contenido (Layout vertical) -->\r\n    <div class=\"seccion-container\">\r\n\r\n      <!-- Bloque 1: Huella de Investigaciones (Antes \"Huella Cient\u00edfica\" - Ahora arriba y de ancho completo) -->\r\n      <aside class=\"col-derecha\">\r\n        \r\n        <!-- T\u00edtulo animado en formato Marquee -->\r\n        <div class=\"huella-marquee-container\">\r\n          <div class=\"huella-marquee-track\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <!-- Duplicados para ciclo infinito suave -->\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n            <span>Huella de Investigaciones<\/span>\r\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/icon-fingerprint.png\" class=\"huella-marquee-icon\" alt=\"Icono\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Contenido inferior: Solo etiquetas a lo ancho de la pantalla -->\r\n        <div class=\"huella-content-single\">\r\n          <div class=\"huella-etiquetas-wrapper\" id=\"huella-tags-wrapper\">\r\n                                    <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/salud-mental\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"10.2 40\" transform=\"rotate(-90 10 10)\" \/><\/svg>Salud mental<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/sistemas-de-proteccion-de-la-ninez\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"9.4 40.9\" transform=\"rotate(-90 10 10)\" \/><\/svg>Sistemas de protecci\u00f3n de la ni\u00f1ez<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/bienestar\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"7.7 42.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Bienestar<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencia-basada-en-genero\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"7.7 42.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencia basada en g\u00e9nero<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencia-sexual\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"6.8 43.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencia Sexual<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/determinantes-sociales-de-la-salud\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"6 44.3\" transform=\"rotate(-90 10 10)\" \/><\/svg>Determinantes Sociales de la salud<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/investigacion-basada-en-comunidad\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"5.1 45.2\" transform=\"rotate(-90 10 10)\" \/><\/svg>Investigaci\u00f3n basada en comunidad<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/derechos-y-medio-ambiente\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"5.1 45.2\" transform=\"rotate(-90 10 10)\" \/><\/svg>Derechos y medio ambiente<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/adopcion-internacional\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.4 46.9\" transform=\"rotate(-90 10 10)\" \/><\/svg>Adopci\u00f3n Internacional<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/interseccionalidad\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"3.4 46.9\" transform=\"rotate(-90 10 10)\" \/><\/svg>Interseccionalidad<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencia-intima-de-pareja\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"2.6 47.7\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencia \u00edntima de pareja<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencias\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"2.6 47.7\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencias<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/perdida-de-cuidado-parental\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"2.6 47.7\" transform=\"rotate(-90 10 10)\" \/><\/svg>P\u00e9rdida de cuidado parental<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/egreso-del-sistema-de-proteccion\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"2.6 47.7\" transform=\"rotate(-90 10 10)\" \/><\/svg>Egreso del sistema de protecci\u00f3n<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/inclusion-social-exclusion-social\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"2.6 47.7\" transform=\"rotate(-90 10 10)\" \/><\/svg>Inclusi\u00f3n Social\/Exclusi\u00f3n Social<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/derechos-de-la-ninez\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"2.6 47.7\" transform=\"rotate(-90 10 10)\" \/><\/svg>Derechos de la ni\u00f1ez<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/ninez-en-situacion-de-calle\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Ni\u00f1ez en situaci\u00f3n de calle<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/primera-infancia\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Primera Infancia<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/practicas-empresariales\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Pr\u00e1cticas empresariales<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/investigacion-liderada-por-la-ninez-y-adolescencia\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Investigaci\u00f3n liderada por la ni\u00f1ez y adolescencia<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/covid-19\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Covid-19<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/ninez-y-adolescencia\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Ni\u00f1ez y adolescencia<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencia-facilitada-por-la-tecnologia\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"1.7 48.6\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencia facilitada por la tecnolog\u00eda<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/desigualdades-de-salud\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Desigualdades de Salud<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/pueblos-indigena-originarios\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Pueblos \u00edndigena originarios<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/comportamientos-relacionados-con-la-salud\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Comportamientos relacionados con la salud<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/normas-sociales\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Normas sociales<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/incesto\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Incesto<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/conciliacion-entre-la-vida-laboral-y-familiar\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Conciliaci\u00f3n entre la vida laboral y familiar<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/practicas-orientadas-a-las-familias\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Pr\u00e1cticas orientadas a las familias<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/moral-foundations\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Moral foundations<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencia-simbolica\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencia simb\u00f3lica<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/young-adulthood\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Young adulthood<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/politicas-publicas\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Politicas P\u00fablicas<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/equidad-de-genero\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>equidad de g\u00e9nero<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/riesgos-y-oportunidades-del-uso-de-las-tic\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Riesgos y oportunidades del uso de las TIC<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/ninas-y-ninos-en-edad-escolar\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Ni\u00f1as y ni\u00f1os en edad escolar<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/trata-y-delitos-conexos\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Trata y delitos conexos<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/participacion-de-la-ninez\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Participaci\u00f3n de la ni\u00f1ez<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/infanticidio\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Infanticidio<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/continuum-de-violencia\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Continuum de Violencia<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/precariedad\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Precariedad<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/violencia-en-el-contexto-universitario\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Violencia en el contexto universitario<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/origenes\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Origenes<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/representaciones-sociales\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Representaciones sociales<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/proteccion-infantil-familiar\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Protecci\u00f3n infantil familiar<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/participacion-juvenil\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Participaci\u00f3n juvenil<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/desigualdades-en-salud\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Desigualdades en salud<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/sistema-judicial\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Sistema Judicial<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/estudios-postcoloniales\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Estudios postcoloniales<\/a>\r\n                                            <!-- Minified to prevent wpautop spacing issues -->\r\n                      <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/palabra-clave\/parentesco\/\" class=\"huella-btn\" style=\"text-decoration: none;\" title=\"Relevancia: Bajo\"><svg class=\"huella-grafico\" viewBox=\"0 0 20 20\"><circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"3\" \/><circle class=\"huella-grafico-fill\" cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" stroke=\"#fcbf00\" stroke-width=\"3\" stroke-dasharray=\"0.9 49.4\" transform=\"rotate(-90 10 10)\" \/><\/svg>Parentesco<\/a>\r\n                                  <\/div>\r\n            <!-- Bot\u00f3n interactivo Ver M\u00e1s -->\r\n            <button class=\"huella-ver-mas-btn\" id=\"huella-ver-mas-trigger\">Ver M\u00e1s +<\/button>\r\n        <\/div>\r\n      <\/aside>\r\n      \r\n      <!-- Bloque 2: Investigaciones en curso (Ancho completo) -->\r\n      <div class=\"subseccion-bloque\">\r\n        <div class=\"subseccion-header\">\r\n          <h2 class=\"titulo-2\">Investigaciones en curso<\/h2>\r\n          <p class=\"body-text\">Investigamos desde los contextos y junto a sus actores.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Grilla Din\u00e1mica de Tarjetas de Proyecto -->\r\n        <div class=\"grilla-tarjetas\">\r\n                            <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-proyecto\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/pacto-priorizando-la-rendicion-de-cuentas-el-bienestar-infantil-y-la-toma-de-decisiones-sparente-en-observancia-de-la-cdn-alianza-multiactoral-para-transformar-el-sistema-de-eccion-infantil-en-bol\/'\" style=\"cursor: pointer;\"><div class=\"proyecto-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/proy13-1024x682.jpeg\" class=\"proyecto-img\" alt=\"PACTO (Priorizando la rendici\u00f3n de cuentas, el Bienestar Infantil y la toma de decisiones transparente en Observancia de la CDN): Alianza multiactoral para transformar el Sistema de Protecci\u00f3n infantil en Bolivia\" loading=\"lazy\"><\/div><div class=\"proyecto-info\"><h3 class=\"titulo-4\">PACTO (Priorizando la rendici\u00f3n de cuentas, el Bienestar Infantil y la toma de decisiones transparente en Observancia de la CDN): Alianza multiactoral para transformar el Sistema de Protecci\u00f3n infantil en Bolivia<\/h3><p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> de 2025 a 2027<\/p><p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/p><\/div><\/article>\r\n                                    <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-proyecto\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/desarrollo-e-implementacion-de-un-mecanismo-de-articulacion-interinstitucional-entre-el-proyecto-team-mentes-resilientes-futuros-sostenibles-y-el-programa-bolivia-salud-v\/'\" style=\"cursor: pointer;\"><div class=\"proyecto-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" class=\"proyecto-img\" alt=\"Desarrollo e implementaci\u00f3n de un mecanismo de articulaci\u00f3n interinstitucional entre el Proyecto TEAM \u201cMentes resilientes, futuros sostenibles\u201d y el Programa \u201cBolivia Salud &#8211; Vida Sana Sin Violencia\u201d\" loading=\"lazy\"><\/div><div class=\"proyecto-info\"><h3 class=\"titulo-4\">Desarrollo e implementaci\u00f3n de un mecanismo de articulaci\u00f3n interinstitucional entre el Proyecto TEAM \u201cMentes resilientes, futuros sostenibles\u201d y el Programa \u201cBolivia Salud &#8211; Vida Sana Sin Violencia\u201d<\/h3><p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2025 - 2027<\/p><p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Salud, bienestar y contextos socioambientales<\/p><\/div><\/article>\r\n                                    <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-proyecto\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/tramas-simbolicas-de-la-violencia-sexual-esquemas-perceptuales-y-valorativos-de-mujeres-bolivianas\/'\" style=\"cursor: pointer;\"><div class=\"proyecto-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" class=\"proyecto-img\" alt=\"Tramas simb\u00f3licas de la violencia sexual. Esquemas perceptuales y valorativos de mujeres bolivianas\" loading=\"lazy\"><\/div><div class=\"proyecto-info\"><h3 class=\"titulo-4\">Tramas simb\u00f3licas de la violencia sexual. Esquemas perceptuales y valorativos de mujeres bolivianas<\/h3><p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> 2022-2026<\/p><p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Tramas y formas de la violencia<\/p><\/div><\/article>\r\n                                    <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-proyecto\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/investigaciones\/bienestar-y-salud-mental-en-ninas-y-ninos-diagnosticos-para-la-mejora-de-la-cooperacion-andaluza-en-la-implementacion-de-calidad-de-politicas-publicas-en-salud-mental-de-la-infancia-en-andalucia-y-bo\/'\" style=\"cursor: pointer;\"><div class=\"proyecto-img-wrapper\"><img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/08\/Thumb-IICC-Tarjetas.jpg\" class=\"proyecto-img\" alt=\"Bienestar y salud mental en ni\u00f1as y ni\u00f1os: Diagn\u00f3sticos para la mejora de la cooperaci\u00f3n andaluza en la implementaci\u00f3n de calidad de pol\u00edticas p\u00fablicas en salud mental de la infancia en Andaluc\u00eda y Bolivia\" loading=\"lazy\"><\/div><div class=\"proyecto-info\"><h3 class=\"titulo-4\">Bienestar y salud mental en ni\u00f1as y ni\u00f1os: Diagn\u00f3sticos para la mejora de la cooperaci\u00f3n andaluza en la implementaci\u00f3n de calidad de pol\u00edticas p\u00fablicas en salud mental de la infancia en Andaluc\u00eda y Bolivia<\/h3><p class=\"proyecto-meta\"><strong>Duraci\u00f3n:<\/strong> julio 2026 a septiembre 2027<\/p><p class=\"proyecto-meta\"><strong>L\u00ednea de investigaci\u00f3n:<\/strong> Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia<\/p><\/div><\/article>\r\n                          <\/div>\r\n\r\n        <!-- Bot\u00f3n de Navegaci\u00f3n del Cat\u00e1logo CTA Unificado -->\r\n        <a href=\"\/iicc\/investigaciones-en-curso\/\" class=\"btn-cta-template\">\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 todas las investigaciones<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Bloque 3: Publicaciones (Ancho completo) -->\r\n      <div class=\"subseccion-bloque bloque-publicaciones\">\r\n        <div class=\"subseccion-header\">\r\n          <h2 class=\"titulo-2\">Publicaciones<\/h2>\r\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>\r\n        <\/div>\r\n\r\n        <!-- Grilla Din\u00e1mica de Tarjetas de Publicaci\u00f3n -->\r\n        <div class=\"grilla-tarjetas\">\r\n                            <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-publicacion\" onclick=\"window.location.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\/'\" style=\"cursor: pointer;\"><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=\"https:\/\/klz.rgg.mybluehost.me\/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\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article>\r\n                                    <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-publicacion\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/street-children-and-social-media-identity-construction-in-the-digital-age\/'\" style=\"cursor: pointer;\"><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=\"https:\/\/klz.rgg.mybluehost.me\/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\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article>\r\n                                    <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-publicacion\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/percepciones-sobre-la-violencia-contra-la-ninez-y-la-adolescencia-en-bolivia-una-vision-sistemica\/'\" style=\"cursor: pointer;\"><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=\"https:\/\/klz.rgg.mybluehost.me\/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\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article>\r\n                                    <!-- Minified to prevent wpautop extra spacing -->\r\n                  <article class=\"tarjeta-publicacion\" onclick=\"window.location.href='https:\/\/www.ucb.edu.bo\/iicc\/publicacion\/espejos-en-conflicto-representaciones-sociales-de-la-violencia-en-el-entorno-universitario\/'\" style=\"cursor: pointer;\"><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=\"https:\/\/klz.rgg.mybluehost.me\/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\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div><\/article>\r\n                          <\/div>\r\n\r\n        <!-- Bot\u00f3n de Navegaci\u00f3n del Repositorio CTA Unificado -->\r\n        <a href=\"\/iicc\/publicaciones\/\" class=\"btn-cta-template\">\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 todas las publicaciones<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const wrapper = document.getElementById('huella-tags-wrapper');\r\n      const trigger = document.getElementById('huella-ver-mas-trigger');\r\n      \r\n      if (wrapper && trigger) {\r\n        trigger.addEventListener('click', () => {\r\n          const isExpanded = wrapper.classList.toggle('expanded');\r\n          trigger.textContent = isExpanded ? 'Ver Menos -' : 'Ver M\u00e1s +';\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<div class=\"elementor-element elementor-element-6976b30 e-flex e-con-boxed e-con e-parent\" data-id=\"6976b30\" 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-d6f49c6 elementor-widget elementor-widget-shortcode\" data-id=\"d6f49c6\" 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    \/* AISLAMIENTO CSS PARA ESCENARIO B *\/\r\n    #iicc-inicio-seccion-6-custom {\r\n      --font-principal: 'Montserrat', sans-serif;\r\n      \r\n      --bg-light: #ffffff;\r\n      --bg-card: #f9f9f9;\r\n      --text-dark: #3C3C3B;\r\n      --text-medium: #666666;\r\n      --text-light: #888888;\r\n      \r\n      --color-primary: #b4363a;\r\n      --color-secondary: #004d7b;\r\n      --color-yellow: #fcbf00;\r\n      \r\n      --border-gray: #cccccc;\r\n      --border-light: #e0e0e0;\r\n      --black: #000000;\r\n      --white: #ffffff;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N *\/\r\n    #iicc-inicio-seccion-6-custom .seccion-actualidad {\r\n      position: relative;\r\n      width: 100vw;\r\n      padding: 8vh 3vw;\r\n      background-color: transparent;\r\n      display: flex;\r\n      flex-direction: column;\r\n      font-family: var(--font-principal);\r\n    }\r\n\r\n    \/* CABECERA DE LA SECCI\u00d3N *\/\r\n    #iicc-inicio-seccion-6-custom .seccion-header {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1.5vh;\r\n      margin-bottom: 5vh;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .titulo-2 {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 2.8vw;\r\n      line-height: 1.25;\r\n      font-weight: 700;\r\n      color: var(--black);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .body-text {\r\n      font-size: 1.1vw;\r\n      line-height: 1.5;\r\n      font-weight: 400;\r\n      color: var(--text-medium);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .puente-link {\r\n      color: inherit;\r\n      text-decoration: underline;\r\n      font-weight: 600;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .puente-link:hover {\r\n      color: var(--color-primary);\r\n    }\r\n\r\n    \/* LAYOUT DOS COLUMNAS *\/\r\n    #iicc-inicio-seccion-6-custom .layout-dos-columnas {\r\n      display: grid;\r\n      grid-template-columns: 3fr 1fr;\r\n      gap: 3vw;\r\n      width: 100%;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .columna-noticias {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    \/* GRILLA DE TARJETAS (3 columnas en desktop) *\/\r\n    #iicc-inicio-seccion-6-custom .grilla-noticias {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1.5vw;\r\n      width: 100%;\r\n      margin-bottom: 5vh;\r\n    }\r\n\r\n    \/* COLUMNA BLOG SIDEBAR *\/\r\n    #iicc-inicio-seccion-6-custom .columna-blog {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 3vh;\r\n      padding: 2.5vw;\r\n      background-color: var(--bg-card);\r\n      border: 1px solid var(--border-light);\r\n      border-radius: 8px;\r\n      height: fit-content;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .blog-logo {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n    }\r\n\r\n    \/* TARJETA DE NOTICIA *\/\r\n    #iicc-inicio-seccion-6-custom .tarjeta-noticia {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 2vh;\r\n      width: 100%;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .tarjeta-noticia:hover {\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .noticia-img-wrapper {\r\n      position: relative;\r\n      width: 100%;\r\n      aspect-ratio: 16 \/ 9;\r\n      background-color: var(--bg-card);\r\n      border: 1px solid var(--border-light);\r\n      overflow: hidden;\r\n      border-radius: 8px;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .noticia-img {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      transition: transform 0.5s ease;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .tarjeta-noticia:hover .noticia-img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .noticia-info {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1.2vh;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .titulo-4 {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 1.4vw;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n      color: var(--black);\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .tarjeta-noticia:hover .titulo-4 {\r\n      color: var(--color-primary);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .noticia-fecha {\r\n      font-size: 0.85vw;\r\n      line-height: 1.4;\r\n      font-weight: 400;\r\n      color: var(--text-medium);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .noticia-enlace {\r\n      font-size: 0.85vw;\r\n      line-height: 1.4;\r\n      font-weight: 500;\r\n      color: var(--black);\r\n      text-decoration: underline;\r\n      text-underline-offset: 4px;\r\n      transition: color 0.3s ease;\r\n      width: fit-content;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .noticia-enlace:hover {\r\n      color: var(--color-primary);\r\n    }\r\n\r\n    \/* BOTONES CTA PREMIUM *\/\r\n    #iicc-inicio-seccion-6-custom .btn-cta-template {\r\n      --btn-brand-color-rgb: 0, 77, 123;\r\n      --btn-text-color: var(--black);\r\n      display: inline-flex;\r\n      align-items: center;\r\n      text-decoration: none;\r\n      color: var(--btn-text-color);\r\n      background: transparent;\r\n      transition: all 0.3s ease;\r\n      cursor: pointer;\r\n      width: fit-content;\r\n      margin-top: 1vh;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .btn-cta-template .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.55);\r\n      border-radius: 50%;\r\n      color: var(--btn-text-color);\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-inicio-seccion-6-custom .btn-cta-template .btn-icon svg {\r\n      width: 45%;\r\n      height: 45%;\r\n      stroke: #ffffff;\r\n      transition: stroke 0.3s ease;\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .btn-cta-template .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-inicio-seccion-6-custom .btn-cta-template:hover .btn-icon {\r\n      background-color: rgba(var(--btn-brand-color-rgb), 0.75);\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    #iicc-inicio-seccion-6-custom .btn-cta-template:hover .btn-text {\r\n      color: rgb(var(--btn-brand-color-rgb));\r\n    }\r\n\r\n    \/* TABLETA: 768px a 1024px *\/\r\n    @media (min-width: 768px) and (max-width: 1024px) {\r\n      #iicc-inicio-seccion-6-custom .seccion-actualidad { padding: 8vh 3vw; }\r\n      #iicc-inicio-seccion-6-custom .layout-dos-columnas { grid-template-columns: 1fr; gap: 5vh; }\r\n      #iicc-inicio-seccion-6-custom .columna-blog { padding: 4vw; }\r\n      #iicc-inicio-seccion-6-custom .grilla-noticias { grid-template-columns: repeat(2, 1fr); gap: 3vw; }\r\n      #iicc-inicio-seccion-6-custom .titulo-2 { font-size: 5.0vw; }\r\n      #iicc-inicio-seccion-6-custom .titulo-4 { font-size: 2.2vw; }\r\n      #iicc-inicio-seccion-6-custom .body-text, \r\n      #iicc-inicio-seccion-6-custom .noticia-fecha, \r\n      #iicc-inicio-seccion-6-custom .noticia-enlace { font-size: 1.8vw; }\r\n      #iicc-inicio-seccion-6-custom .btn-cta-template .btn-icon { width: 3.8vw; height: 3.8vw; }\r\n      #iicc-inicio-seccion-6-custom .btn-cta-template .btn-text { font-size: 1.4vw; padding-left: 1.5vw; }\r\n    }\r\n\r\n    \/* M\u00d3VIL: 767px o inferior *\/\r\n    @media (max-width: 767px) {\r\n      #iicc-inicio-seccion-6-custom .seccion-actualidad { padding: 24vw 3vw; }\r\n      #iicc-inicio-seccion-6-custom .layout-dos-columnas { grid-template-columns: 1fr; gap: 15vw; }\r\n      #iicc-inicio-seccion-6-custom .columna-blog { padding: 6vw; }\r\n      #iicc-inicio-seccion-6-custom .grilla-noticias { grid-template-columns: 1fr; gap: 8vw; }\r\n      #iicc-inicio-seccion-6-custom .titulo-2 { font-size: 7.5vw; }\r\n      #iicc-inicio-seccion-6-custom .titulo-4 { font-size: 4.2vw; }\r\n      #iicc-inicio-seccion-6-custom .body-text, \r\n      #iicc-inicio-seccion-6-custom .noticia-fecha, \r\n      #iicc-inicio-seccion-6-custom .noticia-enlace { font-size: 3.6vw; }\r\n      #iicc-inicio-seccion-6-custom .btn-cta-template { width: 100%; }\r\n      #iicc-inicio-seccion-6-custom .btn-cta-template .btn-icon { width: 8vw; height: 8vw; }\r\n      #iicc-inicio-seccion-6-custom .btn-cta-template .btn-text { font-size: 3.0vw; padding-left: 3vw; }\r\n    }\r\n    <\/style>\r\n\r\n    <div id=\"iicc-inicio-seccion-6-custom\">\r\n        <section id=\"actualidad\" class=\"seccion-actualidad\">\r\n\r\n            <!-- Cabecera de la secci\u00f3n -->\r\n            <div class=\"seccion-header\">\r\n                <h2 class=\"titulo-2\">Noticias<\/h2>\r\n                <p class=\"body-text\">Generamos conocimiento, lo movilizamos y ampliamos su alcance.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"layout-dos-columnas\">\r\n                \r\n                <!-- Columna Izquierda: Noticias -->\r\n                <div class=\"columna-noticias\">\r\n                    <div class=\"grilla-noticias\">\r\n                                                        <article class=\"tarjeta-noticia\">\r\n                                    <div class=\"noticia-img-wrapper\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-07-at-13.16.19-1.jpeg\" class=\"noticia-img\" alt=\"Proyecto sobre normas sociales concluye trabajo de campo en siete territorios de Santa Cruz\" loading=\"lazy\">\r\n                                    <\/div>\r\n                                    <div class=\"noticia-info\">\r\n                                        <h3 class=\"titulo-4\">Proyecto sobre normas sociales concluye trabajo de campo en siete territorios de Santa Cruz<\/h3>\r\n                                        <time class=\"noticia-fecha\" datetime=\"2026-09-11\">11 de septiembre de 2026<\/time>\r\n                                        <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/noticias\/proyecto-sobre-normas-sociales-concluye-trabajo-de-campo-en-siete-territorios-de-santa-cruz\/\" class=\"noticia-enlace\">Leer noticia completa<\/a>\r\n                                    <\/div>\r\n                                <\/article>\r\n                                                                <article class=\"tarjeta-noticia\">\r\n                                    <div class=\"noticia-img-wrapper\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/09\/Congreso-de-Resiliencias-frente-a-la-Crisis-Climatica.jpeg\" class=\"noticia-img\" alt=\"Mentes resilientes, futuros sostenibles presente en el III Congreso de Resiliencias frente a la Crisis Clim\u00e1tica\" loading=\"lazy\">\r\n                                    <\/div>\r\n                                    <div class=\"noticia-info\">\r\n                                        <h3 class=\"titulo-4\">Mentes resilientes, futuros sostenibles presente en el III Congreso de Resiliencias frente a la Crisis Clim\u00e1tica<\/h3>\r\n                                        <time class=\"noticia-fecha\" datetime=\"2026-09-07\">07 de septiembre de 2026<\/time>\r\n                                        <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/noticias\/mentes-resilientes-futuros-sostenibles-presente-en-el-iii-congreso-de-resiliencias-frente-a-la-crisis-climatica\/\" class=\"noticia-enlace\">Leer noticia completa<\/a>\r\n                                    <\/div>\r\n                                <\/article>\r\n                                                                <article class=\"tarjeta-noticia\">\r\n                                    <div class=\"noticia-img-wrapper\">\r\n                                        <img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/712623462_1594788529315707_4231788685995808580_n.jpg\" class=\"noticia-img\" alt=\"Los rostros de la violencia en Bolivia: un espacio de reflexi\u00f3n y di\u00e1logo\" loading=\"lazy\">\r\n                                    <\/div>\r\n                                    <div class=\"noticia-info\">\r\n                                        <h3 class=\"titulo-4\">Los rostros de la violencia en Bolivia: un espacio de reflexi\u00f3n y di\u00e1logo<\/h3>\r\n                                        <time class=\"noticia-fecha\" datetime=\"2026-06-02\">02 de junio de 2026<\/time>\r\n                                        <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/noticias\/los-rostros-de-la-violencia-en-bolivia-un-espacio-de-reflexion-y-dialogo\/\" class=\"noticia-enlace\">Leer noticia completa<\/a>\r\n                                    <\/div>\r\n                                <\/article>\r\n                                                    <\/div>\r\n\r\n                    <!-- Bot\u00f3n de Navegaci\u00f3n del Repositorio CTA Unificado -->\r\n                    <a href=\"\/iicc\/noticias\" class=\"btn-cta-template\">\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 todas las noticias<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <!-- Columna Derecha: Blog -->\r\n                <aside class=\"columna-blog\">\r\n                    <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/EL-PUENTE-LOGO-03-scaled.png\" alt=\"Logo El Puente Blog del IICC\" class=\"blog-logo\" loading=\"lazy\">\r\n                    <p class=\"body-text\">El <a href=\"https:\/\/www.ucb.edu.bo\/iicc\/blog\" class=\"puente-link\">Puente<\/a> es el nuevo espacio de an\u00e1lisis, opini\u00f3n y di\u00e1logo p\u00fablico del IICC.<\/p>\r\n                    <a href=\"\/iicc\/blog\" class=\"btn-cta-template\">\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\">Leer el Blog<\/span>\r\n                    <\/a>\r\n                <\/aside>\r\n\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\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-235b62e e-flex e-con-boxed e-con e-parent\" data-id=\"235b62e\" 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-02c3a40 elementor-widget elementor-widget-html\" data-id=\"02c3a40\" 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>Inicio - Secci\u00f3n 7 (Voces Aliadas)<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O CORPORATIVO *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      --bg-section: #f5f5f5;\n      --bg-card: #ffffff;\n      --text-dark: #000000;\n      --text-muted: #666666;\n      --text-body: #3C3C3B;\n      --border-light: #cccccc;\n      --white: #ffffff;\n      --black: #000000;\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: transparent;\n      color: var(--text-dark);\n      overflow-x: hidden;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N *\/\n    .testimonios-section {\n      position: relative;\n      width: 100%;\n      \/* min-height removido para evitar gaps *\/\n      padding: 12vh 3vw;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      border-bottom: 1px solid var(--border-light);\n      overflow: hidden;\n    }\n\n    \n    \/* WIDGET DE FONDO DE GRADIENTE ANIMADO *\/\n    #iicc-fondo-gradiente-pastel {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      z-index: 0; \n      pointer-events: none; \n      background-color: #ffffff;\n    }\n\n    #iicc-fondo-gradiente-pastel .pastel-gradient-bg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    #iicc-fondo-gradiente-pastel .pastel-gradients-container {\n      width: 100%;\n      height: 100%;\n      filter: url(#liquid-distortion-pastel) blur(40px) saturate(1.4);\n      position: relative;\n    }\n\n    #iicc-fondo-gradiente-pastel .pg1 {\n      position: absolute;\n      background: radial-gradient(circle at center, rgba(180, 54, 58, 0.08) 0%, rgba(180, 54, 58, 0) 65%) no-repeat;\n      width: 70vw;\n      height: 70vw;\n      top: -10vw;\n      left: -10vw;\n      transform-origin: center center;\n      animation: moveVerticalPastel 9s ease-in-out infinite alternate;\n    }\n\n    #iicc-fondo-gradiente-pastel .pg2 {\n      position: absolute;\n      background: radial-gradient(circle at center, rgba(252, 191, 0, 0.2) 0%, rgba(252, 191, 0, 0) 65%) no-repeat;\n      width: 80vw;\n      height: 80vw;\n      top: -5vw;\n      right: -10vw;\n      transform-origin: calc(50% - 20vw) calc(50% + 20vw);\n      animation: moveInCirclePastel 12s reverse infinite;\n    }\n\n    #iicc-fondo-gradiente-pastel .pg3 {\n      position: absolute;\n      background: radial-gradient(circle at center, rgba(0, 77, 123, 0.08) 0%, rgba(0, 77, 123, 0) 65%) no-repeat;\n      width: 75vw;\n      height: 75vw;\n      bottom: -15vw;\n      left: -5vw;\n      transform-origin: calc(50% + 20vw) calc(50% - 20vw);\n      animation: moveHorizontalPastel 14s ease-in-out infinite alternate;\n    }\n\n    #iicc-fondo-gradiente-pastel .pg4 {\n      position: absolute;\n      background: radial-gradient(circle at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 70%) no-repeat;\n      width: 90vw;\n      height: 90vw;\n      bottom: -10vw;\n      right: -5vw;\n      transform-origin: center center;\n      animation: moveInCirclePastel 11s linear infinite;\n      z-index: 1;\n    }\n\n    #iicc-fondo-gradiente-pastel .pastel-veil {\n      position: absolute;\n      inset: 0;\n      background: rgba(255, 255, 255, 0.2); \n      z-index: 2;\n      pointer-events: none;\n    }\n\n    @keyframes moveInCirclePastel {\n      0% { transform: rotate(0deg); }\n      50% { transform: rotate(180deg) scale(1.15); }\n      100% { transform: rotate(360deg); }\n    }\n\n    @keyframes moveVerticalPastel {\n      0% { transform: translateY(0) scale(1); }\n      100% { transform: translateY(20vh) scale(1.1); }\n    }\n\n    @keyframes moveHorizontalPastel {\n      0% { transform: translateX(0) scale(1); }\n      100% { transform: translateX(20vw) scale(1.15) translateY(-8vh); }\n    }\n\n    \/* CONTENEDOR DE CONTENIDO (GRID PRINCIPAL DE 2 COLUMNAS) *\/\n\n    .testimonios-container {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      display: grid;\n      grid-template-columns: 26vw 60vw;\n      column-gap: 8vw;\n      align-items: start;\n    }\n\n    .testimonios-header-block {\n      display: flex;\n      flex-direction: column;\n      gap: 0.3vh;\n    }\n\n    .titulo-2 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 2.6vw;\n      line-height: 1.3;\n      font-weight: 700;\n      color: var(--text-dark);\n    }\n\n    .subtitulo {\n      font-size: 1.1vw;\n      line-height: 1.5;\n      color: var(--brand-blue);\n      font-weight: 400;\n    }\n\n    \/* TARJETA INDIVIDUAL DE TESTIMONIO *\/\n    .testimonio-card {\n      background-color: rgba(255, 255, 255, 0.95);\n      border: 1px solid var(--border-light);\n      border-radius: 16px;\n      box-shadow: none;\n      padding: 2.5vw;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      gap: 4vh;\n      margin: 0;\n      min-height: 50vh; \n    }\n\n    .card-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n    }\n\n    .testimonio-logo-container {\n      width: 8vw;\n      height: 3.5vw;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      flex-shrink: 0;\n    }\n\n    .testimonio-logo {\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain;\n    }\n\n    \/* CORRECCI\u00d3N 2: FOTOS HOMOG\u00c9NEAS CON ESQUINAS REDONDEADAS *\/\n    #testimonios .testimonio-foto {\n      width: 5.5vw !important;\n      height: 5.5vw !important;\n      border-radius: 500px !important;\n      aspect-ratio: 1 \/ 1 !important;\n      object-fit: cover !important;\n      border: 2px solid var(--white) !important;\n      box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;\n      flex-shrink: 0 !important;\n    }\n    \n    .carousel-container {\n      min-width: 0;\n      width: 100%;\n    }\n    .carousel-viewport {\n      width: 100%;\n      overflow: hidden;\n      position: relative;\n    }\n    \n    \/* CORRECCI\u00d3N 1: CARRUSEL FLUIDO NATIVO *\/\n    .testimonios-track {\n      display: flex;\n      transition: transform 0.6s ease-in-out;\n      \/* Ya no limitamos el width al 100% para que las tarjetas no se compriman *\/\n    }\n    .testimonios-track .testimonio-card {\n      flex: 0 0 calc((100% - 4vw) \/ 2); \/* 2 tarjetas exactas *\/\n      margin-right: 4vw !important;\n    }\n    .testimonios-track .testimonio-card:last-child {\n      margin-right: 0;\n    }\n    \n    .carousel-dots {\n      display: flex;\n      justify-content: flex-end;\n      gap: 0.8vw;\n      margin-top: 2vh;\n      padding-right: 1vw;\n    }\n    .carousel-dot {\n      width: 0.6vw;\n      height: 0.6vw;\n      border-radius: 50%;\n      background-color: var(--border-light);\n      cursor: pointer;\n      transition: background-color 0.3s ease;\n    }\n    .carousel-dot.active {\n      background-color: var(--brand-blue);\n    }\n\n    \/* CORRECCI\u00d3N 3: REDUCCI\u00d3N DE LETRA EN P\u00c1RRAFOS *\/\n    .testimonio-cita {\n      font-size: 0.8vw; \/* Letra reducida y limpia *\/\n      line-height: 1.55;\n      color: var(--text-body);\n      font-style: normal;\n      font-weight: 400;\n      margin: 0;\n      padding: 0;\n      border-left: none;\n      flex-grow: 1;\n    }\n\n    .testimonio-autor {\n      display: flex;\n      flex-direction: column;\n      gap: 0.5vh;\n      margin: 0;\n    }\n\n    .autor-nombre {\n      font-size: 1.2vw; \n      font-weight: 700;\n      color: var(--brand-blue);\n    }\n\n    .autor-cargo {\n      font-size: 0.95vw; \n      line-height: 1.4;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .testimonios-section { padding: 8vh 3vw; }\n      .testimonios-container {\n        grid-template-columns: 1fr;\n        row-gap: 5vh;\n      }\n      .titulo-2 { font-size: 5.0vw; }\n      .testimonio-card { padding: 3vw; gap: 3vh; }\n      .testimonio-logo-container { width: 12vw; height: 4.8vw; }\n      #testimonios .testimonio-foto { width: 7vw !important; height: 7vw !important; border-radius: 500px !important; }\n      .carousel-dots { gap: 1vw; }\n      .carousel-dot {\n        width: 0.8vw;\n        height: 0.8vw;\n      }\n      .testimonio-cita { font-size: 1.3vw; }\n      .autor-nombre { font-size: 1.8vw; }\n      .autor-cargo { font-size: 1.6vw; }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .testimonios-section { padding: 16vh 3vw; }\n      .testimonios-container {\n        grid-template-columns: 1fr;\n        row-gap: 6vh;\n      }\n      .titulo-2 { font-size: 7.0vw; }\n      \n      \/* CORRECCI\u00d3N 4: ANCHO DE TARJETAS M\u00d3VIL *\/\n      .testimonio-card {\n        padding: 6vw;\n        gap: 4vh;\n        min-height: auto;\n      }\n      .testimonios-track {\n        \/* Removemos width: 100% que comprim\u00eda las tarjetas *\/\n      }\n      .testimonios-track .testimonio-card {\n        flex: 0 0 100% !important;\n        margin-right: 0 !important;\n      }\n      \n      .carousel-dots { gap: 2vw; justify-content: center; }\n      .carousel-dot {\n        width: 1.5vw;\n        height: 1.5vw;\n      }\n      .testimonio-logo-container { width: 35vw; height: 12vw; }\n      #testimonios .testimonio-foto { width: 16vw !important; height: 16vw !important; border-radius: 500px !important; }\n      \n      #iicc-fondo-gradiente-pastel .pg1,\n      #iicc-fondo-gradiente-pastel .pg2,\n      #iicc-fondo-gradiente-pastel .pg3,\n      #iicc-fondo-gradiente-pastel .pg4 {\n        width: 140vw;\n        height: 140vw;\n      }\n      .testimonio-cita { font-size: 2.8vw; }\n\n      .autor-nombre { font-size: 3.8vw; }\n      .autor-cargo { font-size: 3.2vw; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <section id=\"testimonios\" class=\"testimonios-section\">\n    \n    <div id=\"iicc-fondo-gradiente-pastel\" aria-hidden=\"true\">\n      <div class=\"pastel-gradient-bg\">\n        <div class=\"pastel-gradients-container\">\n          <div class=\"pg1\"><\/div>\n          <div class=\"pg2\"><\/div>\n          <div class=\"pg3\"><\/div>\n          <div class=\"pg4\"><\/div>\n        <\/div>\n        <div class=\"pastel-veil\"><\/div>\n      <\/div>\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none; position: absolute; width: 0; height: 0;\">\n        <defs>\n          <filter id=\"liquid-distortion-pastel\">\n            <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.012 0.008\" numOctaves=\"3\" result=\"noise\" \/>\n            <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"60\" xChannelSelector=\"R\" yChannelSelector=\"G\" \/>\n          <\/filter>\n        <\/defs>\n      <\/svg>\n    <\/div>\n\n\n    <div class=\"testimonios-container\">\n      <div class=\"testimonios-header-block\">\n        <h2 class=\"titulo-2\">Voces aliadas<\/h2>\n      <\/div>\n\n      <div class=\"carousel-container\">\n        <div class=\"carousel-viewport\" id=\"testimonios-viewport\">\n          <div class=\"testimonios-track\" id=\"testimonios-track\">\n\n          <figure class=\"testimonio-card\">\n            <div class=\"card-header\">\n              <div class=\"testimonio-logo-container\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Logo-Cooperacion-de-Lovaina.jpeg\" class=\"testimonio-logo\" alt=\"Logo Daniel Perez Cueto\" \/>\n              <\/div>\n              <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/0-1-s7-Daniel.jpeg\" class=\"testimonio-foto\" alt=\"Foto Daniel Perez Cueto\" \/>\n            <\/div>\n            <blockquote class=\"testimonio-cita\">\n              \"Con el IICC tenemos una colaboraci\u00f3n fruct\u00edfera, de compartir objetivos, de integrar efectivamente la academia y la pr\u00e1ctica profesional, de comprender y construir conjuntamente propuestas innovadoras.\"\n            <\/blockquote>\n            <figcaption class=\"testimonio-autor\">\n              <span class=\"autor-nombre\">Daniel Perez Cueto<\/span>\n              <span class=\"autor-cargo\">Director, Oficina de Coordinaci\u00f3n Regional Am\u00e9rica Andina, Cooperaci\u00f3n de Lovaina<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"testimonio-card\">\n            <div class=\"card-header\">\n              <div class=\"testimonio-logo-container\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/Logo-Save-the-children.png\" class=\"testimonio-logo\" alt=\"Logo Jimena Tito Rosquellas\" \/>\n              <\/div>\n              <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/0-2-s7-jimena.jpeg\" class=\"testimonio-foto\" alt=\"Foto Jimena Tito Rosquellas\" \/>\n            <\/div>\n            <blockquote class=\"testimonio-cita\">\n              \"Mi colaboraci\u00f3n con el Instituto de Ciencias del Comportamiento ha sido enriquecedora, con investigaciones sobre incesto y TICs en adolescentes que generan evidencia clave para pol\u00edticas p\u00fablicas. Nuestro trabajo conjunto, basado en metodolog\u00edas innovadoras, contribuye a la protecci\u00f3n de la ni\u00f1ez y promueve un cambio duradero.\"\n            <\/blockquote>\n            <figcaption class=\"testimonio-autor\">\n              <span class=\"autor-nombre\">Jimena Tito Rosquellas<\/span>\n              <span class=\"autor-cargo\">Experta Tem\u00e1tica en Protecci\u00f3n de la ni\u00f1ez y Gobernanza, Save the Children<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"testimonio-card\">\n            <div class=\"card-header\">\n              <div class=\"testimonio-logo-container\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/1-s7-logo.jpeg\" class=\"testimonio-logo\" alt=\"Logo Lorenzo Marfisi\" \/>\n              <\/div>\n              <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/1-s7-LORENZO-MARFISI.jpeg\" class=\"testimonio-foto\" alt=\"Foto Lorenzo Marfisi\" \/>\n            <\/div>\n            <blockquote class=\"testimonio-cita\">\n              \"El IICC representa para Save the Children un socio particularmente importante en cuanto al \u00fanico que nos ha permitido elaborar conjuntamente y bajo una modalidad de asocio equitativo evidencia muy valiosa en tem\u00e1ticas importantes que necesitaban ser develadas...\"\n            <\/blockquote>\n            <figcaption class=\"testimonio-autor\">\n              <span class=\"autor-nombre\">Lorenzo Marfisi<\/span>\n              <span class=\"autor-cargo\">Director de Calidad de Programas de Save the Children<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"testimonio-card\">\n            <div class=\"card-header\">\n              <div class=\"testimonio-logo-container\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/2-s7-logo.jpeg\" class=\"testimonio-logo\" alt=\"Logo Pablo Salazar Canelos\" \/>\n              <\/div>\n              <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/2-s7-PABLO-SALAZAR.jpeg\" class=\"testimonio-foto\" alt=\"Foto Pablo Salazar Canelos\" \/>\n            <\/div>\n            <blockquote class=\"testimonio-cita\">\n              \"La alianza estrat\u00e9gica existente entre el IICC y el UNFPA en Bolivia, ha permitido contar con evidencia de alta calidad t\u00e9cnica en la investigaci\u00f3n 'Pr\u00e1cticas culturales y normas sociales que limitan el acceso a una vida libre de violencia', y su divulgaci\u00f3n nacional con tomadores de decisi\u00f3n.\"\n            <\/blockquote>\n            <figcaption class=\"testimonio-autor\">\n              <span class=\"autor-nombre\">Pablo Salazar Canelos<\/span>\n              <span class=\"autor-cargo\">Representante Fondo de Poblaci\u00f3n de las Naciones Unidas<\/span>\n            <\/figcaption>\n          <\/figure>\n          \n          <figure class=\"testimonio-card\">\n            <div class=\"card-header\">\n              <div class=\"testimonio-logo-container\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/3-s7-logo-scaled.jpeg\" class=\"testimonio-logo\" alt=\"Logo Jeremy Shiffman\" \/>\n              <\/div>\n              <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/3-s7-jeremy-shiffman-2.jpeg\" class=\"testimonio-foto\" alt=\"Foto Jeremy Shiffman\" \/>\n            <\/div>\n            <blockquote class=\"testimonio-cita\">\n              \"It has been a pleasure and privilege to undertake research collaboration with Marcela Losantos Velasco, Atamhi Cawayu Bex, Narayani Rivera and others at the IICC. I have been extremely impressed with the outstanding quality of research produced by the Institute.\"\n            <\/blockquote>\n            <figcaption class=\"testimonio-autor\">\n              <span class=\"autor-nombre\">Jeremy Shiffman, PhD<\/span>\n              <span class=\"autor-cargo\">Johns Hopkins University<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <figure class=\"testimonio-card\">\n            <div class=\"card-header\">\n              <div class=\"testimonio-logo-container\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/4-s7-logo.jpeg\" class=\"testimonio-logo\" alt=\"Logo Fabiola Aguilar\" \/>\n              <\/div>\n              <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/4-s7-FABIOLA.jpeg\" class=\"testimonio-foto\" alt=\"Foto Fabiola Aguilar\" \/>\n            <\/div>\n            <blockquote class=\"testimonio-cita\">\n              \"Reconocemos en el IICC-UCB un actor clave para fortalecer el v\u00ednculo entre evidencia, formaci\u00f3n acad\u00e9mica e incidencia en pol\u00edticas p\u00fablicas en Bolivia. Su enfoque \u00e9tico, territorial y colaborativo ha sido fundamental.\"\n            <\/blockquote>\n            <figcaption class=\"testimonio-autor\">\n              <span class=\"autor-nombre\">Fabiola Aguilar<\/span>\n              <span class=\"autor-cargo\">Nexus for Social Advancement<\/span>\n            <\/figcaption>\n          <\/figure>\n\n          <\/div>\n        <\/div>\n        <div class=\"carousel-dots\" id=\"carousel-dots\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function() {\n      const track = document.getElementById('testimonios-track');\n      const dotsContainer = document.getElementById('carousel-dots');\n      const cards = track.querySelectorAll('.testimonio-card');\n      const totalCards = cards.length;\n      \n      let currentIndex = 0;\n      let cardsPerView = window.innerWidth <= 767 ? 1 : 2;\n      \n      function getNumPositions() {\n        \/\/ Al desplazar 1 por 1, la cantidad total de posiciones es totalCards - cardsPerView + 1\n        return Math.max(1, totalCards - cardsPerView + 1);\n      }\n\n      function updateDots() {\n        dotsContainer.innerHTML = '';\n        const numPositions = getNumPositions();\n        for (let i = 0; i < numPositions; i++) {\n          const dot = document.createElement('div');\n          dot.classList.add('carousel-dot');\n          if (i === currentIndex) dot.classList.add('active');\n          dot.addEventListener('click', () => {\n            currentIndex = i;\n            updateCarousel();\n          });\n          dotsContainer.appendChild(dot);\n        }\n      }\n\n      function updateCarousel() {\n        \/\/ Gap en escritorio es 4vw, en movil es 0\n        const gapVw = window.innerWidth <= 767 ? 0 : 4;\n        const gapPx = (window.innerWidth * gapVw) \/ 100;\n        const cardWidth = cards[0].offsetWidth;\n        \n        \/\/ Desplazamos 1 sola tarjeta a la vez\n        const moveAmount = currentIndex * (cardWidth + gapPx);\n        \n        track.style.transform = `translateX(-${moveAmount}px)`;\n        \n        const dots = dotsContainer.querySelectorAll('.carousel-dot');\n        dots.forEach((dot, index) => {\n          dot.classList.toggle('active', index === currentIndex);\n        });\n      }\n\n      function nextSlide() {\n        currentIndex++;\n        if (currentIndex >= getNumPositions()) {\n          currentIndex = 0;\n        }\n        updateCarousel();\n      }\n\n      updateDots();\n      updateCarousel();\n\n      let autoPlay = setInterval(nextSlide, 5000);\n\n      track.addEventListener('mouseenter', () => clearInterval(autoPlay));\n      track.addEventListener('mouseleave', () => {\n        autoPlay = setInterval(nextSlide, 5000);\n      });\n\n      window.addEventListener('resize', () => {\n        const newCardsPerView = window.innerWidth <= 767 ? 1 : 2;\n        if (newCardsPerView !== cardsPerView) {\n          cardsPerView = newCardsPerView;\n        }\n        \/\/ Aseguramos que currentIndex sea v\u00e1lido tras redimensionar\n        if (currentIndex >= getNumPositions()) {\n           currentIndex = Math.max(0, getNumPositions() - 1);\n        }\n        updateDots();\n        updateCarousel();\n      });\n    });\n  <\/script>\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-df39eea e-flex e-con-boxed e-con e-parent\" data-id=\"df39eea\" 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-7cc5012 elementor-widget elementor-widget-html\" data-id=\"7cc5012\" 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>Inicio - Secci\u00f3n 8 (Partners & Campaigns)<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <!-- Montserrat como fallback\/principal para visualizaci\u00f3n local -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (L\u00cdNEA GR\u00c1FICA IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      --bg-section: #ffffff; \/* Fondo blanco de la secci\u00f3n seg\u00fan la referencia *\/\n      --color-primary: #b4363a; \/* Rojo principal *\/\n      --color-secondary-blue: #004d7b; \/* Azul principal *\/\n      --color-secondary-yellow: #fcbf00; \/* Amarillo principal *\/\n      --text-dark: #3c3c3b; \/* Gris - Textos oficial *\/\n      --text-muted: #666666;\n      --border-light: #e6e6e6;\n      --white: #ffffff;\n      --black: #000000;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--white);\n      color: var(--text-dark);\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N *\/\n    .socios-financiadores-section {\n      position: relative;\n      width: 100vw;\n      min-height: 45vh;\n \n      padding: 15vh 3vw; \/* Padding lateral inquebrantable de 3vw *\/\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      border-bottom: 1px solid var(--border-light);\n    }\n\n    \/* CONTENEDOR ESTRUCTURAL PRINCIPAL *\/\n    .socios-financiadores-container {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* FILA SUPERIOR: T\u00cdTULO Y DESCRIPCI\u00d3N *\/\n    .socios-financiadores-header-row {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      margin-bottom: 8vh; \/* Separaci\u00f3n con el carrusel *\/\n    }\n\n    \/* Bloque del T\u00edtulo *\/\n    .socios-financiadores-header-block {\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* Estilos Tipogr\u00e1ficos Fluidos del T\u00edtulo *\/\n    .titulo-2 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 3.2vw;\n      line-height: 1.1;\n      color: var(--text-dark);\n      text-transform: none;\n    }\n\n    \/* Primera l\u00ednea: Bold y oscura *\/\n    .titulo-destacado {\n      display: block;\n      font-weight: 800;\n      color: var(--text-dark);\n    }\n\n    \/* Segunda l\u00ednea: Light y atenuada *\/\n    .titulo-secundario {\n      display: block;\n      font-weight: 300;\n      color: var(--text-muted);\n      margin-top: 0.3vh;\n    }\n\n    \/* P\u00e1rrafo descriptivo (alineado a la derecha en desktop) *\/\n    .socios-financiadores-desc {\n      font-size: 1.1vw;\n      line-height: 1.6;\n      color: var(--text-muted);\n      max-width: 32vw;\n      font-weight: 400;\n      text-align: left;\n    }\n\n    \/* FILA INFERIOR: CARRUSEL ANIMADO HASTA EL BORDE *\/\n    .socios-financiadores-carousel-row {\n      width: 100%;\n      position: relative;\n      margin-top: 2vh;\n    }\n\n    \/* Contenedor del Marquee *\/\n    .marquee {\n      overflow: hidden;\n      width: 100%;\n      display: flex;\n      mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);\n      -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);\n    }\n\n    \/* Tira de contenido animada *\/\n    .marquee-content {\n      display: flex;\n      width: max-content;\n      animation: scroll 40s linear infinite;\n    }\n\n    \/* Pausa en hover *\/\n    .marquee:hover .marquee-content {\n      animation-play-state: paused;\n    }\n\n    \/* Grupo de logos (para bucle perfecto) *\/\n    .marquee-group {\n      display: flex;\n      align-items: center;\n      justify-content: space-around;\n      gap: 5vw; \/* Separaci\u00f3n entre logos *\/\n      padding-right: 5vw; \/* Espacio igual al gap entre el \u00faltimo logo del grupo y el primero del siguiente *\/\n    }\n\n    .logo-item {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 18vw;\n      height: 12vh;\n      transition: transform 0.3s ease;\n    }\n\n    .logo-item:hover {\n      transform: scale(1.05); \/* Sutil micro-animaci\u00f3n de crecimiento en hover *\/\n    }\n\n    \/* Control de la imagen del logotipo *\/\n    .logo-img {\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain;\n      filter: grayscale(0%); \/* A color por defecto *\/\n      opacity: 0.9; \/* Unificaci\u00f3n visual sutil *\/\n      transition: all 0.3s ease;\n    }\n\n    .logo-item:hover .logo-img {\n      filter: grayscale(100%); \/* Escala de grises al hacer hover *\/\n      opacity: 0.65; \/* Atenuaci\u00f3n en hover *\/\n    }\n\n    \/* ANIMACI\u00d3N CSS DE DESPLAZAMIENTO *\/\n    @keyframes scroll {\n      0% {\n        transform: translateX(0);\n      }\n      100% {\n        transform: translateX(-50%); \/* Se desplaza exactamente la mitad del ancho total *\/\n      }\n    }\n\n    \/* PUNTOS DE RUPTURA RESPONSIVOS (BREAKPOINTS OFICIALES DEL PROYECTO) *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .socios-financiadores-section {\n        padding: 12vh 3vw;\n      }\n\n      .socios-financiadores-header-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 3vh;\n        margin-bottom: 6vh;\n      }\n\n      .titulo-2 {\n        font-size: 5.0vw;\n      }\n\n      .socios-financiadores-desc {\n        font-size: 1.8vw;\n        max-width: 100%;\n      }\n\n      .logo-item {\n        width: 26vw;\n        height: 10vh;\n      }\n\n      .marquee-group {\n        gap: 7vw;\n        padding-right: 7vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .socios-financiadores-section {\n        padding: 16vw 3vw; \/* Respiro vertical en m\u00f3vil *\/\n      }\n\n      .socios-financiadores-header-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 2.5vh;\n        margin-bottom: 5vh;\n      }\n\n      .titulo-2 {\n        font-size: 7.5vw;\n      }\n\n      .socios-financiadores-desc {\n        font-size: 3.6vw;\n        max-width: 100%;\n      }\n\n      .logo-item {\n        width: 38vw;\n        height: 9vh;\n      }\n\n      .marquee-group {\n        gap: 9vw;\n        padding-right: 9vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 8: Logos de Socios y Financiadores (Redise\u00f1o Marquee) -->\n  <section id=\"socios-financiadores\" class=\"socios-financiadores-section\">\n    \n    <!-- Contenedor estructural principal -->\n    <div class=\"socios-financiadores-container\">\n      \n      <!-- Fila superior: T\u00edtulo y P\u00e1rrafo descriptivo -->\n      <header class=\"socios-financiadores-header-row\">\n        \n        <!-- Izquierda: T\u00edtulo de la Secci\u00f3n -->\n        <div class=\"socios-financiadores-header-block\">\n          <h3 class=\"titulo-2\">\n            <span class=\"titulo-destacado\">Socios y<\/span>\n            <span class=\"titulo-secundario\">financiadores<\/span>\n          <\/h3>\n        <\/div>\n\n        <!-- Derecha: P\u00e1rrafo descriptivo redactado en espa\u00f1ol -->\n        <p class=\"socios-financiadores-desc\">\n          En el IICC nos enorgullece colaborar con diversos socios estrat\u00e9gicos y agencias que comparten nuestra pasi\u00f3n por la excelencia cient\u00edfica y el impacto social en ciencias del comportamiento.\n        <\/p>\n\n      <\/header>\n\n      <!-- Fila inferior: Carrusel de Logos (Infinite Scroll Marquee) -->\n      <div class=\"socios-financiadores-carousel-row\">\n        \n        <div class=\"marquee\">\n          <div class=\"marquee-content\">\n            \n            <!-- GRUPO 1 -->\n            <div class=\"marquee-group\">\n              \n              <!-- Logo 1: Vliruos -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-02-vliruos.png\" alt=\"Vliruos\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 2: Save the Children -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-03-save-thechildren.png\" alt=\"Save the Children\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 3: Aldeas Infantiles -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-04-aldeas-infantiles.png\" alt=\"Aldeas Infantiles\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 4: Ghent University -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-05-ghent-university.png\" alt=\"Ghent University\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 5: VUB -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-06-vub.png\" alt=\"VUB\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 6: Johns Hopkins University -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-07-johns-hopkins.png\" alt=\"Johns Hopkins University\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 7: Louvain -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-08-louvain.png\" alt=\"Louvain\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 8: Educa -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Educa.png\" alt=\"Educa\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 9: Javeriana -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Javeriana.png\" alt=\"Javeriana\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 10: OIM -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/OIM.png\" alt=\"OIM\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 11: Educo -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-10-educo.png\" alt=\"Educo\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 12: World Bank Group -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-11-world-bank-group.png\" alt=\"World Bank Group\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 13: Climashub -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/climashub-logo-2.png\" alt=\"Climashub\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 14: AP -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/AP_logo_staand_rgb.png\" alt=\"AP\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 15: BMINDS -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/BMINDS.png\" alt=\"BMINDS\" class=\"logo-img\">\n              <\/div>\n\n            <\/div>\n\n            <!-- GRUPO 2 (Duplicado para Bucle Infinito Seamless) -->\n            <div class=\"marquee-group\">\n              \n              <!-- Logo 1: Vliruos -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-02-vliruos.png\" alt=\"Vliruos\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 2: Save the Children -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-03-save-thechildren.png\" alt=\"Save the Children\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 3: Aldeas Infantiles -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-04-aldeas-infantiles.png\" alt=\"Aldeas Infantiles\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 4: Ghent University -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-05-ghent-university.png\" alt=\"Ghent University\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 5: VUB -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-06-vub.png\" alt=\"VUB\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 6: Johns Hopkins University -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-07-johns-hopkins.png\" alt=\"Johns Hopkins University\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 7: Louvain -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Louvain.png\" alt=\"Louvain\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 8: Educa -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Educa.png\" alt=\"Educa\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 9: Javeriana -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/Javeriana.png\" alt=\"Javeriana\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 10: OIM -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/OIM.png\" alt=\"OIM\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 11: Educo -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-10-educo.png\" alt=\"Educo\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 12: World Bank Group -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/LOGOS-IICC-11-world-bank-group.png\" alt=\"World Bank Group\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 13: Climashub -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/climashub-logo-2.png\" alt=\"Climashub\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 14: AP -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/AP_logo_staand_rgb.png\" alt=\"AP\" class=\"logo-img\">\n              <\/div>\n\n              <!-- Logo 15: BMINDS -->\n              <div class=\"logo-item\">\n                <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/08\/BMINDS.png\" alt=\"BMINDS\" class=\"logo-img\">\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\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-0a42265 e-flex e-con-boxed e-con e-parent\" data-id=\"0a42265\" 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-caec668 elementor-widget elementor-widget-html\" data-id=\"caec668\" 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>Inicio - Secci\u00f3n 9 (Formulario de Contacto Institucional)<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (L\u00cdNEA GR\u00c1FICA IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      \/* Colores Oficiales *\/\n      --rojo-principal: #b4363a;\n      --azul-principal: #004d7b;\n      --amarillo-principal: #fcbf00;\n      --gris-textos: #3C3C3B;\n      --gris-medio: #666666;\n      --border-gray: #cccccc;\n      --border-light: #e0e0e0;\n      --black: #000000;\n      --white: #ffffff;\n      \n      \/* Fuente Principal *\/\n      --fuente-principal: 'Montserrat', sans-serif;\n    }\n\n    body {\n      font-family: var(--fuente-principal);\n      background-color: var(--white);\n      color: var(--gris-textos);\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N (Paddings laterales universales de 3vw) *\/\n    .seccion-contacto {\n      position: relative;\n      width: 100vw;\n      padding: 8vh 3vw;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* ENVOLTURA DEL LAYOUT SPLIT (2 COLUMNAS) *\/\n    .contacto-wrapper {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 5vw;\n    }\n\n    \/* COLUMNA DE INFORMACI\u00d3N (IZQUIERDA) *\/\n    .contacto-info {\n      flex: 1;\n      max-width: 40vw;\n      display: flex;\n      flex-direction: column;\n      gap: 3vh;\n    }\n\n    \/* T\u00cdTULO DE LA SECCI\u00d3N (T\u00edtulo 2 heredado de Secci\u00f3n 8) *\/\n    .titulo-2 {\n      font-size: 3.2vw;\n      line-height: 1.1;\n      color: var(--black);\n      text-transform: none;\n    }\n\n    .titulo-destacado {\n      display: block;\n      font-weight: 800;\n      color: var(--black);\n    }\n\n    .titulo-secundario {\n      display: block;\n      font-weight: 300;\n      color: var(--gris-medio);\n      margin-top: 0.3vh;\n    }\n\n    \/* P\u00c1RRAFO INTRODUCTORIO (Body) *\/\n    .body-text {\n      font-size: 1.1vw;\n      line-height: 1.5;\n      font-weight: 400;\n      color: var(--gris-medio);\n    }\n\n    \/* COLUMNA DE FORMULARIO (DERECHA) *\/\n    .contacto-formulario {\n      flex: 1.2;\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* ESTRUCTURA DEL FORMULARIO *\/\n    #formulario-contacto-inicio {\n      display: flex;\n      flex-direction: column;\n      gap: 3vh;\n      width: 100%;\n    }\n\n    \/* GRUPO DE CAMPO (CONTENEDOR RELATIVO PARA ETIQUETA INTERNA) *\/\n    .form-group {\n      position: relative;\n      width: 100%;\n    }\n\n    \/* ENTRADAS DE TEXTO Y \u00c1REA DE TEXTO *\/\n    .form-input {\n      width: 100%;\n      padding: 1.6vh 0.7vw; \/* Padding vertical y horizontal reducidos en reposo *\/\n      border: 1px solid var(--border-light);\n      background-color: var(--white);\n      font-family: inherit;\n      font-size: 0.9vw; \/* Tama\u00f1o de texto de input reducido *\/\n      color: var(--gris-textos);\n      outline: none;\n      border-radius: 8px; \/* Bordes redondeados solicitados *\/\n      transition: padding 0.3s ease, border-color 0.3s ease;\n    }\n\n    .form-input:focus {\n      border-color: var(--black);\n    }\n\n    .form-textarea {\n      height: 18vh;\n      resize: vertical;\n      min-height: 120px;\n    }\n\n    \/* ETIQUETA INTERNA DEL CAMPO (Letras delgadas y reducidas en reposo) *\/\n    .form-label {\n      position: absolute;\n      left: 0.7vw; \/* Margen horizontal reducido respecto al borde *\/\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 0.9vw; \/* Tama\u00f1o de etiqueta reducido *\/\n      font-weight: 300;\n      color: var(--gris-medio);\n      pointer-events: none;\n      transition: all 0.3s ease;\n    }\n\n    \/* Ajuste de etiqueta para el \u00e1rea de texto (siempre al inicio superior en reposo) *\/\n    .form-textarea ~ .form-label {\n      top: 2.4vh;\n      transform: none;\n    }\n\n    \/* COMPORTAMIENTO INTERACTIVO: CUANDO EL CAMPO TIENE FOCO O CONTIENE TEXTO *\/\n    .form-input:focus,\n    .form-input:not(:placeholder-shown) {\n      padding: 2.4vh 0.7vw 0.8vh 0.7vw; \/* Padding activo reducido para ajustar espacio *\/\n    }\n\n    .form-input:focus ~ .form-label,\n    .form-input:not(:placeholder-shown) ~ .form-label {\n      top: 0.5vh; \/* Altura activa reducida *\/\n      transform: translateY(0);\n      font-size: 0.65vw; \/* Tama\u00f1o flotante reducido *\/\n      color: var(--gris-medio);\n      font-weight: 400;\n    }\n\n    \/* Ajuste de etiqueta flotante activa para \u00e1rea de texto *\/\n    .form-textarea:focus ~ .form-label,\n    .form-textarea:not(:placeholder-shown) ~ .form-label {\n      top: 0.5vh;\n      transform: none;\n    }\n\n    \/* BOT\u00d3N CTA UNIFICADO CON ESTILOS PERSONALIZADOS (Aislado de WP Theme) *\/\n    #contacto .btn-submit-wrapper {\n      margin-top: 1vh;\n    }\n\n    #contacto button.btn-cta-template,\n    #contacto .btn-cta-template {\n      border: none;\n      background: transparent;\n      font-family: inherit;\n      padding: 0;\n      margin: 0;\n      box-shadow: none;\n      outline: none;\n      text-transform: none;\n      line-height: normal;\n    }\n\n    \/* BOTONES CTA PREMIUM (ESTILO GLASSMORPHISM REDONDO) *\/\n    #contacto .btn-cta-template {\n      --btn-brand-color-rgb: 252, 191, 0; \/* Amarillo principal #fcbf00 *\/\n      --btn-text-color: var(--black);\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n      color: var(--btn-text-color);\n      background: transparent;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      width: fit-content;\n    }\n\n    #contacto .btn-cta-template .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      background-color: rgba(var(--btn-brand-color-rgb), 0.40);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    #contacto .btn-cta-template .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: rgb(var(--btn-brand-color-rgb));\n      transition: stroke 0.3s ease;\n    }\n\n    #contacto .btn-cta-template .btn-text {\n      padding-left: 1vw;\n      font-size: 0.9vw;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: none;\n      transition: color 0.3s ease;\n    }\n\n    #contacto .btn-cta-template:hover .btn-icon {\n      background-color: rgba(var(--btn-brand-color-rgb), 0.60);\n      transform: translateX(3px);\n    }\n\n    #contacto .btn-cta-template:hover .btn-text {\n      color: rgb(var(--btn-brand-color-rgb));\n    }\n\n    \/* PUNTOS DE RUPTURA RESPONSIVOS (BREAKPOINTS OFICIALES DEL PROYECTO) *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .seccion-contacto {\n        padding: 8vh 3vw;\n      }\n\n      .contacto-wrapper {\n        gap: 4vw;\n      }\n\n      .contacto-info {\n        max-width: 45vw;\n      }\n\n      \/* Inputs y Etiquetas en Tableta (Reposo) *\/\n      .form-input {\n        font-size: 1.4vw; \/* Reducido *\/\n        padding: 1.8vw 1.2vw; \/* Reducido *\/\n      }\n\n      .form-label {\n        left: 1.2vw; \/* Reducido *\/\n        font-size: 1.4vw; \/* Reducido *\/\n      }\n\n      .form-textarea ~ .form-label {\n        top: 2.2vw; \/* Reducido *\/\n      }\n\n      \/* Inputs y Etiquetas en Tableta (Activo) *\/\n      .form-input:focus,\n      .form-input:not(:placeholder-shown) {\n        padding: 2.8vw 1.2vw 1vw 1.2vw; \/* Reducido *\/\n      }\n\n      .form-input:focus ~ .form-label,\n      .form-input:not(:placeholder-shown) ~ .form-label {\n        top: 0.6vw; \/* Reducido *\/\n        font-size: 0.95vw; \/* Reducido *\/\n      }\n\n      \/* Escalas Tipogr\u00e1ficas para Tableta *\/\n      .titulo-2 {\n        font-size: 5.0vw;\n      }\n\n      .body-text {\n        font-size: 1.8vw;\n      }\n\n      \/* Bot\u00f3n unificado en Tableta *\/\n      #contacto .btn-cta-template .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      #contacto .btn-cta-template .btn-text {\n        font-size: 1.4vw;\n        padding-left: 1.5vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .seccion-contacto {\n        padding: 12vw 3vw; \/* Aire vertical amplio de 12vw en m\u00f3vil *\/\n      }\n\n      \/* Cambio a dise\u00f1o vertical (1 columna) *\/\n      .contacto-wrapper {\n        flex-direction: column;\n        gap: 8vw;\n      }\n\n      .contacto-info {\n        max-width: 100%;\n      }\n\n      \/* Inputs y Etiquetas en M\u00f3vil (Reposo) *\/\n      .form-input {\n        font-size: 2.8vw; \/* Reducido *\/\n        padding: 3.2vw 2vw; \/* Reducido *\/\n      }\n\n      .form-label {\n        left: 2vw; \/* Reducido *\/\n        font-size: 2.8vw; \/* Reducido *\/\n      }\n\n      .form-textarea ~ .form-label {\n        top: 3.5vw; \/* Reducido *\/\n      }\n\n      \/* Inputs y Etiquetas en M\u00f3vil (Activo) *\/\n      .form-input:focus,\n      .form-input:not(:placeholder-shown) {\n        padding: 4.8vw 2vw 1.6vw 2vw; \/* Reducido *\/\n      }\n\n      .form-input:focus ~ .form-label,\n      .form-input:not(:placeholder-shown) ~ .form-label {\n        top: 1vw; \/* Reducido *\/\n        font-size: 1.8vw; \/* Reducido *\/\n      }\n\n      \/* Escalas Tipogr\u00e1ficas para M\u00f3vil *\/\n      .titulo-2 {\n        font-size: 7.5vw;\n      }\n\n      .body-text {\n        font-size: 3.6vw;\n      }\n\n      \/* Bot\u00f3n unificado en M\u00f3vil *\/\n      #contacto button.btn-cta-template {\n        width: 100%;\n      }\n\n      #contacto .btn-cta-template .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      #contacto .btn-cta-template .btn-text {\n        font-size: 3.0vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 9: Formulario de Contacto Institucional -->\n  <section id=\"contacto\" class=\"seccion-contacto\">\n\n    <!-- Envoltura principal del dise\u00f1o dividido (2 columnas) -->\n    <div class=\"contacto-wrapper\">\n\n      <!-- Columna de Informaci\u00f3n (Izquierda) - Contenido Oficial -->\n      <div class=\"contacto-info\">\n        <h2 class=\"titulo-2\">\n          <span class=\"titulo-destacado\">Contacto y<\/span>\n          <span class=\"titulo-secundario\">Cooperaci\u00f3n T\u00e9cnica<\/span>\n        <\/h2>\n        <p class=\"body-text\">Si quieres contactarte con nosotros, escr\u00edbenos<\/p>\n      <\/div>\n\n      <!-- Columna del Formulario (Derecha) -->\n      <div class=\"contacto-formulario\">\n        <form id=\"formulario-contacto-inicio\" action=\"#\" method=\"POST\">\n\n          <!-- Bloque 1: Campo Nombre -->\n          <div class=\"form-group\">\n            <input class=\"form-input\" type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\" \" required>\n            <label class=\"form-label\" for=\"nombre\">Nombre completo<\/label>\n          <\/div>\n\n          <!-- Bloque 2: Campo Correo -->\n          <div class=\"form-group\">\n            <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\" \" required>\n            <label class=\"form-label\" for=\"email\">Correo electr\u00f3nico<\/label>\n          <\/div>\n\n          <!-- Bloque 3: Campo Instituci\u00f3n -->\n          <div class=\"form-group\">\n            <input class=\"form-input\" type=\"text\" id=\"institucion\" name=\"institucion\" placeholder=\" \" required>\n            <label class=\"form-label\" for=\"institucion\">Instituci\u00f3n o Entidad<\/label>\n          <\/div>\n\n          <!-- Bloque 4: Campo Mensaje -->\n          <div class=\"form-group\">\n            <textarea class=\"form-input form-textarea\" id=\"mensaje\" name=\"mensaje\" placeholder=\" \" required><\/textarea>\n            <label class=\"form-label\" for=\"mensaje\">Asunto o consulta<\/label>\n          <\/div>\n\n          <!-- Bloque 5: Bot\u00f3n de Env\u00edo (Estilo Unificado con Caja de Icono Amarilla) -->\n          <div class=\"btn-submit-wrapper\">\n            <button type=\"submit\" class=\"btn-cta-template\">\n              <span class=\"btn-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                  <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                <\/svg>\n              <\/span>\n              <span class=\"btn-text\">Enviar<\/span>\n            <\/button>\n          <\/div>\n\n        <\/form>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio &#8211; Secci\u00f3n 1 (Hero Redise\u00f1ado) &#8211; Resultado Final Instituto de Investigaciones en Ciencias del Comportamiento Conocimiento situado para comprender [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":754,"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-43","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Instituto de Investigaciones en Ciencias del Comportamiento<\/title>\n<meta name=\"description\" content=\"Conocimiento situado para comprender las injusticias y contribuir al cambio social.\" \/>\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\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instituto de Investigaciones en Ciencias del Comportamiento\" \/>\n<meta property=\"og:description\" content=\"Conocimiento situado para comprender las injusticias y contribuir al cambio social.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/\" \/>\n<meta property=\"og:site_name\" content=\"IICC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T18:23:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/IICC-page-thumb.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1135\" \/>\n\t<meta property=\"og:image:height\" content=\"544\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\",\"name\":\"Instituto de Investigaciones en Ciencias del Comportamiento\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/IICC-page-thumb.jpg\",\"datePublished\":\"2026-07-24T16:42:45+00:00\",\"dateModified\":\"2026-10-06T18:23:24+00:00\",\"description\":\"Conocimiento situado para comprender las injusticias y contribuir al cambio social.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/IICC-page-thumb.jpg\",\"contentUrl\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/IICC-page-thumb.jpg\",\"width\":1135,\"height\":544},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@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":"Instituto de Investigaciones en Ciencias del Comportamiento","description":"Conocimiento situado para comprender las injusticias y contribuir al cambio social.","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\/","og_locale":"es_ES","og_type":"article","og_title":"Instituto de Investigaciones en Ciencias del Comportamiento","og_description":"Conocimiento situado para comprender las injusticias y contribuir al cambio social.","og_url":"https:\/\/www.ucb.edu.bo\/iicc\/","og_site_name":"IICC","article_modified_time":"2026-10-06T18:23:24+00:00","og_image":[{"width":1135,"height":544,"url":"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/IICC-page-thumb.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ucb.edu.bo\/iicc\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/","name":"Instituto de Investigaciones en Ciencias del Comportamiento","isPartOf":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#primaryimage"},"image":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/IICC-page-thumb.jpg","datePublished":"2026-07-24T16:42:45+00:00","dateModified":"2026-10-06T18:23:24+00:00","description":"Conocimiento situado para comprender las injusticias y contribuir al cambio social.","breadcrumb":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ucb.edu.bo\/iicc\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.ucb.edu.bo\/iicc\/#primaryimage","url":"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/IICC-page-thumb.jpg","contentUrl":"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/IICC-page-thumb.jpg","width":1135,"height":544},{"@type":"BreadcrumbList","@id":"https:\/\/www.ucb.edu.bo\/iicc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ucb.edu.bo\/iicc\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@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\/43","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=43"}],"version-history":[{"count":334,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":1264,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/43\/revisions\/1264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media\/754"}],"wp:attachment":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}