{"id":127,"date":"2026-07-24T17:47:12","date_gmt":"2026-07-24T17:47:12","guid":{"rendered":"https:\/\/klz.rgg.mybluehost.me\/iicc\/?page_id=127"},"modified":"2026-10-06T14:35:03","modified_gmt":"2026-10-06T18:35:03","slug":"sobre-el-iicc","status":"publish","type":"page","link":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/","title":{"rendered":"Sobre el IICC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8789bf3 e-flex e-con-boxed e-con e-parent\" data-id=\"8789bf3\" data-element_type=\"container\" data-e-type=\"container\" id=\"historia\" 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-4e5aaf8 elementor-widget elementor-widget-html\" data-id=\"4e5aaf8\" 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-f9a6f28 e-flex e-con-boxed e-con e-parent\" data-id=\"f9a6f28\" 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-ab6490d elementor-widget elementor-widget-html\" data-id=\"ab6490d\" 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>Sobre el IICC - Secci\u00f3n 1 (Hero e Introducci\u00f3n Hist\u00f3rica)<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (DESIGN TOKENS IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      \/* Brand Identity Tokens *\/\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n      --brand-yellow: #fcbf00;\n      --brand-yellow-pastel: #FBF8F3;\n      --brand-blue-pastel: #C4CED4;\n      --brand-gray-text: #3C3C3B;\n\n      \/* UI Tokens *\/\n      --bg-dark-overlay: rgba(0, 0, 0, 0.45);\n      --bg-light-gray: #333333;\n      --text-light: #f5f5f5;\n      --text-muted: #cccccc;\n      --border-gray: #444444;\n      --border-light: #cccccc;\n      --black: #000000;\n      --white: #ffffff;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--black);\n      color: var(--text-light);\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n    \/* CONTENEDOR HERO PRINCIPAL (100VH) *\/\n    .qs-s1-hero-section {\n      position: relative;\n      width: 100vw;\n      min-height: 100vh;\n      background-image: url('\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Investigacion-h3.jpg');\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      border-bottom: 2px solid var(--border-gray);\n      display: flex;\n      align-items: flex-end; \/* Alineaci\u00f3n vertical hacia abajo *\/\n      justify-content: center;\n      padding: 10vh 3vw 12vh 3vw; \/* Padding inferior de 12vh para emular la referencia *\/\n      overflow: hidden;\n    }\n\n    \/* M\u00c1SCARA OSCURA PARA GARANTIZAR CONTRASTE DE TEXTO *\/\n    .qs-s1-background-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: var(--bg-dark-overlay);\n      z-index: 2;\n    }\n\n    \/* CONTENEDOR DE CONTENIDO (GRID ASIM\u00c9TRICO OPTIMIZADO) *\/\n    .qs-s1-container {\n      position: relative;\n      width: 100%;\n      max-width: 100%;\n      display: grid;\n      grid-template-columns: 45vw 46vw;\n      column-gap: 3vw;\n      align-items: start;\n      z-index: 3;\n    }\n\n    \/* COLUMNA IZQUIERDA: MARCADOR DE SECCI\u00d3N CON LOGOTIPO *\/\n    .qs-s1-col-left {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-top: 0.6vw; \/* Alineaci\u00f3n vertical con la primera l\u00ednea del t\u00edtulo *\/\n    }\n\n    .qs-s1-marker-img {\n      width: 1.5vw;\n      height: auto;\n      flex-shrink: 0;\n    }\n\n    .qs-s1-label {\n      font-size: 0.8vw;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: var(--text-light);\n    }\n\n    \/* COLUMNA DERECHA: T\u00cdTULO, P\u00c1RRAFO Y CTAS *\/\n    .qs-s1-col-right {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5vw; \/* Espaciado fluido reducido *\/\n    }\n\n    \/* T\u00cdTULO PRINCIPAL (H1 - Proporciones reducidas para asimilarse a la referencia) *\/\n    .qs-s1-titulo-1 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 2.6vw;\n      line-height: 1.25;\n      font-weight: 700;\n      color: var(--white);\n      margin: 0;\n      max-width: 42vw; \/* Ligeramente m\u00e1s angosto *\/\n    }\n\n    \/* P\u00c1RRAFO INTRODUCTORIO (Proporciones de lectura fluida) *\/\n    .qs-s1-body-text {\n      font-size: 1.1vw;\n      line-height: 1.6;\n      font-weight: 500;\n      color: var(--white);\n      max-width: 38vw; \/* Para hacerlo angosto y elegante como en la referencia *\/\n      margin: 0;\n    }\n\n    \/* GRUPO DE BOTONES CTA *\/\n    .qs-s1-cta-group {\n      display: flex;\n      gap: 1.5vw;\n      flex-wrap: wrap;\n      margin-top: 1vw;\n    }\n\n    \/* ESTILO BASE DE CTA *\/\n    .qs-s1-btn-cta {\n      --btn-text-color: var(--white);\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    }\n\n    .qs-s1-btn-cta .qs-s1-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    .qs-s1-btn-cta .qs-s1-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    .qs-s1-btn-cta .qs-s1-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    .qs-s1-btn-cta:hover .qs-s1-btn-icon {\n      background-color: rgba(var(--btn-brand-color-rgb), 0.60);\n      transform: translateX(3px);\n    }\n\n    .qs-s1-btn-cta:hover .qs-s1-btn-text {\n      color: rgb(var(--btn-brand-color-rgb));\n    }\n\n    \/* ==========================================================================\n       PUNTOS DE RUPTURA RESPONSIVOS (CONSECUENTE CON LA REGLA DEL PROYECTO)\n       ========================================================================== *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .qs-s1-hero-section {\n        padding: 10vh 3vw 12vh 3vw;\n      }\n\n      .qs-s1-container {\n        grid-template-columns: 40vw 51vw; \/* Columna derecha m\u00e1s contenida *\/\n        column-gap: 3vw;\n      }\n\n      .qs-s1-col-left {\n        margin-top: 1vw;\n      }\n\n      .qs-s1-marker-img {\n        width: 2.2vw;\n      }\n\n      .qs-s1-label {\n        font-size: 1.2vw;\n      }\n\n      .qs-s1-titulo-1 {\n        font-size: 4.2vw;\n        max-width: 100%;\n      }\n\n      .qs-s1-body-text {\n        font-size: 1.8vw;\n        max-width: 45vw; \/* M\u00e1s angosto tambi\u00e9n en tablet *\/\n      }\n\n      .qs-s1-cta-group {\n        gap: 2vw;\n        margin-top: 1.5vw;\n      }\n\n      .qs-s1-btn-cta .qs-s1-btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      .qs-s1-btn-cta .qs-s1-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      .qs-s1-hero-section {\n        padding: 12vh 3vw 10vh 3vw;\n        align-items: flex-end; \/* Alineaci\u00f3n vertical hacia abajo en m\u00f3vil *\/\n      }\n\n      .qs-s1-container {\n        grid-template-columns: 1fr;\n        gap: 6vw;\n      }\n\n      .qs-s1-col-left {\n        margin-top: 0;\n        gap: 8px;\n      }\n\n      .qs-s1-marker-img {\n        width: 5.5vw;\n      }\n\n      .qs-s1-label {\n        font-size: 2.6vw;\n      }\n\n      .qs-s1-col-right {\n        gap: 4vw;\n      }\n\n      .qs-s1-titulo-1 {\n        font-size: 6.5vw;\n        max-width: 100%;\n      }\n\n      .qs-s1-body-text {\n        font-size: 3.6vw;\n        max-width: 100%;\n      }\n\n      .qs-s1-cta-group {\n        flex-direction: column;\n        gap: 3vw;\n        margin-top: 3vw;\n      }\n\n      .qs-s1-btn-cta {\n        width: 100%;\n      }\n\n      .qs-s1-btn-cta .qs-s1-btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      .qs-s1-btn-cta .qs-s1-btn-text {\n        font-size: 3.0vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n Hero \/ Historia -->\n  <section id=\"historia\" class=\"qs-s1-hero-section\">\n    \n    <!-- M\u00e1scara de contraste -->\n    <div class=\"qs-s1-background-overlay\"><\/div>\n\n    <!-- Contenedor estructural del contenido -->\n    <div class=\"qs-s1-container\">\n      \n      <!-- Columna izquierda: Marcador de secci\u00f3n \"Sobre el IICC\" -->\n      <div class=\"qs-s1-col-left\">\n        <span class=\"qs-s1-label\">Sobre el IICC<\/span>\n      <\/div>\n\n      <!-- Columna derecha: T\u00edtulo, P\u00e1rrafo e Interacciones -->\n      <div class=\"qs-s1-col-right\">\n        \n        <!-- T\u00edtulo de Secci\u00f3n -->\n        <h1 class=\"qs-s1-titulo-1\">Nuestra Trayectoria e Historia<\/h1>\n        \n        <!-- P\u00e1rrafo Introductorio -->\n        <p class=\"qs-s1-body-text\">Fundado en el a\u00f1o 2009 por la Universidad Cat\u00f3lica Boliviana 'San Pablo', el Instituto de Investigaciones en Ciencias del Comportamiento (IICC) naci\u00f3 con la misi\u00f3n de generar conocimiento cient\u00edfico aplicable que responda a los desaf\u00edos sociales de Bolivia. A lo largo de m\u00e1s de una d\u00e9cada, nos hemos consolidado como un referente nacional en investigaci\u00f3n interdisciplinaria, enfocados en la ni\u00f1ez, la adolescencia y el bienestar humano en todas las sedes de la universidad.<\/p>\n        \n        <!-- Botones CTA -->\n        <div class=\"qs-s1-cta-group\">\n          <!-- CTA Principal (Ver publicaciones) -->\n          <a href=\"\/iicc\/publicaciones\/\" class=\"qs-s1-btn-cta\" style=\"--btn-brand-color-rgb: 252, 191, 0;\">\n            <span class=\"qs-s1-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=\"qs-s1-btn-text\">Ver publicaciones<\/span>\n          <\/a>\n\n          <!-- CTA Secundario (Ver equipo) -->\n          <a href=\"\/iicc\/equipo\/\" class=\"qs-s1-btn-cta\" style=\"--btn-brand-color-rgb: 255, 255, 255;\">\n            <span class=\"qs-s1-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=\"qs-s1-btn-text\">Ver equipo<\/span>\n          <\/a>\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-be92e49 e-flex e-con-boxed e-con e-parent\" data-id=\"be92e49\" data-element_type=\"container\" data-e-type=\"container\" id=\"misionvision\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abf8dd2 elementor-widget elementor-widget-html\" data-id=\"abf8dd2\" 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>Qui\u00e9nes Somos - Secci\u00f3n 2 (Marco Estrat\u00e9gico)<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (DESIGN TOKENS IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      \/* Brand Identity Tokens *\/\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n      --brand-yellow: #fcbf00;\n      --brand-yellow-pastel: #FBF8F3;\n      --brand-blue-pastel: #C4CED4;\n      --brand-gray-text: #3C3C3B;\n\n      \/* UI Tokens *\/\n      --bg-white: #ffffff;\n      --bg-light-gray: #f5f5f5;\n      --text-black: #000000;\n      --text-dark: #1a1a1a;\n      --border-gray: #cccccc;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--bg-white);\n      color: var(--brand-gray-text);\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N (ID \u00fanico de secci\u00f3n y clases scoped con -s2)\n       Aplica una asimetr\u00eda marcada: margen izquierdo masivo de 25vw y margen derecho de 9vw. *\/\n    .marco-section-s2 {\n      width: 100vw;\n      min-height: 100vh;\n      background-color: transparent;\n      padding-top: 12vh;\n      padding-bottom: 12vh;\n      padding-left: 25vw;  \/* Espacio vac\u00edo izquierdo *\/\n      padding-right: 9vw;  \/* Espacio vac\u00edo derecho *\/\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* CONTENEDOR INTERNO\n       Contiene la l\u00ednea de separaci\u00f3n superior que abarca solo el ancho del contenido. *\/\n    .marco-container-s2 {\n      width: 100%;\n      border-top: none; \/* Sin borde superior visible *\/\n      padding-top: 6vh;\n      display: grid;\n      grid-template-columns: 26vw 26vw; \/* Textos (26vw) e Imagen (26vw) *\/\n      column-gap: 14vw;                 \/* Gran espacio vac\u00edo central *\/\n      align-items: start;               \/* Alineaci\u00f3n superior para el comportamiento sticky de la imagen *\/\n    }\n\n    \/* COLUMNA IZQUIERDA: CONTENIDO DE TEXTO (MISI\u00d3N Y VISI\u00d3N) *\/\n    .marco-col-left-s2 {\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* BLOQUE ESTRAT\u00c9GICO INDIVIDUAL *\/\n    .estrat-block-s2 {\n      display: flex;\n      flex-direction: column;\n      gap: 1vw;\n    }\n\n    \/* ETIQUETA DE BLOQUE (H3 - UPPERCASE) *\/\n    .block-label-s2 {\n      font-family: 'Montserrat', sans-serif !important; \/* Fuerza la tipograf\u00eda frente al tema *\/\n      font-size: 1.4vw; \/* T\u00edtulo aumentado *\/\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.08em;\n      color: var(--text-black);\n    }\n\n    \/* P\u00c1RRAFO DE CONTENIDO (Cuerpo de texto ultra reducido para minimalismo extremo) *\/\n    .body-text-s2 {\n      font-family: 'Montserrat', sans-serif !important; \/* Fuerza la tipograf\u00eda frente al tema *\/\n      font-size: 0.85vw; \/* Reducido de 1vw a 0.85vw en desktop por solicitud del desarrollador *\/\n      line-height: 1.6;\n      font-weight: 400;\n      color: var(--brand-gray-text);\n    }\n\n    .body-text-s2:not(:last-child) {\n      margin-bottom: 0.8vw; \/* Espacio entre p\u00e1rrafos de Visi\u00f3n *\/\n    }\n\n    \/* L\u00cdNEA DIVISORIA CENTRAL (ENTRE MISI\u00d3N Y VISI\u00d3N) *\/\n    .divider-line-s2 {\n      width: 100%;\n      height: 1px;\n      background-color: var(--border-gray);\n      margin: 3vw 0; \/* Margen amplio para respiraci\u00f3n de textos *\/\n    }\n\n    \/* COLUMNA DERECHA: IMAGEN STICKY ALINEADA ARRIBA *\/\n    .marco-col-right-s2 {\n      width: 100%;\n      position: sticky; \/* Comportamiento de fijaci\u00f3n al scroll *\/\n      top: 12vh;        \/* Respiro desde la parte superior del viewport *\/\n      align-self: start; \/* Asegura que no se estire y respete el flujo sticky *\/\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    \/* CONTENEDOR DE IMAGEN (CAROUSEL CON ASPECT RATIO 3:4 Y TRANSICI\u00d3N DE OPACIDAD) *\/\n    .image-carousel-s2 {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 3 \/ 4;\n      overflow: hidden;\n      background-color: var(--bg-light-gray);\n      border: none; \/* Sin borde visible *\/\n    }\n\n    \/* IM\u00c1GENES DENTRO DEL CAROUSEL *\/\n    .carousel-img-s2 {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover;\n      opacity: 0;\n      transition: opacity 1.5s ease-in-out;\n      z-index: 1;\n    }\n\n    \/* IMAGEN ACTIVA EN LA ROTACI\u00d3N *\/\n    .carousel-img-s2.active-s2 {\n      opacity: 1;\n      z-index: 2;\n    }\n\n    \/* ==========================================================================\n       PUNTOS DE RUPTURA RESPONSIVOS (BREAKPOINTS OFICIALES DEL PROYECTO)\n       ========================================================================== *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .marco-section-s2 {\n        padding-left: 8vw;  \/* Colapso de m\u00e1rgenes asim\u00e9tricos masivos *\/\n        padding-right: 8vw;\n        padding-top: 8vh;\n        padding-bottom: 8vh;\n        min-height: auto;\n      }\n\n      .marco-container-s2 {\n        grid-template-columns: 100%; \/* Una sola columna apilada *\/\n        row-gap: 6vh;\n        column-gap: 0;\n        padding-top: 4vh;\n      }\n\n      .estrat-block-s2 {\n        gap: 1.5vw;\n      }\n\n      .block-label-s2 {\n        font-size: 2.6vw; \/* T\u00edtulo aumentado en tableta *\/\n      }\n\n      .body-text-s2 {\n        font-size: 1.6vw; \/* Reducido de 1.8vw a 1.6vw en tableta *\/\n      }\n\n      .body-text-s2:not(:last-child) {\n        margin-bottom: 1.5vw;\n      }\n\n      .divider-line-s2 {\n        margin: 4vw 0;\n      }\n\n      .marco-col-right-s2 {\n        position: static; \/* Deshabilitar sticky en pantallas apiladas *\/\n        align-self: stretch;\n      }\n\n      .image-carousel-s2 {\n        max-width: 50%; \/* Evita que la imagen vertical sea inmensa en tableta *\/\n        margin: 0 auto;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .marco-section-s2 {\n        padding-left: 5vw;\n        padding-right: 5vw;\n        padding-top: 24vw;\n        padding-bottom: 24vw;\n        min-height: auto;\n      }\n\n      .marco-container-s2 {\n        grid-template-columns: 100%;\n        row-gap: 6vh;\n        column-gap: 0;\n        padding-top: 4vh;\n      }\n\n      .estrat-block-s2 {\n        gap: 2vw;\n      }\n\n      .block-label-s2 {\n        font-size: 4.8vw; \/* T\u00edtulo aumentado en m\u00f3vil *\/\n      }\n\n      .body-text-s2 {\n        font-size: 3.2vw; \/* Reducido de 3.6vw a 3.2vw en m\u00f3vil *\/\n      }\n\n      .body-text-s2:not(:last-child) {\n        margin-bottom: 3vw;\n      }\n\n      .divider-line-s2 {\n        margin: 6vw 0;\n      }\n\n      .marco-col-right-s2 {\n        position: static; \/* Deshabilitar sticky en m\u00f3vil *\/\n        align-self: stretch;\n      }\n\n      .image-carousel-s2 {\n        max-width: 100%;\n      }\n    }\n  <\/style>\n  <!-- Importaci\u00f3n de Montserrat como fallback optimizado para renderizar fuentes similares a Mont en navegador local -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 2: Marco Estrat\u00e9gico (Misi\u00f3n y Visi\u00f3n) -->\n  <section id=\"marco-estrategico\" class=\"marco-section-s2\">\n    \n    <div class=\"marco-container-s2\">\n      \n      <!-- Columna Izquierda: Bloque de Textos (Misi\u00f3n y Visi\u00f3n) -->\n      <div class=\"marco-col-left-s2\">\n        \n        <!-- Bloque 1: Misi\u00f3n Institucional -->\n        <div class=\"estrat-block-s2\">\n          <h3 class=\"block-label-s2\">Misi\u00f3n<\/h3>\n          <p class=\"body-text-s2\">\n            Somos un instituto de investigaci\u00f3n cuya trayectoria se inici\u00f3 con el estudio de las realidades de ni\u00f1as, ni\u00f1os y adolescentes en Bolivia y que, desde esa ra\u00edz, ha ampliado su campo de investigaci\u00f3n hacia la comprensi\u00f3n de las diversas expresiones y din\u00e1micas de las injusticias sociales.\n          <\/p>\n          <p class=\"body-text-s2\">\n            Generamos conocimiento situado e interdisciplinario mediante enfoques participativos e inclusivos, buscando comprender estas realidades y contribuir a su transformaci\u00f3n. Para ello, movilizamos el conocimiento y trabajamos de manera articulada con comunidades, redes acad\u00e9micas, instituciones y actores de la sociedad civil.\n          <\/p>\n        <\/div>\n\n        <!-- L\u00ednea Divisoria de bloques -->\n        <div class=\"divider-line-s2\"><\/div>\n\n        <!-- Bloque 2: Visi\u00f3n Institucional -->\n        <div class=\"estrat-block-s2\">\n          <h3 class=\"block-label-s2\">Visi\u00f3n<\/h3>\n          <p class=\"body-text-s2\">\n            Aspiramos a consolidarnos como un referente nacional y regional en la generaci\u00f3n y movilizaci\u00f3n de conocimiento situado, interdisciplinario y socialmente relevante sobre las injusticias sociales.\n          <\/p>\n          <p class=\"body-text-s2\">\n            Buscamos fortalecer un ecosistema de investigaci\u00f3n colaborativo que articule academia, comunidades y otros actores, en el que el conocimiento contribuya a la incidencia, la toma de decisiones y a procesos sostenidos de transformaci\u00f3n social.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- Columna Derecha: Contenedor con Carrusel Rotativo de Im\u00e1genes (Sticky & Top-Aligned) -->\n      <div class=\"marco-col-right-s2\">\n        \n        <div class=\"image-carousel-s2\">\n          <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-QS-S2.jpg\" alt=\"IICC Qui\u00e9nes Somos - Misi\u00f3n y Visi\u00f3n 2\" class=\"carousel-img-s2 active-s2\">\n          <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-QS-S1.jpg\" alt=\"IICC Qui\u00e9nes Somos - Misi\u00f3n y Visi\u00f3n 1\" class=\"carousel-img-s2\">\n          <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-QS-S3.jpg\" alt=\"IICC Qui\u00e9nes Somos - Misi\u00f3n y Visi\u00f3n 3\" class=\"carousel-img-s2\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- L\u00f3gica de Javascript nativo para rotar las im\u00e1genes del carrusel -->\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const images = document.querySelectorAll('.carousel-img-s2');\n      let currentIndex = 0;\n      const intervalTime = 4000; \/\/ Alternar im\u00e1genes cada 4 segundos (4000ms)\n\n      function nextImage() {\n        \/\/ Quita la clase active de la imagen actual\n        images[currentIndex].classList.remove('active-s2');\n        \n        \/\/ Pasa a la siguiente imagen (en bucle c\u00edclico)\n        currentIndex = (currentIndex + 1) % images.length;\n        \n        \/\/ Agrega la clase active a la nueva imagen para que se desvanezca y aparezca\n        images[currentIndex].classList.add('active-s2');\n      }\n\n      \/\/ Solo inicia el temporizador si existen al menos 2 im\u00e1genes\n      if (images.length > 1) {\n        setInterval(nextImage, intervalTime);\n      }\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79bd75a e-flex e-con-boxed e-con e-parent\" data-id=\"79bd75a\" data-element_type=\"container\" data-e-type=\"container\" id=\"lineas\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3df2cdb elementor-widget elementor-widget-html\" data-id=\"3df2cdb\" 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>Qui\u00e9nes Somos - Secci\u00f3n 3 (L\u00edneas de Acci\u00f3n)<\/title>\n  \n  <!-- Tipograf\u00eda Oficial -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n  \n  <style>\n    \/* ==========================================================================\n       VARIABLES GLOBALES Y TOKENS (Escenario B)\n       ========================================================================== *\/\n    :root {\n      \/* Brand Identity Tokens *\/\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n      --brand-yellow: #fcbf00;\n      --brand-yellow-pastel: #FBF8F3;\n      --brand-blue-pastel: #C4CED4;\n      --brand-gray-text: #3C3C3B;\n\n      \/* UI Tokens *\/\n      --bg-white: #ffffff;\n      --text-dark: #222222;\n      --text-gray: #555555;\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      width: 100vw;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* CONTENEDOR GENERAL DE SECCI\u00d3N *\/\n    #lineas-accion {\n      width: 100vw;\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* ==========================================================================\n       LAYOUT STICKY (Escenario B) - Estructura de bloque individual\n       ========================================================================== *\/\n    .linea-bloque-qs3 {\n      display: flex;\n      flex-direction: row;\n      width: 100vw;\n      min-height: 100vh;\n      border-bottom: 1px solid #eeeeee;\n    }\n\n    \/* COLUMNA IZQUIERDA: IMAGEN STICKY *\/\n    .linea-imagen-col-qs3 {\n      width: 50%;\n      height: 100vh;\n      position: sticky;\n      top: 0;\n      overflow: hidden;\n    }\n\n    .linea-imagen-col-qs3 img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n\n    \/* COLUMNA DERECHA: CONTENIDO CON SCROLL *\/\n    .linea-contenido-col-qs3 {\n      width: 50%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center; \/* Centrar verticalmente en desktop *\/\n      padding: 8vw 6vw; \/* Espacio generoso interno *\/\n      box-sizing: border-box;\n      background-color: var(--bg-white);\n    }\n\n    \/* CABECERA (T\u00cdTULO Y COORDINADOR) *\/\n    .pilar-header-qs3 {\n      display: flex;\n      flex-direction: column;\n      gap: 1vw; \/* Separaci\u00f3n moderada seg\u00fan referencia *\/\n      margin-bottom: 3vw;\n    }\n\n    \/* T\u00edtulo: Estilo \"Capernaum Scholarship\" de la referencia *\/\n    .linea-titulo-qs3 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 3.5vw;\n      line-height: 1.1;\n      font-weight: 400; \/* Ligero\/Regular *\/\n      color: var(--text-dark);\n      margin: 0;\n    }\n\n    \/* Etiqueta de l\u00ednea (L\u00ednea de investigaci\u00f3n) *\/\n    .linea-etiqueta-qs3 {\n      font-size: 0.8vw;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      font-weight: 600;\n      color: var(--text-gray); \/* plomo *\/\n      margin: 0;\n    }\n\n    \/* Modificador para mitad del t\u00edtulo plomo claro *\/\n    .titulo-light-qs3 {\n      color: #a0a0a0;\n    }\n\n    \/* Coordinador: Estilo \"Transforming Lives...\" de la referencia *\/\n    .linea-coordinador-qs3 {\n      font-size: 1.2vw;\n      line-height: 1.4;\n      font-weight: 500;\n      color: var(--brand-blue); \/* azul *\/\n      margin: 0;\n    }\n\n    .linea-coordinador-qs3 a {\n      color: inherit;\n      text-decoration: underline;\n    }\n\n    .linea-coordinador-qs3 a:hover {\n      text-decoration: none;\n    }\n\n    \/* DESCRIPCIONES *\/\n    .pilar-descripciones-qs3 {\n      display: flex;\n      flex-direction: column;\n      gap: 3vw; \/* separaci\u00f3n m\u00e1s grande entre p\u00e1rrafos *\/\n    }\n\n    .body-text-qs3 {\n      font-size: 1.0vw;\n      line-height: 1.7;\n      font-weight: 400;\n      color: var(--text-gray);\n      margin: 0;\n      max-width: 90%;\n    }\n\n    \/* ==========================================================================\n       PUNTOS DE RUPTURA RESPONSIVOS\n       ========================================================================== *\/\n    \n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .linea-titulo-qs3 {\n        font-size: 4.5vw;\n      }\n      \n      .linea-etiqueta-qs3 {\n        font-size: 1.2vw;\n      }\n      \n      .linea-coordinador-qs3 {\n        font-size: 1.8vw;\n      }\n\n      .pilar-header-qs3 {\n        margin-bottom: 4vw;\n        gap: 1.5vw;\n      }\n\n      .body-text-qs3 {\n        font-size: 1.5vw;\n        max-width: 100%;\n      }\n\n      .pilar-descripciones-qs3 {\n        gap: 3.5vw; \/* separaci\u00f3n m\u00e1s grande *\/\n      }\n\n      .linea-contenido-col-qs3 {\n        padding: 6vw 4vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .linea-bloque-qs3 {\n        flex-direction: column; \/* Apilar imagen arriba y texto abajo *\/\n        min-height: auto;\n      }\n\n      \/* La imagen deja de ser sticky en m\u00f3vil para flujo normal *\/\n      .linea-imagen-col-qs3 {\n        width: 100%;\n        height: 50vh; \/* Altura relativa fija *\/\n        position: relative; \/* Elimina el sticky *\/\n      }\n\n      .linea-contenido-col-qs3 {\n        width: 100%;\n        padding: 24vw 5vw; \/* Aumentado considerablemente *\/\n      }\n\n      .linea-titulo-qs3 {\n        font-size: 8vw;\n      }\n\n      .linea-etiqueta-qs3 {\n        font-size: 3vw;\n      }\n\n      .linea-coordinador-qs3 {\n        font-size: 4vw;\n      }\n\n      .pilar-header-qs3 {\n        gap: 2vw;\n        margin-bottom: 6vw;\n      }\n\n      .body-text-qs3 {\n        font-size: 3.2vw; \/* Reducido *\/\n        max-width: 100%;\n      }\n\n      .pilar-descripciones-qs3 {\n        gap: 8vw; \/* separaci\u00f3n m\u00e1s grande *\/\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 3: L\u00edneas de Acci\u00f3n -->\n  <section id=\"lineas-accion\">\n\n    <!-- Bloque 1: Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia -->\n    <div class=\"linea-bloque-qs3\">\n      <div class=\"linea-imagen-col-qs3\">\n        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Proteccion-cuidado-y-bienestar-de-la-ninez-y-adolescencia.jpg\" alt=\"Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia\">\n      <\/div>\n      <div class=\"linea-contenido-col-qs3\">\n        <div class=\"pilar-header-qs3\">\n          <p class=\"linea-etiqueta-qs3\">L\u00cdNEA DE INVESTIGACI\u00d3N<\/p>\n          <h3 class=\"linea-titulo-qs3\">Protecci\u00f3n, cuidado y bienestar de <span class=\"titulo-light-qs3\">la ni\u00f1ez y adolescencia<\/span><\/h3>\n          <p class=\"linea-coordinador-qs3\">Coordinadores de l\u00ednea: <strong><a href=\"\/iicc\/equipo-iicc\/marcela-losantos-velasco\/\">Marcela Losantos<\/a><\/strong> y <strong><a href=\"\/iicc\/equipo-iicc\/atamhi-cawayu\/\">Atamhi Cawayu<\/a><\/strong><\/p>\n        <\/div>\n        <div class=\"pilar-descripciones-qs3\">\n          <p class=\"body-text-qs3\">La l\u00ednea de investigaci\u00f3n Protecci\u00f3n, cuidado y bienestar de la ni\u00f1ez y adolescencia estudia las condiciones familiares, comunitarias, institucionales, culturales y estructurales que configuran las trayectorias de vida de ni\u00f1as, ni\u00f1os y adolescentes, con especial atenci\u00f3n a contextos de vulnerabilidad, desigualdad, violencia, exclusi\u00f3n, p\u00e9rdida o fragilidad de cuidados.<\/p>\n          <p class=\"body-text-qs3\">Desde una perspectiva interdisciplinaria, articula aportes de la psicolog\u00eda, las ciencias sociales, los estudios de infancia, los enfoques de derechos humanos y las pol\u00edticas p\u00fablicas para comprender c\u00f3mo se producen las condiciones que protegen, amenazan o reparan el bienestar de ni\u00f1as, ni\u00f1os y adolescentes.<\/p>\n          <p class=\"body-text-qs3\">La l\u00ednea parte del reconocimiento de que los derechos de la ni\u00f1ez y adolescencia constituyen un marco \u00e9tico, jur\u00eddico y pol\u00edtico fundamental, pero que su cumplimiento depende de relaciones, instituciones, sistemas y pr\u00e1cticas concretas. Por ello, desplaza la mirada desde la declaraci\u00f3n normativa de derechos hacia las condiciones efectivas que permiten vivir una infancia y adolescencia protegida, cuidada, participativa y digna.<\/p>\n          <p class=\"body-text-qs3\">En este marco, la protecci\u00f3n se entiende como un proceso integral que involucra prevenci\u00f3n, cuidado, respuesta institucional, restituci\u00f3n de derechos, reparaci\u00f3n del da\u00f1o y fortalecimiento de entornos familiares, comunitarios y sociales. La l\u00ednea analiza el funcionamiento de los sistemas de protecci\u00f3n, las capacidades de las familias y comunidades, las respuestas institucionales frente a la violencia y la vulneraci\u00f3n de derechos, y las formas en que ni\u00f1as, ni\u00f1os y adolescentes participan, resisten, elaboran sentido y construyen proyectos de vida.<\/p>\n          <p class=\"body-text-qs3\">Su prop\u00f3sito es generar conocimiento relevante para la investigaci\u00f3n, la formaci\u00f3n, la incidencia p\u00fablica y el dise\u00f1o de pol\u00edticas, programas e intervenciones orientadas a fortalecer la protecci\u00f3n integral, el cuidado y el bienestar de ni\u00f1as, ni\u00f1os y adolescentes en Bolivia y la regi\u00f3n.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bloque 2: Tramas y formas de la violencia -->\n    <div class=\"linea-bloque-qs3\">\n      <div class=\"linea-imagen-col-qs3\">\n        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Tramas-y-formas-de-la-violencia.jpg\" alt=\"Tramas y formas de la violencia\">\n      <\/div>\n      <div class=\"linea-contenido-col-qs3\">\n        <div class=\"pilar-header-qs3\">\n          <p class=\"linea-etiqueta-qs3\">L\u00cdNEA DE INVESTIGACI\u00d3N<\/p>\n          <h3 class=\"linea-titulo-qs3\">Tramas y formas de <span class=\"titulo-light-qs3\">la violencia<\/span><\/h3>\n          <p class=\"linea-coordinador-qs3\">Coordinadora de l\u00ednea: <strong><a href=\"\/iicc\/equipo-iicc\/paola-andrea-bedoya-moroy\/\">Paola Bedoya Monroy<\/a><\/strong><\/p>\n        <\/div>\n        <div class=\"pilar-descripciones-qs3\">\n          <p class=\"body-text-qs3\">La l\u00ednea de investigaci\u00f3n Tramas y formas de la violencia estudia c\u00f3mo las estructuras familiares, sociales, culturales, simb\u00f3licas, institucionales e hist\u00f3ricas sostienen y reproducen la violencia, y c\u00f3mo esta se expresa y encarna en cuerpos, v\u00ednculos, instituciones y pr\u00e1cticas cotidianas. Desde una perspectiva interdisciplinaria, integra aportes de las ciencias sociales, los estudios culturales y la psicolog\u00eda para comprender la violencia no como un evento puntual o excepcional, sino como un fen\u00f3meno estructurado, continuo y multidimensional.<\/p>\n          <p class=\"body-text-qs3\">Esta l\u00ednea acude a dos registros anal\u00edticos complementarios: las tramas y las formas. Las tramas remiten a las estructuras profundas que organizan las relaciones sociales y reproducen condiciones de desigualdad, subordinaci\u00f3n y da\u00f1o, frecuentemente invisibilizadas o naturalizadas. Las formas se refieren a los modos concretos en que la violencia aparece, se inscribe en los cuerpos, circula en los s\u00edmbolos, se reproduce en los v\u00ednculos y se institucionaliza en las pr\u00e1cticas.<\/p>\n          <p class=\"body-text-qs3\">Desde una perspectiva interseccional y situada, la l\u00ednea analiza c\u00f3mo la violencia se articula con el g\u00e9nero, la edad, la clase, la etnia, la cultura, el territorio y otras relaciones de poder, produciendo experiencias diferenciadas de vulnerabilidad, da\u00f1o, resistencia y agencia.<\/p>\n          <p class=\"body-text-qs3\">Bajo este marco, estudia las condiciones que producen y reproducen distintas expresiones de violencia, los modos en que son experimentadas en la vida cotidiana, los \u00f3rdenes simb\u00f3licos que las naturalizan o invisibilizan, y las respuestas individuales, colectivas e institucionales que emergen frente a ellas. Su prop\u00f3sito es generar conocimiento cr\u00edtico y situado que contribuya a la prevenci\u00f3n, la reparaci\u00f3n, la transformaci\u00f3n institucional y la construcci\u00f3n de relaciones sociales m\u00e1s justas.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bloque 3: Salud, bienestar y contextos socioambientales -->\n    <div class=\"linea-bloque-qs3\">\n      <div class=\"linea-imagen-col-qs3\">\n        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Salud-bienestar-y-contextos-socioambientales.jpeg\" alt=\"Salud, bienestar y contextos socioambientales\">\n      <\/div>\n      <div class=\"linea-contenido-col-qs3\">\n        <div class=\"pilar-header-qs3\">\n          <p class=\"linea-etiqueta-qs3\">L\u00cdNEA DE INVESTIGACI\u00d3N<\/p>\n          <h3 class=\"linea-titulo-qs3\">Salud, bienestar y <span class=\"titulo-light-qs3\">contextos socioambientales<\/span><\/h3>\n          <p class=\"linea-coordinador-qs3\">Coordinadora de l\u00ednea: <strong><a href=\"\/iicc\/equipo-iicc\/ana-maria-f-arias-uriona\/\">Ana Mar\u00eda Arias Uriona<\/a><\/strong><\/p>\n        <\/div>\n        <div class=\"pilar-descripciones-qs3\">\n          <p class=\"body-text-qs3\">La l\u00ednea de investigaci\u00f3n Salud, bienestar y contextos socioambientales estudia c\u00f3mo las condiciones sociales, econ\u00f3micas, culturales, pol\u00edticas, territoriales y ambientales configuran las posibilidades de las personas y comunidades para vivir con salud, bienestar y dignidad. Desde una perspectiva interdisciplinaria, articula aportes de la psicolog\u00eda, la salud colectiva, la epidemiolog\u00eda social, las ciencias sociales y los estudios socioambientales para comprender la salud y el bienestar como procesos hist\u00f3ricos, relacionales y territorialmente situados.<\/p>\n          <p class=\"body-text-qs3\">La l\u00ednea parte del reconocimiento de que la salud y el bienestar no son \u00fanicamente resultados individuales, sino experiencias que se construyen en interacci\u00f3n con los entornos familiares, comunitarios, institucionales, ambientales y culturales donde transcurre la vida cotidiana. En este sentido, comprende el bienestar como una experiencia relacional que emerge de los v\u00ednculos que las personas establecen consigo mismas, con otras personas, con sus comunidades, con sus territorios, con la naturaleza y con las dimensiones culturales y espirituales que otorgan sentido a la vida.<\/p>\n          <p class=\"body-text-qs3\">Bajo este marco, la l\u00ednea analiza los determinantes sociales de la salud, las desigualdades en salud y bienestar, la movilidad humana, las transformaciones socioambientales, los saberes locales, las pr\u00e1cticas comunitarias de cuidado y las formas en que distintos grupos experimentan, interpretan y responden a los cambios que afectan sus condiciones de vida.<\/p>\n          <p class=\"body-text-qs3\">Su prop\u00f3sito es generar conocimiento que contribuya al dise\u00f1o de pol\u00edticas, programas e intervenciones orientadas a fortalecer el bienestar individual y colectivo, la equidad en salud, la sostenibilidad de la vida y la construcci\u00f3n de respuestas situadas frente a los desaf\u00edos socioambientales contempor\u00e1neos.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Bloque 4: Inclusi\u00f3n social y agencia y territorios en transformaci\u00f3n -->\n    <div class=\"linea-bloque-qs3\">\n      <div class=\"linea-imagen-col-qs3\">\n        <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/IICC-Inclusion-social-agencia-y-territorios-en-transformacion-scaled.jpg\" alt=\"Inclusi\u00f3n social y agencia y territorios en transformaci\u00f3n\">\n      <\/div>\n      <div class=\"linea-contenido-col-qs3\">\n        <div class=\"pilar-header-qs3\">\n          <p class=\"linea-etiqueta-qs3\">L\u00cdNEA DE INVESTIGACI\u00d3N<\/p>\n          <h3 class=\"linea-titulo-qs3\">Inclusi\u00f3n social y agencia y <span class=\"titulo-light-qs3\">territorios en transformaci\u00f3n<\/span><\/h3>\n          <p class=\"linea-coordinador-qs3\">Coordinadoras de l\u00ednea: <strong><a href=\"\/iicc\/equipo-iicc\/jazmin-mazo-torrico\/\">Jazm\u00edn Maz\u00f3 Torrico<\/a><\/strong> y <strong><a href=\"\/iicc\/equipo-iicc\/ana-maria-f-arias-uriona\/\">Ana Mar\u00eda Arias Uriona<\/a><\/strong><\/p>\n        <\/div>\n        <div class=\"pilar-descripciones-qs3\">\n          <p class=\"body-text-qs3\">La l\u00ednea de investigaci\u00f3n Inclusi\u00f3n social, agencia y territorios en transformaci\u00f3n estudia los procesos mediante los cuales personas, comunidades e instituciones construyen condiciones de reconocimiento, participaci\u00f3n, pertenencia y justicia social en contextos atravesados por desigualdades, movilidades, conflictos y transformaciones territoriales.<\/p>\n          <p class=\"body-text-qs3\">Desde una perspectiva interdisciplinaria, relacional y situada, la l\u00ednea comprende la inclusi\u00f3n social como un proceso que va m\u00e1s all\u00e1 del acceso a servicios o recursos, e involucra la posibilidad efectiva de participar, ser reconocido, ejercer derechos, construir v\u00ednculos y habitar territorios en condiciones de dignidad. En este marco, analiza c\u00f3mo las desigualdades vinculadas al g\u00e9nero, la edad, la clase, la etnia, la discapacidad, la movilidad humana y el territorio producen experiencias diferenciadas de inclusi\u00f3n, exclusi\u00f3n y pertenencia.<\/p>\n          <p class=\"body-text-qs3\">La l\u00ednea entiende la agencia como una capacidad relacional que se configura en interacci\u00f3n con las condiciones sociales, culturales, institucionales y territoriales. Por ello, estudia c\u00f3mo las personas y comunidades interpretan sus realidades, producen conocimiento, movilizan recursos, construyen identidades, generan v\u00ednculos y participan en la transformaci\u00f3n de sus condiciones de vida.<\/p>\n          <p class=\"body-text-qs3\">Bajo este marco, los territorios se comprenden como espacios vivos donde convergen memorias, identidades, relaciones de poder, bienes comunes, procesos ambientales, instituciones, conflictos y aspiraciones colectivas. La l\u00ednea busca generar conocimiento que contribuya a fortalecer pol\u00edticas, pr\u00e1cticas e iniciativas orientadas a la inclusi\u00f3n social, la participaci\u00f3n, la justicia territorial y la sostenibilidad.<\/p>\n        <\/div>\n      <\/div>\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-504bee6 e-flex e-con-boxed e-con e-parent\" data-id=\"504bee6\" data-element_type=\"container\" data-e-type=\"container\" id=\"informe\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e0a045 elementor-widget elementor-widget-html\" data-id=\"9e0a045\" 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>Qui\u00e9nes Somos - Secci\u00f3n 5 (Transparencia e Informes) - IICC<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (DESIGN TOKENS IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      \/* Brand Identity Tokens *\/\n      --brand-red: #b4363a;\n      --brand-blue: #004d7b;\n      --brand-yellow: #fcbf00;\n      --brand-yellow-pastel: #FBF8F3;\n      --brand-blue-pastel: #C4CED4;\n      --brand-gray-text: #3C3C3B;\n\n      \/* UI Tokens *\/\n      --bg-white: #ffffff;\n      --bg-light-gray: #f9f9f9;\n      --bg-placeholder: #e5e5e5;\n      --text-dark: #000000;\n      --text-muted: var(--brand-gray-text);\n      --border-light: #cccccc;\n      --black: #000000;\n      --white: #ffffff;\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      width: 100vw;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE SECCI\u00d3N *\/\n    .transparency-section {\n      width: 100vw;\n      padding: 8vw 3vw; \/* Padding lateral universal inquebrantable de 3vw *\/\n      background-color: var(--bg-white);\n      border-bottom: 1px solid var(--border-light);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \/* CONTENEDOR DE CONTENIDO (GRID DE 3 COLUMNAS ASIM\u00c9TRICAS) *\/\n    .qs-s5-container {\n      width: 100%;\n      max-width: 100%;\n      display: grid;\n      grid-template-columns: 18vw 1.3fr 1fr;\n      column-gap: 4vw;\n      align-items: start;\n    }\n\n    \/* COLUMNA IZQUIERDA: MARCADOR DE SECCI\u00d3N Y T\u00cdTULO H2 *\/\n    .qs-s5-col-left {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-top: 0.3vw; \/* Alineaci\u00f3n vertical con la primera l\u00ednea del t\u00edtulo del medio *\/\n      margin-right: 3vw; \/* Espaciado adicional respecto a la columna central *\/\n    }\n\n\n    \/* T\u00cdTULO PEQUE\u00d1O DE SECCI\u00d3N (H2 - Estilo T\u00edtulo 5) *\/\n    .titulo-5 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 0.9vw;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      color: var(--text-dark);\n      margin: 0;\n    }\n\n    \/* COLUMNA CENTRAL: T\u00cdTULO H3, P\u00c1RRAFO Y ACCI\u00d3N *\/\n    .qs-s5-col-center {\n      display: flex;\n      flex-direction: column;\n      gap: 2.2vw;\n    }\n\n    \/* T\u00cdTULO PRINCIPAL (H3 - Tama\u00f1o ampliado considerablemente) *\/\n    .titulo-3 {\n      font-family: 'Montserrat', sans-serif !important;\n      font-size: 3.2vw;\n      line-height: 1.25;\n      font-weight: 500; \/* Peso elegante y fino *\/\n      color: var(--black);\n      margin: 0;\n    }\n\n    \/* P\u00c1RRAFO DESCRIPTIVO (Estilo Body con Gris Textos Oficial) *\/\n    .body-text {\n      font-size: 1.1vw;\n      line-height: 1.6;\n      font-weight: 400;\n      color: var(--text-muted);\n      max-width: 38vw; \/* Ancho m\u00e1ximo en desktop para elegancia de lectura *\/\n      margin: 0;\n    }\n\n    \/* CONTENEDOR DE BOTONES *\/\n    .botones-container {\n      display: flex;\n      flex-direction: column;\n      gap: 1.2vw;\n    }\n\n    \/* BOT\u00d3N \/ ENLACE DE DESCARGA *\/\n    .btn-cta-template {\n      --btn-brand-color-rgb: 0, 77, 123; \/* Azul principal *\/\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      align-self: flex-start;\n    }\n\n    .btn-cta-template .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      background-color: rgba(var(--btn-brand-color-rgb), 0.35); \/* Ajustado seg\u00fan quitar-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    .btn-cta-template .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: rgb(var(--btn-brand-color-rgb));\n      transition: stroke 0.3s ease;\n    }\n\n    .btn-cta-template .btn-text {\n      padding-left: 1vw;\n      font-size: 0.9vw;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: none;\n      transition: color 0.3s ease;\n    }\n\n    .btn-cta-template:hover .btn-icon {\n      background-color: rgba(var(--btn-brand-color-rgb), 0.60);\n      transform: translateX(3px);\n    }\n\n    .btn-cta-template:hover .btn-text {\n      color: rgb(var(--btn-brand-color-rgb));\n    }\n\n    \/* COLUMNA DERECHA: CONTENEDOR E IMAGEN MOCKUP *\/\n    .qs-s5-col-right {\n      width: 100%;\n      display: flex;\n      justify-content: flex-end; \/* Alinear a la derecha como la referencia *\/\n    }\n\n    .image-container {\n      width: 100%;\n      max-width: 25vw; \/* Acotaci\u00f3n de tama\u00f1o - replica la referencia *\/\n      aspect-ratio: 3 \/ 4;\n      overflow: hidden;\n      border: 1px solid var(--border-light);\n      background-color: var(--bg-placeholder);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 12px; \/* Esquinas redondeadas *\/\n    }\n\n    .qs-s5-img {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover;\n      display: block;\n      transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    \/* Zoom de imagen en hover *\/\n    .image-container:hover .qs-s5-img {\n      transform: scale(1.04);\n    }\n\n\n    \/* ==========================================================================\n       PUNTOS DE RUPTURA RESPONSIVOS\n       ========================================================================== *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      .transparency-section {\n        padding: 8vw 3vw;\n      }\n\n      .qs-s5-container {\n        grid-template-columns: 20vw 1.2fr 1fr;\n        column-gap: 3vw;\n      }\n\n      .qs-s5-col-left {\n        margin-top: 0.6vw;\n        margin-right: 2vw; \/* Margen adaptado en tableta *\/\n      }\n\n\n      .titulo-5 {\n        font-size: 1.5vw;\n      }\n\n      .qs-s5-col-center {\n        gap: 2.5vw;\n      }\n\n      .titulo-3 {\n        font-size: 5.5vw; \/* Tama\u00f1o ampliado en tableta *\/\n      }\n\n      .body-text {\n        font-size: 1.8vw;\n        max-width: 100%;\n      }\n\n      .btn-cta-template .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      .btn-cta-template .btn-text {\n        font-size: 1.4vw;\n        padding-left: 1.5vw;\n      }\n\n      .image-container {\n        max-width: 100%;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .transparency-section {\n        padding: 25vw 3vw; \/* Incremento de respiro vertical bastante amplio en celular *\/\n      }\n\n      .qs-s5-container {\n        grid-template-columns: 1fr; \/* Colapso a una sola columna *\/\n        row-gap: 8vw;\n      }\n\n      .qs-s5-col-left {\n        margin-top: 0;\n        gap: 8px;\n        margin-right: 0; \/* Sin margen derecho al apilarse verticalmente *\/\n      }\n\n\n      .titulo-5 {\n        font-size: 3.3vw;\n      }\n\n      .qs-s5-col-center {\n        gap: 5vw;\n      }\n\n      .titulo-3 {\n        font-size: 8.5vw; \/* Tama\u00f1o ampliado en m\u00f3vil *\/\n      }\n\n      .body-text {\n        font-size: 3.6vw;\n        max-width: 100%;\n      }\n\n      .btn-cta-template {\n        width: 100%;\n      }\n\n      .btn-cta-template .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      .btn-cta-template .btn-text {\n        font-size: 3.0vw;\n        padding-left: 3vw;\n      }\n\n      .qs-s5-col-right {\n        justify-content: center; \/* Centrar la imagen en m\u00f3vil *\/\n      }\n\n      .image-container {\n        width: 100%; \/* Ocupa todo el ancho del contenedor en celular *\/\n        max-width: 100%; \/* Anula el max-width: 25vw heredado de desktop *\/\n        aspect-ratio: 3 \/ 4;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 5: Transparencia y Rendici\u00f3n de Cuentas -->\n  <section id=\"informes-anuales\" class=\"transparency-section\">\n    \n    <div class=\"qs-s5-container\">\n      \n      <!-- Columna izquierda: Marcador de secci\u00f3n y H2 (T\u00edtulo izquierdo peque\u00f1o) -->\n      <div class=\"qs-s5-col-left\">\n        <h2 class=\"titulo-5\">Informe Anual de Gesti\u00f3n<\/h2>\n      <\/div>\n\n      <!-- Columna central: H3 (T\u00edtulo grande), P\u00e1rrafo descriptivo y Bot\u00f3n de descarga -->\n      <div class=\"qs-s5-col-center\">\n        \n        <!-- T\u00edtulo principal de la secci\u00f3n (H3) -->\n        <h3 class=\"titulo-3\">Transparencia y Rendici\u00f3n de Cuentas<\/h3>\n        \n        <!-- P\u00e1rrafo descriptivo con Gris Textos Oficial -->\n        <p class=\"body-text\">Compartimos nuestras memorias anuales de gesti\u00f3n y los resultados de nuestras investigaciones como parte de nuestro compromiso con la transparencia y el rigor cient\u00edfico.<\/p>\n        \n        <!-- Botones de descarga PDF -->\n        <div class=\"botones-container\">\n          <a href=\"\/iicc\/wp-content\/uploads\/2026\/08\/INFORME-ANUAL-2024.pdf\" class=\"btn-cta-template\" target=\"_blank\" rel=\"noopener noreferrer\">\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                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Descargar Informe Anual 2024 (PDF)<\/span>\n          <\/a>\n          \n          <a href=\"\/iicc\/wp-content\/uploads\/2026\/08\/INFORME-ANUAL-2025_comp.pdf\" class=\"btn-cta-template\" target=\"_blank\" rel=\"noopener noreferrer\">\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                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Descargar Informe Anual 2025 (PDF)<\/span>\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- Columna derecha: Imagen Vertical Acotada -->\n      <div class=\"qs-s5-col-right\">\n        <div class=\"image-container\">\n          <img decoding=\"async\" src=\"\/iicc\/wp-content\/uploads\/2026\/07\/InformeMockup.jpg\" class=\"qs-s5-img\" alt=\"Informe Anual de Gesti\u00f3n y Resultados IICC\" loading=\"lazy\">\n        <\/div>\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>Sobre el IICC &#8211; Secci\u00f3n 1 (Hero e Introducci\u00f3n Hist\u00f3rica) Sobre el IICC Nuestra Trayectoria e Historia Fundado en el [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sobre el IICC - IICC<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sobre el IICC - IICC\" \/>\n<meta property=\"og:description\" content=\"Sobre el IICC &#8211; Secci\u00f3n 1 (Hero e Introducci\u00f3n Hist\u00f3rica) Sobre el IICC Nuestra Trayectoria e Historia Fundado en el [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/\" \/>\n<meta property=\"og:site_name\" content=\"IICC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T18:35:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 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\\\/sobre-el-iicc\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/sobre-el-iicc\\\/\",\"name\":\"Sobre el IICC - IICC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\"},\"datePublished\":\"2026-07-24T17:47:12+00:00\",\"dateModified\":\"2026-10-06T18:35:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/sobre-el-iicc\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/sobre-el-iicc\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/sobre-el-iicc\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sobre el IICC\"}]},{\"@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":"Sobre el IICC - IICC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/","og_locale":"es_ES","og_type":"article","og_title":"Sobre el IICC - IICC","og_description":"Sobre el IICC &#8211; Secci\u00f3n 1 (Hero e Introducci\u00f3n Hist\u00f3rica) Sobre el IICC Nuestra Trayectoria e Historia Fundado en el [&hellip;]","og_url":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/","og_site_name":"IICC","article_modified_time":"2026-10-06T18:35:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/","name":"Sobre el IICC - IICC","isPartOf":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website"},"datePublished":"2026-07-24T17:47:12+00:00","dateModified":"2026-10-06T18:35:03+00:00","breadcrumb":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ucb.edu.bo\/iicc\/sobre-el-iicc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ucb.edu.bo\/iicc\/"},{"@type":"ListItem","position":2,"name":"Sobre el IICC"}]},{"@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\/127","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=127"}],"version-history":[{"count":76,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":1273,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/127\/revisions\/1273"}],"wp:attachment":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}