{"id":295,"date":"2026-07-27T13:12:46","date_gmt":"2026-07-27T13:12:46","guid":{"rendered":"https:\/\/klz.rgg.mybluehost.me\/iicc\/?page_id=295"},"modified":"2026-10-06T14:46:30","modified_gmt":"2026-10-06T18:46:30","slug":"team","status":"publish","type":"page","link":"https:\/\/www.ucb.edu.bo\/iicc\/team\/","title":{"rendered":"Team"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"295\" class=\"elementor elementor-295\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef0833 e-flex e-con-boxed e-con e-parent\" data-id=\"5ef0833\" 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-b23401f elementor-widget elementor-widget-html\" data-id=\"b23401f\" 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>TEAM - Inicio Secci\u00f3n 1 (Hero) - Resultado<\/title>\n  <style>\n    \/* ----------------------------------------------------\n       ESTILOS SCOPEADOS - SECCI\u00d3N HERO CUSTOM (Escenario B)\n       ---------------------------------------------------- *\/\n    \n    \/* Importaci\u00f3n de Montserrat como fallback de Carmen Sans si no est\u00e1 local *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');\n\n    :root {\n      \/* Design Tokens Oficiales (linea-grafica.md) *\/\n      --team-color-primary: #2D564E;    \/* Verde Principal *\/\n      --team-color-secondary: #FBE9D7;  \/* Beige *\/\n      --team-color-text-dark: #333333;   \/* Texto Base Body *\/\n      --team-color-white: #ffffff;\n      --team-font-principal: 'Carmen Sans', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n\n    #team-hero-custom {\n      width: 100vw;\n      padding: 6vw 3vw; \/* Padding lateral universal de 3vw *\/\n      background-color: var(--team-color-white);\n      display: flex;\n      justify-content: center;\n      box-sizing: border-box;\n      font-family: var(--team-font-principal);\n    }\n\n    #team-hero-custom * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Grilla de dos columnas responsiva *\/\n    #team-hero-custom .hero-container {\n      width: 100%;\n      max-width: 94vw; \/* Asegura m\u00e1rgenes laterales fluidos *\/\n      display: grid;\n      grid-template-columns: 1.2fr 0.8fr;\n      column-gap: 5vw;\n      align-items: center;\n    }\n\n    \/* ----------------------------------------------------\n       COLUMNA IZQUIERDA: CONTENIDOS Y TEXTOS\n       ---------------------------------------------------- *\/\n    #team-hero-custom .hero-content {\n      display: flex;\n      flex-direction: column;\n      row-gap: 2vw;\n    }\n\n    \/* Logo principal *\/\n    #team-hero-custom .logo-wrapper {\n      width: 18vw;\n      min-width: 0;\n    }\n\n    #team-hero-custom .logo-img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    \/* T\u00edtulo H1 con estilo de T\u00edtulo 3 (estilos-globales-letras.md) *\/\n    #team-hero-custom .titulo-3 {\n      font-family: var(--team-font-principal);\n      font-size: 1.5vw;\n      font-weight: 700;\n      line-height: 1.35;\n      color: var(--team-color-primary); \/* Verde Principal *\/\n    }\n\n    \/* P\u00e1rrafo descriptivo con estilo de Body (estilos-globales-letras.md) *\/\n    #team-hero-custom .body-text {\n      font-family: var(--team-font-principal);\n      font-size: 1.1vw;\n      font-weight: 400;\n      line-height: 1.6;\n      color: var(--team-color-text-dark); \/* Gris oscuro *\/\n    }\n\n    \/* Contenedor de Botones CTA *\/\n    #team-hero-custom .btn-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1.5vw;\n      margin-top: 1vw;\n    }\n\n    \/* ----------------------------------------------------\n       ESTILOS DE BOT\u00d3N DELIMITADOS (boton-aislado.html)\n       ---------------------------------------------------- *\/\n    #team-hero-custom .btn-cta {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      width: fit-content;\n    }\n\n    \/* Caja contenedora para el icono (Redondeado circular) *\/\n    #team-hero-custom .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }\n\n    #team-hero-custom .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      transition: stroke 0.3s ease;\n    }\n\n    \/* Label del bot\u00f3n (May\u00fasculas y peso delgado) *\/\n    #team-hero-custom .btn-text {\n      padding-left: 1vw;\n      font-size: 0.95vw;\n      font-weight: 300;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      transition: color 0.3s ease;\n    }\n\n    \/* CONFIGURACI\u00d3N BOT\u00d3N PRIMARIO (S\u00f3lido Verde Principal) *\/\n    #team-hero-custom .btn-primary .btn-icon {\n      background-color: var(--team-color-primary);\n      border: 1px solid var(--team-color-primary);\n    }\n\n    #team-hero-custom .btn-primary .btn-icon svg {\n      stroke: var(--team-color-white);\n    }\n\n    #team-hero-custom .btn-primary .btn-text {\n      color: var(--team-color-primary);\n    }\n\n    \/* Hover Bot\u00f3n Primario *\/\n    #team-hero-custom .btn-primary:hover .btn-icon {\n      background-color: transparent;\n      border-color: var(--team-color-primary);\n      transform: translateX(4px);\n    }\n\n    #team-hero-custom .btn-primary:hover .btn-icon svg {\n      stroke: var(--team-color-primary);\n    }\n\n    #team-hero-custom .btn-primary:hover .btn-text {\n      color: var(--team-color-primary);\n      opacity: 0.7;\n    }\n\n    \/* CONFIGURACI\u00d3N BOT\u00d3N SECUNDARIO (Outline Verde Principal) *\/\n    #team-hero-custom .btn-secondary .btn-icon {\n      background-color: transparent;\n      border: 1px solid var(--team-color-primary);\n    }\n\n    #team-hero-custom .btn-secondary .btn-icon svg {\n      stroke: var(--team-color-primary);\n    }\n\n    #team-hero-custom .btn-secondary .btn-text {\n      color: var(--team-color-primary);\n    }\n\n    \/* Hover Bot\u00f3n Secundario *\/\n    #team-hero-custom .btn-secondary:hover .btn-icon {\n      background-color: var(--team-color-primary);\n      border-color: var(--team-color-primary);\n      transform: translateX(4px);\n    }\n\n    #team-hero-custom .btn-secondary:hover .btn-icon svg {\n      stroke: var(--team-color-white);\n    }\n\n    #team-hero-custom .btn-secondary:hover .btn-text {\n      color: var(--team-color-primary);\n      opacity: 0.7;\n    }\n\n    \/* ----------------------------------------------------\n       COLUMNA DERECHA: VISOR DE IMAGEN CONCEPTUAL\n       ---------------------------------------------------- *\/\n    #team-hero-custom .hero-media {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n    }\n\n    #team-hero-custom .conceptual-image-container {\n      position: relative;\n      width: 100%;\n      aspect-ratio: 3 \/ 4; \/* Proporci\u00f3n vertical alta del layout de referencia *\/\n      background-color: var(--team-color-secondary);\n      border-radius: 24px; \/* Esquinas redondeadas *\/\n      overflow: hidden;\n      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); \/* Sombra suave de UI *\/\n    }\n\n    \/* Alternancia Autom\u00e1tica con Efecto Fade en CSS *\/\n    #team-hero-custom .fade-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    @keyframes imageCrossfade {\n      0%, 40% {\n        opacity: 1;\n        z-index: 2;\n      }\n      60%, 100% {\n        opacity: 0;\n        z-index: 1;\n      }\n    }\n\n    #team-hero-custom .fade-image-1 {\n      animation: imageCrossfade 8s infinite alternate ease-in-out;\n      z-index: 2;\n    }\n\n    #team-hero-custom .fade-image-2 {\n      opacity: 1;\n      z-index: 1;\n    }\n\n\n    \/* ----------------------------------------------------\n       PUNTOS DE RUPTURA RESPONSIVOS (puntos-de-ruptura-responsivos.md)\n       ---------------------------------------------------- *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      #team-hero-custom .hero-container {\n        column-gap: 3vw;\n      }\n\n      \/* Tipograf\u00eda fluida para Tableta (estilos-globales-letras.md) *\/\n      #team-hero-custom .titulo-3 {\n        font-size: 2.7vw;\n      }\n\n      #team-hero-custom .body-text {\n        font-size: 1.8vw;\n      }\n\n      #team-hero-custom .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      #team-hero-custom .btn-text {\n        font-size: 1.4vw;\n        padding-left: 1.5vw;\n      }\n\n      #team-hero-custom .logo-wrapper {\n        width: 25vw;\n        min-width: 0;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      #team-hero-custom {\n        padding: 15vw 6vw; \/* Padding vertical de 15vw y lateral de 6vw para respiro *\/\n      }\n\n      #team-hero-custom .hero-container {\n        display: flex;\n        flex-direction: column;\n        row-gap: 8vw;\n      }\n\n      #team-hero-custom .logo-wrapper {\n        width: 45vw;\n        min-width: 140px;\n        align-self: flex-start;\n      }\n\n      #team-hero-custom .hero-content {\n        order: 1;\n        row-gap: 5vw;\n      }\n\n      #team-hero-custom .hero-media {\n        order: 2;\n        width: 100%;\n      }\n\n      \/* Tipograf\u00eda fluida para M\u00f3vil (estilos-globales-letras.md) *\/\n      #team-hero-custom .titulo-3 {\n        font-size: 3.4vw;\n        line-height: 1.15;\n      }\n\n      #team-hero-custom .body-text {\n        font-size: 3.2vw;\n      }\n\n      \/* Visor de imagen conceptual adaptado a altura intermedia en m\u00f3vil (4:3) *\/\n      #team-hero-custom .conceptual-image-container {\n        aspect-ratio: 4 \/ 3;\n      }\n\n      \/* Botones de acci\u00f3n a 100% de ancho y apilados verticalmente *\/\n      #team-hero-custom .btn-container {\n        flex-direction: column;\n        row-gap: 4vw;\n        width: 100%;\n        margin-top: 3vw;\n      }\n\n      #team-hero-custom .btn-cta {\n        width: 100%;\n      }\n\n      #team-hero-custom .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      #team-hero-custom .btn-text {\n        font-size: 3.2vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n Hero Estructurada y Personalizada (Escenario B) -->\n  <section id=\"team-hero-custom\">\n    <div class=\"hero-container\">\n\n      <!-- Columna Izquierda: Logo, Textos y Acciones -->\n      <div class=\"hero-content\">\n        \n        <!-- Logo Principal -->\n        <div class=\"logo-wrapper\">\n          <!-- WP Uploads URL: https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png -->\n          <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png\" alt=\"TEAM Logo\" class=\"logo-img\">\n        <\/div>\n\n        <!-- H1 con palabras clave para indexaci\u00f3n (SEO) -->\n        <h1 class=\"titulo-3\">\n          Explorando la interconexi\u00f3n entre la salud mental y el cambio clim\u00e1tico: Implicaciones para el bienestar humano y comunitario (vivir-bien) en comunidades rurales e ind\u00edgenas en Bolivia.\n        <\/h1>\n\n        <!-- P\u00e1rrafo descriptivo secundario -->\n        <p class=\"body-text\">\n          Un proyecto de Investigaci\u00f3n Transdisciplinaria Basada en Comunidad (ITBC) impulsado por el Instituto de Investigaciones en Ciencias del Comportamiento de la Universidad Cat\u00f3lica Boliviana \"San Pablo\" (IICC-UCB) que busca fortalecer la resiliencia en salud mental y en el bienestar de las comunidades rurales e ind\u00edgenas de Bolivia frente a los efectos del cambio clim\u00e1tico.\n        <\/p>\n\n        <!-- Botones de Acci\u00f3n de Alta Conversi\u00f3n -->\n        <div class=\"btn-container\">\n          \n          <!-- Bot\u00f3n Primario: Conocer el Proyecto (Navegaci\u00f3n Interna) -->\n          <a href=\"#proyecto-info\" class=\"btn-cta btn-primary\" id=\"btn-conocer\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" 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\">Conocer el Proyecto<\/span>\n          <\/a>\n\n          <!-- Bot\u00f3n Secundario: Ver Publicaciones TEAM (Redirecci\u00f3n Estrat\u00e9gica) -->\n          <a href=\"\/publicaciones\/\" class=\"btn-cta btn-secondary\" id=\"btn-publicaciones\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" 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\">Ver Publicaciones TEAM<\/span>\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Columna Derecha: Visor de Imagen Conceptual (Image Switcher) -->\n      <div class=\"hero-media\">\n        <div class=\"conceptual-image-container\">\n          <!-- WP Uploads URL: https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-h1.jpg -->\n          <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-h1.jpg\" alt=\"Trabajo de campo en territorio rural originario 1\" class=\"fade-image fade-image-1\">\n          <!-- WP Uploads URL: https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-h2.jpg -->\n          <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-h2.jpg\" alt=\"Trabajo de campo en territorio rural originario 2\" class=\"fade-image fade-image-2\">\n        <\/div>\n      <\/div>\n\n    <\/div>\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-0b008ad e-flex e-con-boxed e-con e-parent\" data-id=\"0b008ad\" 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-778c540 elementor-widget elementor-widget-html\" data-id=\"778c540\" 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>TEAM - Inicio Secci\u00f3n 2 (Fundamentaci\u00f3n, Objetivos y Metodolog\u00eda) - Resultado<\/title>\n  <style>\n    \/* ----------------------------------------------------\n       ESTILOS SCOPEADOS - SECCI\u00d3N INICIO 2 (Escenario A)\n       ---------------------------------------------------- *\/\n    \n    \/* Importaci\u00f3n de Montserrat como fallback de Carmen Sans si no est\u00e1 local *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');\n\n    :root {\n      \/* Design Tokens Oficiales (linea-grafica.md) *\/\n      --team-color-primary: #2D564E;    \/* Verde Principal *\/\n      --team-color-secondary: #FBE9D7;  \/* Beige *\/\n      --team-color-text-dark: #333333;   \/* Texto Base Body *\/\n      --team-color-white: #ffffff;\n      --team-font-principal: 'Carmen Sans', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n\n    #team-inicio-s2-custom {\n      width: 100vw;\n      padding: 8vw 3vw; \/* Padding lateral universal de 3vw *\/\n      background-color: var(--team-color-white);\n      display: flex;\n      flex-direction: column;\n      box-sizing: border-box;\n      font-family: var(--team-font-principal);\n      overflow-x: hidden;\n    }\n\n    #team-inicio-s2-custom * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* ----------------------------------------------------\n       ESCALA TIPOGR\u00c1FICA FLUIDA (estilos-globales-letras.md)\n       ---------------------------------------------------- *\/\n    \n    \/* T\u00edtulo 2 Reducido (H2 principal de la secci\u00f3n) *\/\n    #team-inicio-s2-custom .title-h2 {\n      font-family: var(--team-font-principal);\n      font-size: 2.2vw;\n      font-weight: 700;\n      color: var(--team-color-primary);\n      line-height: 1.3;\n      margin: 0;\n    }\n\n    \/* Subt\u00edtulos de Bloques (T\u00edtulo 3) *\/\n    #team-inicio-s2-custom .title-h3 {\n      font-family: var(--team-font-principal);\n      font-size: 1.8vw;\n      font-weight: 600;\n      color: var(--team-color-primary);\n      line-height: 1.35;\n      margin: 0;\n    }\n\n    \/* Texto Body (P\u00e1rrafos generales y vi\u00f1etas) *\/\n    #team-inicio-s2-custom .text-body {\n      font-family: var(--team-font-principal);\n      font-size: 1.1vw;\n      font-weight: 400;\n      line-height: 1.65;\n      color: var(--team-color-text-dark);\n    }\n\n    \/* ----------------------------------------------------\n       LAYOUTS Y ESTRUCTURA DE BLOQUES (sistema-medidas-relativas.md)\n       ---------------------------------------------------- *\/\n    #team-inicio-s2-custom .layout-grid {\n      display: grid;\n      grid-template-columns: 3.5fr 6.5fr;\n      column-gap: 5vw;\n      row-gap: 3vw;\n      align-items: start;\n    }\n\n    \/* Espaciadores verticales entre bloques de 8vw *\/\n    #team-inicio-s2-custom .block-spacer {\n      margin-bottom: 8vw;\n    }\n\n    \/* Columna derecha agrupada para el flujo de contenidos del Bloque 1 *\/\n    #team-inicio-s2-custom .right-column-flow {\n      display: flex;\n      flex-direction: column;\n      gap: 3vw;\n    }\n\n    \/* Contenedor de las dos im\u00e1genes 1:1 en paralelo *\/\n    #team-inicio-s2-custom .image-gallery-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 2vw;\n      margin: 1vw 0;\n      width: 70%;\n    }\n\n    #team-inicio-s2-custom .image-container-1-1 {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      background-color: var(--team-color-secondary); \/* Beige de fallback *\/\n      border-radius: 24px; \/* Mayor redondeo solicitado por el usuario *\/\n      overflow: hidden;\n      box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); \/* Sombra suave *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #team-inicio-s2-custom .img-seccion-2 {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover;\n      display: block;\n    }\n\n    \/* Bloque Objetivo General del Proyecto apilado verticalmente *\/\n    #team-inicio-s2-custom .block-objective-project {\n      display: flex;\n      flex-direction: column;\n      gap: 1vw;\n    }\n\n    \/* Bloque 2 - Objetivos Espec\u00edficos *\/\n    #team-inicio-s2-custom .objectives-list {\n      display: flex;\n      flex-direction: column;\n    }\n\n    #team-inicio-s2-custom .objective-item {\n      padding-bottom: 1.2rem;\n      border-bottom: 1px solid #eeeeee;\n      margin-bottom: 1.5rem;\n    }\n\n    #team-inicio-s2-custom .objective-item:last-child {\n      border-bottom: none;\n      margin-bottom: 0;\n      padding-bottom: 0;\n    }\n\n    \/* Bloque 3 - Ficha T\u00e9cnica *\/\n    #team-inicio-s2-custom .ficha-grid-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      gap: 3vw;\n    }\n\n    #team-inicio-s2-custom .ficha-column {\n      display: flex;\n      flex-direction: column;\n      gap: 0.8vw;\n    }\n\n    \/* Etiqueta Ficha T\u00e9cnica (T\u00edtulo 4) *\/\n    #team-inicio-s2-custom .ficha-label {\n      font-family: var(--team-font-principal);\n      font-size: 1.2vw;\n      font-weight: 700;\n      color: var(--team-color-primary);\n      line-height: 1.35;\n      margin: 0;\n    }\n\n    \/* Contenido Ficha T\u00e9cnica (Clase Body con escala reducida) *\/\n    #team-inicio-s2-custom .ficha-value {\n      font-size: 0.9vw;\n      line-height: 1.5;\n      margin: 0;\n    }\n\n    \/* Contenedor del Bot\u00f3n CTA alineado a la derecha *\/\n    #team-inicio-s2-custom .cta-outer-container {\n      grid-column: 1 \/ span 2;\n      display: flex;\n      justify-content: flex-end;\n      margin-top: 3vw;\n    }\n\n    \/* ----------------------------------------------------\n       ESTILO DE BOT\u00d3N CTA (Basado en boton-aislado.html)\n       ---------------------------------------------------- *\/\n    #team-inicio-s2-custom .btn-cta {\n      display: inline-flex;\n      align-items: center;\n      text-decoration: none;\n      color: var(--team-color-primary);\n      background: transparent;\n      transition: all 0.3s ease;\n      cursor: pointer;\n      width: fit-content;\n    }\n\n    \/* C\u00edrculo contenedor para el icono SVG *\/\n    #team-inicio-s2-custom .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      background-color: var(--team-color-primary);\n      border: 1px solid var(--team-color-primary);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n    }\n\n    #team-inicio-s2-custom .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: var(--team-color-white);\n      transition: stroke 0.3s ease;\n    }\n\n    \/* Texto del Bot\u00f3n CTA *\/\n    #team-inicio-s2-custom .btn-text {\n      padding-left: 1vw;\n      font-size: 1.2vw; \/* Conforme a estilos-globales-letras.md y especificaci\u00f3n *\/\n      font-weight: 300;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n      transition: color 0.3s ease;\n      color: var(--team-color-primary);\n    }\n\n    \/* Efectos Hover del Bot\u00f3n *\/\n    #team-inicio-s2-custom .btn-cta:hover .btn-icon {\n      background-color: transparent;\n      border-color: var(--team-color-primary);\n      transform: translateX(4px);\n    }\n\n    #team-inicio-s2-custom .btn-cta:hover .btn-icon svg {\n      stroke: var(--team-color-primary);\n    }\n\n    #team-inicio-s2-custom .btn-cta:hover .btn-text {\n      color: var(--team-color-primary);\n      opacity: 0.7;\n    }\n\n    \/* ----------------------------------------------------\n       PUNTOS DE RUPTURA RESPONSIVOS (puntos-de-ruptura-responsivos.md)\n       ---------------------------------------------------- *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      #team-inicio-s2-custom {\n        padding: 10vw 4vw;\n      }\n\n      #team-inicio-s2-custom .title-h2 {\n        font-size: 4.5vw;\n      }\n\n      #team-inicio-s2-custom .title-h3 {\n        font-size: 3.3vw;\n      }\n\n      #team-inicio-s2-custom .text-body {\n        font-size: 1.8vw;\n      }\n\n      #team-inicio-s2-custom .ficha-grid-container {\n        grid-template-columns: 1fr 1fr;\n        gap: 4vw;\n      }\n\n      #team-inicio-s2-custom .ficha-column {\n        gap: 1.2vw;\n      }\n\n      #team-inicio-s2-custom .ficha-label {\n        font-size: 1.8vw;\n      }\n\n      #team-inicio-s2-custom .ficha-value {\n        font-size: 1.4vw;\n      }\n\n      #team-inicio-s2-custom .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      #team-inicio-s2-custom .btn-text {\n        font-size: 1.8vw;\n        padding-left: 1.5vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior (sistema-medidas-relativas.md) *\/\n    @media (max-width: 767px) {\n      #team-inicio-s2-custom {\n        padding: 12vw 5vw; \/* Margen lateral de 5vw en m\u00f3vil *\/\n      }\n\n      #team-inicio-s2-custom .layout-grid {\n        grid-template-columns: 1fr;\n        row-gap: 6vw;\n      }\n\n      #team-inicio-s2-custom .block-spacer {\n        margin-bottom: 12vw;\n      }\n\n      #team-inicio-s2-custom .right-column-flow {\n        gap: 6vw;\n      }\n\n      #team-inicio-s2-custom .title-h2 {\n        font-size: 7.2vw;\n        margin-bottom: 2vw;\n      }\n\n      #team-inicio-s2-custom .title-h3 {\n        font-size: 6.6vw;\n        margin-bottom: 3vw;\n      }\n\n      #team-inicio-s2-custom .text-body {\n        font-size: 3.6vw;\n      }\n\n      #team-inicio-s2-custom .image-gallery-container {\n        grid-template-columns: 1fr 1fr;\n        gap: 4vw;\n        margin: 2vw 0;\n        width: 85%;\n      }\n\n      #team-inicio-s2-custom .objective-item {\n        font-size: 3.6vw;\n        padding-bottom: 1rem;\n      }\n\n      #team-inicio-s2-custom .ficha-grid-container {\n        grid-template-columns: 1fr;\n        gap: 6vw;\n      }\n\n      #team-inicio-s2-custom .ficha-column {\n        gap: 2vw;\n      }\n\n      #team-inicio-s2-custom .ficha-label {\n        font-size: 3.6vw;\n      }\n\n      #team-inicio-s2-custom .ficha-value {\n        font-size: 2.8vw;\n      }\n\n      #team-inicio-s2-custom .cta-outer-container {\n        grid-column: 1;\n        justify-content: flex-end;\n        margin-top: 6vw;\n      }\n\n      #team-inicio-s2-custom .btn-cta {\n        width: 100%; \/* Bot\u00f3n ocupa el 100% de la fila en m\u00f3vil *\/\n      }\n\n      #team-inicio-s2-custom .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      #team-inicio-s2-custom .btn-text {\n        font-size: 3.9vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Contenedor \u00danico y Aislado de la Secci\u00f3n 2 -->\n  <section id=\"team-inicio-s2-custom\">\n\n    <!-- BLOQUE 1: Ciencia y Saberes Locales + Columna de Contenido (Intro, Im\u00e1genes 1:1 y Objetivo General) -->\n    <div class=\"layout-grid block-spacer\">\n      <!-- Columna Izquierda: T\u00edtulo Principal con tama\u00f1o de letra reducido -->\n      <div>\n        <h2 class=\"title-h2\">\u00bfPor qu\u00e9 es necesario?<\/h2>\n      <\/div>\n      \n      <!-- Columna Derecha: Contenido completo apilado secuencialmente -->\n      <div class=\"right-column-flow\">\n        <!-- P\u00e1rrafo superior -->\n        <p class=\"text-body\">Porque permite comprender c\u00f3mo los cambios ambientales, productivos y territoriales asociados al cambio clim\u00e1tico afectan la vida cotidiana, los v\u00ednculos comunitarios, los medios de subsistencia y el bienestar emocional de comunidades rurales e ind\u00edgenas. Desde esta mirada, la salud mental no se aborda de manera aislada, sino en relaci\u00f3n con las condiciones sociales, ambientales, culturales y comunitarias que configuran el bienestar y la resiliencia.<\/p>\n\n        <!-- Dos contenedores de im\u00e1genes en paralelo con aspecto 1:1 -->\n        <div class=\"image-gallery-container\">\n          <div class=\"image-container-1-1\">\n            <!-- RUTA LOCAL DE PREVISUALIZACI\u00d3N: ..\/..\/multimedia\/1-Inicio\/1-TEAM-foto-2.jpg -->\n            <!-- REEMPLAZAR EN WORDPRESS CON LA URL ABSOLUTA DE LA BIBLIOTECA DE MEDIOS -->\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-foto-2.jpg\" alt=\"Saberes Locales\" class=\"img-seccion-2\" loading=\"lazy\">\n          <\/div>\n          <div class=\"image-container-1-1\">\n            <!-- RUTA LOCAL DE PREVISUALIZACI\u00d3N: ..\/..\/multimedia\/1-Inicio\/1-TEAM-foto-1.jpg -->\n            <!-- REEMPLAZAR EN WORDPRESS CON LA URL ABSOLUTA DE LA BIBLIOTECA DE MEDIOS -->\n            <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/1-TEAM-foto-1.jpg\" alt=\"Ciencia y Clima\" class=\"img-seccion-2\" loading=\"lazy\">\n          <\/div>\n        <\/div>\n\n        <!-- Objetivo General (Debajo de las im\u00e1genes, apilado verticalmente) -->\n        <div class=\"block-objective-project\">\n          <h3 class=\"title-h3\">\u00bfC\u00f3mo trabajamos?<\/h3>\n          <p class=\"text-body\">El proyecto adopta un enfoque de Investigaci\u00f3n Transdisciplinaria Basada en Comunidad (ITBC), que integra conocimiento cient\u00edfico, saberes locales, experiencia territorial y trabajo interinstitucional.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n    <!-- BLOQUE 2: Nuestra meta -->\n    <div class=\"layout-grid block-spacer\">\n      <!-- Columna Izquierda: T\u00edtulo -->\n      <div>\n        <h3 class=\"title-h3\">Nuestra meta<\/h3>\n      <\/div>\n      \n      <!-- Columna Derecha: Listado -->\n      <div class=\"objectives-list\">\n        <div class=\"objective-item\">\n          <p class=\"text-body\">Contribuir al fortalecimiento de la resiliencia en salud mental, en el bienestar comunitario y el vivir-bien de comunidades rurales e ind\u00edgenas afectadas por el cambio clim\u00e1tico.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n    <!-- BLOQUE 3: Nuestros Objetivos & Bot\u00f3n CTA -->\n    <div class=\"layout-grid\">\n      <!-- Columna Izquierda: T\u00edtulo -->\n      <div>\n        <h3 class=\"title-h3\">Nuestros Objetivos<\/h3>\n      <\/div>\n      \n      <!-- Columna Derecha: Contenido modular de 3 columnas -->\n      <div class=\"ficha-grid-container\">\n        <!-- Columna Ficha 1 -->\n        <div class=\"ficha-column\">\n          <p class=\"text-body ficha-value\"><strong>Fortalecer<\/strong> las capacidades de la Facultad de Ciencias Sociales y Humanas (FCSH) de la UCB en investigaci\u00f3n con enfoque ITBC, al mismo tiempo que genera conocimiento sobre la relaci\u00f3n entre cambio clim\u00e1tico, salud mental y bienestar en comunidades rurales e ind\u00edgenas.<\/p>\n        <\/div>\n        <!-- Columna Ficha 2 -->\n        <div class=\"ficha-column\">\n          <p class=\"text-body ficha-value\"><strong>Promover<\/strong> la movilizaci\u00f3n del conocimiento entre comunidades, universidad, instituciones p\u00fablicas, autoridades locales y actores del desarrollo. Esto permite que los saberes comunitarios y la evidencia cient\u00edfica dialoguen para comprender mejor los desaf\u00edos que viven los territorios.<\/p>\n        <\/div>\n        <!-- Columna Ficha 3 -->\n        <div class=\"ficha-column\">\n          <p class=\"text-body ficha-value\"><strong>Dise\u00f1ar<\/strong> acciones de prevenci\u00f3n, cuidado e intervenci\u00f3n m\u00e1s pertinentes, participativas y cercanas a las necesidades reales de las comunidades rurales e ind\u00edgenas.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- Fila Inferior: Bot\u00f3n de Conversi\u00f3n CTA con la estructura oficial de boton-aislado.html -->\n      <div class=\"cta-outer-container\">\n        <!-- RUTA DEL BOT\u00d3N: REEMPLAZAR EN WORDPRESS CON LA URL CORRESPONDIENTE -->\n        <a href=\"#\" class=\"btn-cta\">\n          <span class=\"btn-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" 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 Investigaciones del Proyecto<\/span>\n        <\/a>\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-b74e074 e-flex e-con-boxed e-con e-parent\" data-id=\"b74e074\" 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-c7738b7 elementor-widget elementor-widget-html\" data-id=\"c7738b7\" 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>TEAM - Inicio Secci\u00f3n 3 (Hitos de Rendimiento) - Resultado<\/title>\n  <style>\n    \/* ----------------------------------------------------\n       ESTILOS SCOPEADOS - SECCI\u00d3N INICIO 3 (Escenario A)\n       ---------------------------------------------------- *\/\n    \n    \/* Importaci\u00f3n de Montserrat como fallback de Carmen Sans si no est\u00e1 local *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');\n\n    :root {\n      \/* Design Tokens Oficiales (linea-grafica.md) *\/\n      --team-color-primary: #2D564E;    \/* Verde Principal *\/\n      --team-color-secondary: #FBE9D7;  \/* Beige *\/\n      --team-color-text-dark: #333333;   \/* Texto Base Body *\/\n      --team-color-white: #ffffff;\n      --team-font-principal: 'Carmen Sans', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n\n    #team-hitos-custom {\n      width: 100vw;\n      padding: 8vw 3vw; \/* Padding vertical amplio y lateral universal de 3vw *\/\n      background-color: var(--team-color-white);\n      display: flex;\n      justify-content: center;\n      box-sizing: border-box;\n      font-family: var(--team-font-principal);\n      overflow-x: hidden;\n      border-bottom: 1px solid rgba(45, 86, 78, 0.1);\n    }\n\n    #team-hitos-custom * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Contenedor principal: Rejilla asim\u00e9trica de dos columnas *\/\n    #team-hitos-custom .hitos-container {\n      width: 100%;\n      max-width: 94vw; \/* Asegura m\u00e1rgenes laterales fluidos *\/\n      display: grid;\n      grid-template-columns: 32vw 58vw;\n      column-gap: 4vw;\n      align-items: start;\n    }\n\n    \/* ----------------------------------------------------\n       COLUMNA IZQUIERDA: CONTENIDOS INTRODUCTORIOS (Sticky)\n       ---------------------------------------------------- *\/\n    #team-hitos-custom .hitos-intro {\n      display: flex;\n      flex-direction: column;\n      row-gap: 2vw;\n      position: sticky;\n      top: 8vw; \/* Pinned en Desktop mientras se navega lateralmente *\/\n    }\n\n    \/* T\u00edtulo H2 reducido bastante (seg\u00fan feedback y estilos-globales-letras.md) *\/\n    #team-hitos-custom .title-h2 {\n      font-family: var(--team-font-principal);\n      font-size: 2.0vw;\n      font-weight: 700;\n      line-height: 1.25;\n      color: var(--team-color-primary);\n    }\n\n    \/* P\u00e1rrafo con estilo de Body (estilos-globales-letras.md) *\/\n    #team-hitos-custom .text-body {\n      font-family: var(--team-font-principal);\n      font-size: 1.1vw;\n      font-weight: 400;\n      line-height: 1.65;\n      color: var(--team-color-text-dark);\n    }\n\n    \/* Contenedor de Botones de Navegaci\u00f3n del Slider *\/\n    #team-hitos-custom .slider-nav-buttons {\n      display: flex;\n      gap: 1vw;\n      margin-top: 1.5vw;\n    }\n\n    \/* Botones de navegaci\u00f3n circulares est\u00e9ticos *\/\n    #team-hitos-custom .nav-btn {\n      width: 3vw;\n      height: 3vw;\n      min-width: 44px;\n      min-height: 44px;\n      border: 1px solid var(--team-color-primary);\n      border-radius: 50%;\n      background-color: transparent;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      color: var(--team-color-primary);\n      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    #team-hitos-custom .nav-btn svg {\n      width: 40%;\n      height: 40%;\n      stroke: currentColor;\n      transition: transform 0.3s ease;\n    }\n\n    \/* Efectos hover para los botones de navegaci\u00f3n *\/\n    #team-hitos-custom .nav-btn:hover {\n      background-color: var(--team-color-primary);\n      color: var(--team-color-white);\n      transform: scale(1.05);\n    }\n\n    #team-hitos-custom .nav-btn.prev:hover svg {\n      transform: translateX(-2px);\n    }\n\n    #team-hitos-custom .nav-btn.next:hover svg {\n      transform: translateX(2px);\n    }\n\n    \/* ----------------------------------------------------\n       COLUMNA DERECHA: CARRUSEL DE TARJETAS HORIZONTAL\n       ---------------------------------------------------- *\/\n    #team-hitos-custom .hitos-slider-wrapper {\n      position: relative;\n      width: 100%;\n    }\n\n    #team-hitos-custom .hitos-slider {\n      display: flex;\n      overflow-x: auto;\n      scroll-snap-type: none; \/* Desactivado para scroll por JS fluido y swipe suave *\/\n      column-gap: 2vw;\n      padding-bottom: 1.5vw; \/* Espacio para el aire visual e interactivo *\/\n      -webkit-overflow-scrolling: touch;\n      \n      \/* Ocultar barra de scroll para Firefox e Internet Explorer\/Edge *\/\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n    }\n\n    \/* Ocultar barra de scroll para navegadores Webkit (Chrome, Safari, Opera) *\/\n    #team-hitos-custom .hitos-slider::-webkit-scrollbar {\n      display: none;\n    }\n\n    \/* Estructura de Tarjetas *\/\n    #team-hitos-custom .tarjeta-logro {\n      flex: 0 0 25vw; \/* Ancho relativo fijo en Desktop para mostrar m\u00e1s de dos a la vez *\/\n      border: 1px solid rgba(45, 86, 78, 0.15);\n      border-radius: 8px; \/* Radio de borde de 8px (linea-grafica.md) *\/\n      background-color: var(--team-color-white);\n      \/* Padding superior amplio para dar aire al badge num\u00e9rico *\/\n      padding: 4.5vw 2.2vw 2.2vw 2.2vw;\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      row-gap: 1.2vw;\n      min-height: 29vw; \/* Altura m\u00ednima uniforme para equilibrio visual *\/\n      justify-content: flex-end; \/* Alineaci\u00f3n del contenido hacia la parte inferior *\/\n      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    \/* Hover interactivo y premium de las tarjetas *\/\n    #team-hitos-custom .tarjeta-logro:hover {\n      border-color: var(--team-color-primary);\n      box-shadow: 0px 8px 30px rgba(45, 86, 78, 0.08);\n      transform: translateY(-4px);\n    }\n\n    \/* Badge Num\u00e9rico en la esquina superior derecha (reemplaza la flecha) *\/\n    #team-hitos-custom .tarjeta-badge {\n      position: absolute;\n      top: 2vw;\n      right: 2vw;\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      border: 1px solid var(--team-color-primary);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 0.9vw;\n      font-weight: 700;\n      color: var(--team-color-primary);\n      background-color: var(--team-color-secondary);\n      transition: all 0.3s ease;\n    }\n\n    #team-hitos-custom .tarjeta-logro:hover .tarjeta-badge {\n      background-color: var(--team-color-primary);\n      color: var(--team-color-white);\n    }\n\n    \/* T\u00edtulo H3 reducido en cada slide (seg\u00fan especificaci\u00f3n y feedback) *\/\n    #team-hitos-custom .title-h3 {\n      font-family: var(--team-font-principal);\n      font-size: 1.2vw;\n      font-weight: 700;\n      line-height: 1.35;\n      color: var(--team-color-primary);\n      padding-right: 1.5vw; \/* Evita colisi\u00f3n visual con el badge *\/\n    }\n\n    \/* P\u00e1rrafo del slide con escala reducida *\/\n    #team-hitos-custom .tarjeta-cuerpo {\n      font-family: var(--team-font-principal);\n      font-size: 0.9vw;\n      font-weight: 400;\n      line-height: 1.6;\n      color: var(--team-color-text-dark);\n    }\n\n    \/* ----------------------------------------------------\n       PUNTOS DE RUPTURA RESPONSIVOS (puntos-de-ruptura-responsivos.md)\n       ---------------------------------------------------- *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      #team-hitos-custom {\n        padding: 10vw 4vw;\n      }\n\n      #team-hitos-custom .hitos-container {\n        display: flex;\n        flex-direction: column;\n        row-gap: 5vw;\n      }\n\n      #team-hitos-custom .hitos-intro {\n        position: static; \/* Desactiva sticky *\/\n        row-gap: 2.5vw;\n      }\n\n      #team-hitos-custom .title-h2 {\n        font-size: 4.5vw;\n      }\n\n      #team-hitos-custom .text-body {\n        font-size: 1.8vw;\n      }\n\n      #team-hitos-custom .slider-nav-buttons {\n        gap: 1.5vw;\n        margin-top: 2vw;\n      }\n\n      #team-hitos-custom .nav-btn {\n        width: 5vw;\n        height: 5vw;\n      }\n\n      \/* Slider adaptado para Tableta *\/\n      #team-hitos-custom .hitos-slider {\n        column-gap: 3vw;\n        padding-bottom: 2.5vw;\n      }\n\n      #team-hitos-custom .tarjeta-logro {\n        flex: 0 0 44vw; \/* Muestra aproximadamente dos tarjetas completas *\/\n        padding: 7vw 3.5vw 3.5vw 3.5vw;\n        row-gap: 2vw;\n        min-height: 46vw;\n      }\n\n      #team-hitos-custom .tarjeta-badge {\n        top: 3vw;\n        right: 3vw;\n        width: 4.5vw;\n        height: 4.5vw;\n        font-size: 1.8vw;\n      }\n\n      #team-hitos-custom .title-h3 {\n        font-size: 2.2vw;\n        padding-right: 3vw;\n      }\n\n      #team-hitos-custom .tarjeta-cuerpo {\n        font-size: 1.4vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      #team-hitos-custom {\n        padding: 12vw 5vw; \/* Padding lateral de 5vw en m\u00f3vil *\/\n      }\n\n      #team-hitos-custom .hitos-container {\n        display: flex;\n        flex-direction: column;\n        row-gap: 8vw;\n      }\n\n      #team-hitos-custom .hitos-intro {\n        position: static; \/* Desactiva sticky *\/\n        row-gap: 4vw;\n      }\n\n      #team-hitos-custom .title-h2 {\n        font-size: 7.2vw;\n        line-height: 1.2;\n      }\n\n      #team-hitos-custom .text-body {\n        font-size: 3.6vw;\n        line-height: 1.6;\n      }\n\n      #team-hitos-custom .slider-nav-buttons {\n        gap: 3vw;\n        margin-top: 3vw;\n        justify-content: flex-start;\n      }\n\n      #team-hitos-custom .nav-btn {\n        width: 10vw;\n        height: 10vw;\n        min-width: 44px;\n        min-height: 44px;\n      }\n\n      \/* Slider horizontal adaptado para M\u00f3vil (t\u00e1ctil fluido y sangrado lateral) *\/\n      #team-hitos-custom .hitos-slider {\n        column-gap: 4vw;\n        padding-bottom: 4vw;\n        width: 100vw;\n        margin-left: -5vw; \/* Rompe el padding para sangrado de pantalla *\/\n        padding-left: 5vw;\n        padding-right: 5vw;\n      }\n\n      #team-hitos-custom .tarjeta-logro {\n        flex: 0 0 75vw; \/* Ancho c\u00f3modo para lectura m\u00f3vil *\/\n        padding: 12vw 5vw 6vw 5vw;\n        row-gap: 3vw;\n        min-height: 82vw;\n      }\n\n      #team-hitos-custom .tarjeta-badge {\n        top: 5vw;\n        right: 5vw;\n        width: 8vw;\n        height: 8vw;\n        font-size: 3.3vw;\n      }\n\n      #team-hitos-custom .title-h3 {\n        font-size: 4.5vw;\n        padding-right: 8vw;\n      }\n\n      #team-hitos-custom .tarjeta-cuerpo {\n        font-size: 3.0vw;\n        line-height: 1.5;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Contenedor perimetral de la Secci\u00f3n 3 -->\n  <section id=\"team-hitos-custom\">\n    <div class=\"hitos-container\">\n\n      <!-- Columna Izquierda: T\u00edtulos y Controles de Navegaci\u00f3n -->\n      <div class=\"hitos-intro\">\n        <h2 class=\"title-h2\">Resultados en Territorio: Avances y Evidencia Consolidada<\/h2>\n        <p class=\"text-body\">\n          Durante sus dos primeros a\u00f1os de ejecuci\u00f3n, el proyecto TEAM ha construido y consolidado un piso relacional, institucional y acad\u00e9mico robusto en Bolivia y Europa, alcanzando hitos fundamentales para garantizar la sostenibilidad de la investigaci\u00f3n. Explore nuestros principales logros:\n        <\/p>\n        \n        <!-- Flechas de navegaci\u00f3n del Slider (Est\u00e9ticas con SVGs) -->\n        <div class=\"slider-nav-buttons\">\n          <button class=\"nav-btn prev\" aria-label=\"Tarjeta anterior\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M19 12H5M5 12L12 19M5 12L12 5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <button class=\"nav-btn next\" aria-label=\"Siguiente tarjeta\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Columna Derecha: Slider Horizontal de Tarjetas de Logros -->\n      <div class=\"hitos-slider-wrapper\">\n        <div class=\"hitos-slider\">\n\n          <!-- Bloque 1: Tarjeta de Logro Institucional -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">01<\/span>\n            <h3 class=\"title-h3\">Instalaci\u00f3n e Infraestructura Institucional<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Incorporaci\u00f3n formal del proyecto en el sistema de Administraci\u00f3n Nacional de Investigaci\u00f3n, Desarrollo e Innovaci\u00f3n (ANIDI) de la Universidad Cat\u00f3lica Boliviana \"San Pablo\". Firma del convenio con la cooperaci\u00f3n VLIR-UOS y activaci\u00f3n del equipo de gesti\u00f3n acad\u00e9mica, administrativa y financiera.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 2: Tarjeta de Logro Acad\u00e9mico -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">02<\/span>\n            <h3 class=\"title-h3\">Selecci\u00f3n de Investigadores Doctorales<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Consolidaci\u00f3n de un comit\u00e9 acad\u00e9mico binacional UCB-VUB para la evaluaci\u00f3n y selecci\u00f3n por convocatoria p\u00fablica nacional de dos doctorandos, quienes lideran actualmente los ejes cient\u00edficos de cambio clim\u00e1tico y movilizaci\u00f3n del conocimiento.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 3: Tarjeta de Logro T\u00e9cnico -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">03<\/span>\n            <h3 class=\"title-h3\">Capacitaci\u00f3n en Alta Especialidad Metodol\u00f3gica<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Entrenamiento especializado del equipo t\u00e9cnico en metodolog\u00edas de investigaci\u00f3n transdisciplinaria, estrategias avanzadas de movilizaci\u00f3n del conocimiento y aplicaci\u00f3n de Sistemas de Informaci\u00f3n Georreferenciada (GIS) para el an\u00e1lisis socioambiental espacial.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 4: Tarjeta de Logro Territorial -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">04<\/span>\n            <h3 class=\"title-h3\">Piso Relacional y Aceptaci\u00f3n Comunitaria<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Despliegue de campo exitoso en Salinas de Garci Mendoza en alianza con Louvain Coop\u00e9ration y APROSAR. Consolidaci\u00f3n de relaciones de mutua confianza y obtenci\u00f3n formal del aval local de las asambleas comunitarias del Gobierno Aut\u00f3nomo Ind\u00edgena Originario Campesino.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 5: Tarjeta de Logro Cient\u00edfico -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">05<\/span>\n            <h3 class=\"title-h3\">Producci\u00f3n Cient\u00edfica Internacional Indexada<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Publicaci\u00f3n del ensayo cient\u00edfico \"Doing implementation otherwise: territory, trust, and the work of staying\" en la prestigiosa revista internacional The Lancet Global Health, adem\u00e1s del desarrollo en curso de una revisi\u00f3n sistem\u00e1tica global.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 6: Tarjeta de Logro Global -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">06<\/span>\n            <h3 class=\"title-h3\">Inserci\u00f3n en Agendas e Investigaciones Globales<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Articulaci\u00f3n activa con redes cient\u00edficas e iniciativas globales de primer nivel como Connecting Climate Minds, el Observatorio Global de Resiliencia, Billion Minds y el Departamento de Psiquiatr\u00eda de la Universidad de Oxford.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 7: Tarjeta de Logro de Alianzas -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">07<\/span>\n            <h3 class=\"title-h3\">Sinergias y Plataformas de Incidencia Nacional<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Incorporaci\u00f3n de los ejes tem\u00e1ticos en las l\u00edneas estrat\u00e9gicas de Louvain Coop\u00e9ration en Bolivia y liderazgo t\u00e9cnico del componente de gesti\u00f3n del conocimiento. Presentaci\u00f3n y apertura de colaboraci\u00f3n ante la plataforma PlatONG B.\n            <\/p>\n          <\/div>\n\n          <!-- Bloque 8: Tarjeta de Logro de Escalamiento -->\n          <div class=\"tarjeta-logro\">\n            <span class=\"tarjeta-badge\">08<\/span>\n            <h3 class=\"title-h3\">Ampliaci\u00f3n Tem\u00e1tica y Nuevos Fondos<\/h3>\n            <p class=\"tarjeta-cuerpo\">\n              Diversificaci\u00f3n y obtenci\u00f3n de financiamiento complementario a trav\u00e9s de CLIMAS Hub para la iniciativa \"Traves\u00edas de mente y territorio\", extendiendo el impacto de la investigaci\u00f3n hacia comunidades ind\u00edgenas amaz\u00f3nicas.\n            <\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- Script premium para el control del carrusel autom\u00e1tico y navegaci\u00f3n por botones -->\n  <script>\n    window.addEventListener(\"DOMContentLoaded\", () => {\n      const section = document.getElementById('team-hitos-custom');\n      if (!section) return;\n\n      const slider = section.querySelector('.hitos-slider');\n      const btnPrev = section.querySelector('.nav-btn.prev');\n      const btnNext = section.querySelector('.nav-btn.next');\n      \n      let autoplayInterval = null;\n      const autoplayDelay = 4000; \/\/ Desplazamiento cada 4 segundos\n\n      \/\/ Obtiene el paso exacto de desplazamiento (ancho de una tarjeta + gap de la grilla)\n      const getScrollStep = () => {\n        const cards = slider.querySelectorAll('.tarjeta-logro');\n        if (!cards.length) return 0;\n        const gap = parseInt(window.getComputedStyle(slider).columnGap) || 0;\n        return cards[0].offsetWidth + gap;\n      };\n\n      \/\/ Desplaza el slider suavemente a la izquierda o derecha\n      const scrollSlider = (direction) => {\n        if (!slider) return;\n        \n        const step = getScrollStep();\n        const maxScroll = slider.scrollWidth - slider.clientWidth;\n        let targetScroll = slider.scrollLeft;\n\n        if (direction === 'next') {\n          \/\/ Si est\u00e1 cerca del final, retorna al inicio de forma c\u00edclica\n          if (slider.scrollLeft >= maxScroll - 15) {\n            targetScroll = 0;\n          } else {\n            \/\/ Calcula el siguiente slide exacto redondeando la posici\u00f3n actual\n            const currentSlide = Math.round(slider.scrollLeft \/ step);\n            targetScroll = Math.min((currentSlide + 1) * step, maxScroll);\n          }\n        } else if (direction === 'prev') {\n          \/\/ Si est\u00e1 al inicio, se dirige al final\n          if (slider.scrollLeft <= 15) {\n            targetScroll = maxScroll;\n          } else {\n            \/\/ Calcula el slide anterior exacto\n            const currentSlide = Math.round(slider.scrollLeft \/ step);\n            targetScroll = Math.max((currentSlide - 1) * step, 0);\n          }\n        }\n\n        slider.scrollTo({\n          left: targetScroll,\n          behavior: 'smooth'\n        });\n      };\n\n      \/\/ Inicia el autoplay\n      const startAutoplay = () => {\n        stopAutoplay(); \/\/ Asegura no duplicar timers\n        autoplayInterval = setInterval(() => {\n          scrollSlider('next');\n        }, autoplayDelay);\n      };\n\n      \/\/ Detiene el autoplay\n      const stopAutoplay = () => {\n        if (autoplayInterval) {\n          clearInterval(autoplayInterval);\n          autoplayInterval = null;\n        }\n      };\n\n      \/\/ Event Listeners de Botones de Navegaci\u00f3n\n      if (btnNext) {\n        btnNext.addEventListener('click', () => {\n          scrollSlider('next');\n          \/\/ Al interactuar de forma manual, reinicia el ciclo de autoplay\n          startAutoplay();\n        });\n      }\n\n      if (btnPrev) {\n        btnPrev.addEventListener('click', () => {\n          scrollSlider('prev');\n          \/\/ Al interactuar de forma manual, reinicia el ciclo de autoplay\n          startAutoplay();\n        });\n      }\n\n      \/\/ Eventos de pausa al pasar el cursor (facilita la lectura de las tarjetas)\n      slider.addEventListener('mouseenter', stopAutoplay);\n      slider.addEventListener('mouseleave', startAutoplay);\n\n      \/\/ Botones suspenden el autoplay al estar encima\n      if (btnNext) {\n        btnNext.addEventListener('mouseenter', stopAutoplay);\n        btnNext.addEventListener('mouseleave', startAutoplay);\n      }\n      if (btnPrev) {\n        btnPrev.addEventListener('mouseenter', stopAutoplay);\n        btnPrev.addEventListener('mouseleave', startAutoplay);\n      }\n\n      \/\/ Soporte para dispositivos t\u00e1ctiles (Mobile\/Tablet)\n      slider.addEventListener('touchstart', stopAutoplay, { passive: true });\n      slider.addEventListener('touchend', startAutoplay);\n\n      \/\/ Inicia el carrusel\n      startAutoplay();\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-046c4b8 e-flex e-con-boxed e-con e-parent\" data-id=\"046c4b8\" 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-b0412a1 elementor-widget elementor-widget-html\" data-id=\"b0412a1\" 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>TEAM - Inicio Secci\u00f3n 4 (Investigaci\u00f3n Avanzada) - Resultado<\/title>\n  <style>\n    \/* ----------------------------------------------------\n       ESTILOS SCOPEADOS - SECCI\u00d3N INICIO 4 (Escenario A)\n       ---------------------------------------------------- *\/\n    \n    \/* Importaci\u00f3n de Montserrat como fallback de Carmen Sans si no est\u00e1 local *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');\n\n    :root {\n      \/* Design Tokens Oficiales (linea-grafica.md) *\/\n      --team-color-primary: #2D564E;       \/* Verde Principal *\/\n      --team-color-secondary: #FBE9D7;     \/* Beige *\/\n      --team-color-text-dark: #333333;      \/* Texto Base Body *\/\n      --team-color-white: #ffffff;\n      --team-color-black: #000000;         \/* Negro *\/\n      --team-color-accent-1: #6B2E22;      \/* Caf\u00e9 Oscuro *\/\n      --team-color-accent-2: #C0653D;      \/* Acento Naranja\/Marr\u00f3n *\/\n      --team-font-principal: 'Carmen Sans', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n    }\n\n    #team-investigacion-custom {\n      width: 100vw;\n      padding: 6vw 3vw; \/* Padding vertical amplio and lateral universal de 3vw *\/\n      background-color: var(--team-color-white);\n      display: flex;\n      justify-content: center;\n      box-sizing: border-box;\n      font-family: var(--team-font-principal);\n      overflow-x: hidden;\n      border-bottom: 1px solid rgba(45, 86, 78, 0.1);\n    }\n\n    #team-investigacion-custom * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Contenedor principal de la secci\u00f3n *\/\n    #team-investigacion-custom .doctorales-container {\n      width: 100%;\n      max-width: 94vw; \/* Asegura m\u00e1rgenes laterales fluidos *\/\n      display: flex;\n      flex-direction: column;\n    }\n\n    \/* ----------------------------------------------------\n       CABECERA DE SECCI\u00d3N (Estilo de inicio-s2-b3ycta-refe sin bot\u00f3n)\n       ---------------------------------------------------- *\/\n    #team-investigacion-custom .intro-container {\n      display: grid;\n      grid-template-columns: 1fr 1.2fr;\n      column-gap: 5vw;\n      align-items: start;\n      padding-bottom: 4vw;\n      margin-bottom: 4vw;\n      border-bottom: 1px dashed rgba(45, 86, 78, 0.2);\n    }\n\n    \/* T\u00edtulo H2 con estilo de T\u00edtulo 3 *\/\n    #team-investigacion-custom .titulo-2 {\n      font-family: var(--team-font-principal);\n      font-size: 1.8vw;\n      font-weight: 700;\n      line-height: 1.3;\n      color: var(--team-color-primary);\n    }\n\n    \/* P\u00e1rrafo descriptivo con estilo de Body *\/\n    #team-investigacion-custom .body-text {\n      font-family: var(--team-font-principal);\n      font-size: 1.1vw;\n      font-weight: 400;\n      line-height: 1.65;\n      color: var(--team-color-text-dark);\n    }\n\n    \/* ----------------------------------------------------\n       BLOQUES DE COMPONENTES DOCTORALES\n       Acomodados en 2 columnas en desktop y tablet\n       ---------------------------------------------------- *\/\n    #team-investigacion-custom .doctorales-list {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      column-gap: 8vw;\n      align-items: start;\n    }\n\n    \/* Bloque doctoral individual: Estructura vertical *\/\n    #team-investigacion-custom .doctoral-block {\n      display: flex;\n      flex-direction: column;\n      row-gap: 2vw;\n      padding-bottom: 0;\n      border-bottom: none;\n    }\n\n    \/* Divisor vertical entre las dos columnas en desktop *\/\n    #team-investigacion-custom .doctoral-block:last-child {\n      border-left: 1px solid rgba(45, 86, 78, 0.15);\n      padding-left: 4vw;\n      border-bottom: none;\n      padding-bottom: 0;\n    }\n\n    \/* T\u00edtulo del eje (H3) - Letras m\u00e1s peque\u00f1as (T\u00edtulo 5) *\/\n    #team-investigacion-custom .titulo-3 {\n      font-family: var(--team-font-principal);\n      font-size: 0.9vw; \n      font-weight: 700;\n      line-height: 1.4;\n      color: var(--team-color-black);       \/* Negro *\/\n      text-transform: uppercase;            \/* Todo en may\u00fasculas *\/\n      letter-spacing: 0.5px;\n      display: inline-block;\n      width: 100%;\n    }\n\n    \/* Contenedor de la informaci\u00f3n del proyecto *\/\n    #team-investigacion-custom .doctoral-info {\n      display: flex;\n      flex-direction: column;\n      row-gap: 1.8vw;\n    }\n\n    \/* Items individuales de informaci\u00f3n *\/\n    #team-investigacion-custom .info-item {\n      display: flex;\n      flex-direction: column;\n      row-gap: 0.4vw;\n    }\n\n    \/* Etiqueta H4: estilo T\u00edtulo 4 (negrita) *\/\n    #team-investigacion-custom .titulo-4 {\n      font-family: var(--team-font-principal);\n      font-size: 1.2vw;\n      font-weight: 700;\n      line-height: 1.4;\n      color: var(--team-color-primary);\n    }\n\n    #team-investigacion-custom .titulo-4 strong {\n      font-weight: 700;\n    }\n\n    \/* ----------------------------------------------------\n       ESTILIZACI\u00d3N EST\u00c9TICA: DATO DESTACADO (T\u00edtulo de Investigaci\u00f3n al principio)\n       Sin Fondo, Borde Verde Oscuro, Letras Verde Oscuro y Texto Body Oscuro, Esquinas Redondeadas (16px)\n       ---------------------------------------------------- *\/\n    #team-investigacion-custom .info-item-destacado {\n      background-color: transparent; \/* Sin fondo de color *\/\n      border: 2px solid var(--team-color-primary); \/* Borde de color Verde Oscuro *\/\n      padding: 1.5vw 2vw;\n      border-radius: 16px; \/* Esquinas redondeadas *\/\n      margin: 0.2vw 0 0.5vw 0;\n      transition: transform 0.3s ease, background-color 0.3s ease;\n    }\n\n    #team-investigacion-custom .info-item-destacado:hover {\n      transform: translateY(-2px);\n      background-color: rgba(45, 86, 78, 0.05); \/* Hover sutil en verde muy claro *\/\n    }\n\n    \/* Etiqueta \"T\u00edtulo de la Investigaci\u00f3n:\" en color Verde Oscuro *\/\n    #team-investigacion-custom .info-item-destacado .titulo-4 {\n      color: var(--team-color-primary); \/* Verde Oscuro *\/\n      margin-bottom: 0.2vw;\n    }\n\n    \/* P\u00e1rrafo de contenido en color oscuro normal *\/\n    #team-investigacion-custom .info-item-destacado .body-text {\n      font-weight: 500;\n      color: var(--team-color-text-dark); \/* Texto base body *\/\n    }\n\n    \/* ----------------------------------------------------\n       PUNTOS DE RUPTURA RESPONSIVOS (puntos-de-ruptura-responsivos.md)\n       ---------------------------------------------------- *\/\n\n    \/* TABLETA: 768px a 1024px *\/\n    @media (min-width: 768px) and (max-width: 1024px) {\n      #team-investigacion-custom {\n        padding: 8vw 3vw;\n      }\n\n      #team-investigacion-custom .intro-container {\n        column-gap: 3vw;\n        padding-bottom: 3vw;\n        margin-bottom: 3vw;\n      }\n\n      #team-investigacion-custom .doctorales-list {\n        column-gap: 6vw;\n      }\n\n      #team-investigacion-custom .doctoral-block {\n        row-gap: 2.5vw;\n      }\n\n      #team-investigacion-custom .doctoral-block:last-child {\n        padding-left: 3vw;\n      }\n\n      #team-investigacion-custom .titulo-2 {\n        font-size: 3.3vw;\n      }\n\n      #team-investigacion-custom .body-text {\n        font-size: 1.8vw;\n      }\n\n      #team-investigacion-custom .titulo-3 {\n        font-size: 1.8vw;\n      }\n\n      #team-investigacion-custom .titulo-4 {\n        font-size: 1.8vw;\n      }\n\n      #team-investigacion-custom .doctoral-info {\n        row-gap: 2.5vw;\n      }\n\n      #team-investigacion-custom .info-item {\n        row-gap: 0.6vw;\n      }\n\n      #team-investigacion-custom .info-item-destacado {\n        padding: 2vw 2.5vw;\n        border-radius: 12px;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      #team-investigacion-custom {\n        padding: 12vw 3vw; \/* Espaciado vertical amplio en m\u00f3vil *\/\n      }\n\n      #team-investigacion-custom .intro-container {\n        grid-template-columns: 1fr;\n        row-gap: 4vw;\n        padding-bottom: 8vw;\n        margin-bottom: 8vw;\n      }\n\n      #team-investigacion-custom .titulo-2 {\n        font-size: 6.6vw;\n      }\n\n      #team-investigacion-custom .body-text {\n        font-size: 3.6vw;\n        line-height: 1.6;\n      }\n\n      #team-investigacion-custom .doctorales-list {\n        grid-template-columns: 1fr; \/* Colapsa a 1 columna *\/\n        row-gap: 10vw;\n      }\n\n      #team-investigacion-custom .doctoral-block {\n        row-gap: 6vw;\n        border-bottom: 1px solid rgba(45, 86, 78, 0.15);\n        padding-bottom: 8vw;\n      }\n\n      #team-investigacion-custom .doctoral-block:last-child {\n        border-left: none;\n        padding-left: 0;\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n\n      #team-investigacion-custom .titulo-3 {\n        font-size: 3.3vw;\n      }\n\n      #team-investigacion-custom .doctoral-info {\n        row-gap: 5vw;\n      }\n\n      #team-investigacion-custom .info-item {\n        row-gap: 1.2vw;\n      }\n\n      #team-investigacion-custom .titulo-4 {\n        font-size: 3.6vw;\n      }\n\n      #team-investigacion-custom .info-item-destacado {\n        padding: 4vw 5vw;\n        margin: 1vw 0 3vw 0;\n        border-radius: 12px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n de Investigaci\u00f3n Avanzada y Componentes Doctorales -->\n  <section id=\"team-investigacion-custom\">\n    <div class=\"doctorales-container\">\n\n      <!-- Cabecera de la Secci\u00f3n (Estilo inicio-s2-b3ycta-refe sin bot\u00f3n) -->\n      <div class=\"intro-container\">\n        <!-- T\u00edtulo H2 de la Secci\u00f3n -->\n        <h2 class=\"titulo-2\">\n          Proyectos Doctorales\n        <\/h2>\n        <!-- P\u00e1rrafo Descriptivo -->\n        <p class=\"body-text\">\n          El n\u00facleo cient\u00edfico del proyecto TEAM se ejecuta mediante dos componentes doctorales interconectados bajo un modelo de co-supervisi\u00f3n binacional entre Bolivia y B\u00e9lgica, orientados a producir evidencia emp\u00edrica rigurosa y herramientas aplicables.\n        <\/p>\n      <\/div>\n\n      <!-- Listado de Componentes Doctorales (Acomodado en 2 columnas en desktop) -->\n      <div class=\"doctorales-list\">\n\n        <!-- Bloque 1: Componente Doctoral en Salud Mental (Columna Izquierda) -->\n        <article class=\"doctoral-block\">\n          <!-- T\u00edtulo H3 del Eje Cient\u00edfico - Letras m\u00e1s peque\u00f1as -->\n          <h3 class=\"titulo-3\">\n            Eje de cambio clim\u00e1tico y salud mental\n          <\/h3>\n          \n          <!-- Contenido del Proyecto (Columna Derecha) -->\n          <div class=\"doctoral-info\">\n            \n            <!-- T\u00edtulo de Investigaci\u00f3n Destacado al Principio - Borde Verde, Etiqueta Verde, P\u00e1rrafo Oscuro (Bloque 1) -->\n            <div class=\"info-item info-item-destacado\">\n              <h4 class=\"titulo-4\"><strong>T\u00edtulo de la Investigaci\u00f3n:<\/strong><\/h4>\n              <p class=\"body-text\">Salud mental y resiliencia comunitaria ante el cambio clim\u00e1tico: un estudio en el Altiplano del sur de Bolivia.<\/p>\n            <\/div>\n\n            <div class=\"info-item\">\n              <h4 class=\"titulo-4\"><strong>Investigador:<\/strong><\/h4>\n              <p class=\"body-text\">Andr\u00e9s Villalobos Guzm\u00e1n<\/p>\n            <\/div>\n\n            <div class=\"info-item\">\n              <h4 class=\"titulo-4\"><strong>Supervisi\u00f3n Cient\u00edfica:<\/strong><\/h4>\n              <p class=\"body-text\">Dra. Hadewijch Vandenheede \u2013 Dra. Marcela Losantos Velasco<\/p>\n            <\/div>\n\n            <div class=\"info-item\">\n              <h4 class=\"titulo-4\"><strong>Objetivo T\u00e9cnico:<\/strong><\/h4>\n              <p class=\"body-text\">Generar conocimiento sistem\u00e1tico sobre las vivencias, afectaciones e impactos emocionales del cambio clim\u00e1tico en una comunidad ind\u00edgena y rural, profundizando en la identificaci\u00f3n y sistematizaci\u00f3n de las pr\u00e1cticas colectivas y recursos comunitarios que sus miembros despliegan para preservar el bienestar psicol\u00f3gico y la resiliencia social.<\/p>\n            <\/div>\n\n          <\/div>\n        <\/article>\n\n        <!-- Bloque 2: Componente Doctoral en Dise\u00f1o y Comunicaci\u00f3n (Columna Derecha) -->\n        <article class=\"doctoral-block\">\n          <!-- T\u00edtulo H3 del Eje Cient\u00edfico - Letras m\u00e1s peque\u00f1as -->\n          <h3 class=\"titulo-3\">\n            Eje de movilizaci\u00f3n de conocimiento y comunicaci\u00f3n\n          <\/h3>\n\n          <!-- Contenido del Proyecto (Columna Derecha) -->\n          <div class=\"doctoral-info\">\n\n            <!-- T\u00edtulo de Investigaci\u00f3n Destacado al Principio - Borde Verde, Etiqueta Verde, P\u00e1rrafo Oscuro (Bloque 2) -->\n            <div class=\"info-item info-item-destacado\">\n              <h4 class=\"titulo-4\"><strong>T\u00edtulo de la Investigaci\u00f3n:<\/strong><\/h4>\n              <p class=\"body-text\">Movilizaci\u00f3n del conocimiento mediada por el dise\u00f1o para la resiliencia psicosocial ante el cambio clim\u00e1tico en comunidades ind\u00edgenas y rurales en Bolivia.<\/p>\n            <\/div>\n\n            <div class=\"info-item\">\n              <h4 class=\"titulo-4\"><strong>Investigadora:<\/strong><\/h4>\n              <p class=\"body-text\">Ana Luisa Unzueta Arce<\/p>\n            <\/div>\n\n            <div class=\"info-item\">\n              <h4 class=\"titulo-4\"><strong>Supervisi\u00f3n Cient\u00edfica:<\/strong><\/h4>\n              <p class=\"body-text\">Dr. Leo Van Audenhoven \u2013 M.Sc. Luis Camilo Kunstek<\/p>\n            <\/div>\n\n            <div class=\"info-item\">\n              <h4 class=\"titulo-4\"><strong>Objetivo T\u00e9cnico:<\/strong><\/h4>\n              <p class=\"body-text\">Construir y validar un marco conceptual y metodol\u00f3gico avanzado para la movilizaci\u00f3n del conocimiento cient\u00edfico y local a trav\u00e9s del dise\u00f1o. El estudio se fundamenta en el an\u00e1lisis emp\u00edrico de procesos y pr\u00e1cticas de dise\u00f1o participativo con comunidades expuestas a desaf\u00edos cr\u00edticos de adaptaci\u00f3n y resiliencia psicosocial.<\/p>\n            <\/div>\n\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\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-20244d6 e-flex e-con-boxed e-con e-parent\" data-id=\"20244d6\" 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-1057548 elementor-widget elementor-widget-html\" data-id=\"1057548\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  SECCI\u00d3N (5): Ubicaci\u00f3n del Proyecto (Mapa de Bolivia con Pin Responsivo y Animado)\n  Este archivo contiene la maquetaci\u00f3n final y estilos de alta fidelidad para el Escenario A (Nativo Traducible a Elementor).\n-->\n\n<section class=\"seccion-donde-estamos\" id=\"donde-estamos-seccion\">\n  <!-- COLUMNA IZQUIERDA: T\u00cdTULO -->\n  <div class=\"columna-titulo\">\n    <h2 class=\"titulo-h2\">\u00bfD\u00f3nde estamos?<\/h2>\n  <\/div>\n\n  <!-- COLUMNA DERECHA: GR\u00c1FICO DEL MAPA CON SE\u00d1ALAMIENTO RESPONSIVO -->\n  <div class=\"columna-mapa\">\n    <div class=\"mapa-interactivo\">\n      <!-- Imagen base del mapa de Bolivia -->\n      <!-- WP Media Path: http:\/\/localhost\/wp-content\/uploads\/1-Inicio\/Mapa\/Bolivia.png -->\n      <!-- RUTA EN WORDPRESS -->\n      <img decoding=\"async\" src=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Bolivia.png\" alt=\"Mapa de Bolivia indicando las ubicaciones del proyecto TEAM\" class=\"img-mapa-bolivia\" loading=\"lazy\">\n      \n      <!-- Se\u00f1alamiento responsivo por c\u00f3digo -->\n      <!-- L\u00ednea conectora (Codo) -->\n      <div class=\"mapa-linea\"><\/div>\n\n      <!-- Bloque de texto descriptivo -->\n      <div class=\"mapa-texto\">\n        <div class=\"nombre-lugar\">Salinas de Garci Mendoza<\/div>\n        <div class=\"departamento-lugar\">Oruro<\/div>\n      <\/div>\n\n      <!-- Pin indicador animado (Punto con onda expansiva) -->\n      <div class=\"mapa-pin\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ----------------------------------------------------\n     CSS Scoped - #donde-estamos-seccion\n     Paleta de Colores de la Marca & Tipograf\u00edas Fluidas\n     ---------------------------------------------------- *\/\n\n  #donde-estamos-seccion.seccion-donde-estamos {\n    width: 100vw;\n    padding: 8vw 3vw; \/* Padding vertical fluido + padding lateral universal inquebrantable de 3vw *\/\n    background-color: #ffffff; \/* Fondo limpio de la secci\u00f3n *\/\n    display: grid;\n    grid-template-columns: 3.5fr 6.5fr; \/* T\u00edtulo izquierda (35%) \/ Mapa derecha (65%) *\/\n    column-gap: 5vw;\n    align-items: start; \/* Alineado arriba verticalmente a petici\u00f3n del usuario *\/\n    box-sizing: border-box;\n    font-family: 'Monteserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  }\n\n  \/* --- COLUMNA IZQUIERDA: T\u00cdTULO --- *\/\n  #donde-estamos-seccion .columna-titulo {\n  \n    \n    box-sizing: border-box;\n    padding-top: 1.5vw; \/* Ligero desfase para alinear est\u00e9ticamente con el borde del mapa *\/\n  }\n\n  #donde-estamos-seccion .titulo-h2 {\n       font-family: 'Montserrat';  \n    font-size: 2.2vw; \/* Reducido a petici\u00f3n del usuario para ser m\u00e1s elegante y compacto *\/\n    font-weight: 700;\n    line-height: 1.2;\n    color: #2D564E; \/* Verde Principal de la marca *\/\n    margin: 0;\n  }\n\n  \/* --- COLUMNA DERECHA: MAPA INTERACTIVO --- *\/\n  #donde-estamos-seccion .columna-mapa {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-sizing: border-box;\n    width: 100%;\n    overflow: visible; \/* Permite que el texto desbordado a la izquierda sea visible *\/\n  }\n\n  \/* El contenedor relativo se restringe en su ancho m\u00e1ximo para mantener proporci\u00f3n id\u00e9ntica a la imagen *\/\n  #donde-estamos-seccion .mapa-interactivo {\n    position: relative;\n    width: 100%;\n    max-width: 580px; \/* Tama\u00f1o m\u00e1ximo ideal para escritorio *\/\n    margin: 0 auto;\n    display: block;\n    box-sizing: border-box;\n    overflow: visible; \/* Clave para permitir que el bloque de texto desborde a la izquierda de la imagen *\/\n  }\n\n  \/* La imagen del mapa de Bolivia ahora escala libre y proporcionalmente sin max-height restrictivos que la encojan *\/\n  #donde-estamos-seccion .img-mapa-bolivia {\n    width: 100%;\n    height: auto; \/* Escala proporcional natural *\/\n    display: block;\n    border: none;\n  }\n\n  \/* --- SE\u00d1ALAMIENTO RESPONSIVO POR C\u00d3DIGO --- *\/\n\n  \/* Pin Indicador con animaci\u00f3n de escala\/rebote y onda expansiva radar *\/\n  #donde-estamos-seccion .mapa-pin {\n    position: absolute;\n    left: 17.5%; \/* Coordenada horizontal geogr\u00e1fica en el mapa *\/\n    top: 71.5%;  \/* Coordenada vertical geogr\u00e1fica en el mapa *\/\n    width: 1.8%; \/* Proporcional al ancho de la imagen *\/\n    aspect-ratio: 1; \/* C\u00edrculo perfecto *\/\n    background-color: #1A2D42; \/* Color del pin *\/\n    border-radius: 50%;\n    transform: translate(-50%, -50%);\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n    z-index: 3;\n    \/* Animaci\u00f3n de latido\/rebote *\/\n    animation: bouncePulse 2.4s ease-in-out infinite;\n  }\n\n  \/* Onda expansiva decorativa (efecto radar premium) *\/\n  #donde-estamos-seccion .mapa-pin::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    border: 1.5px solid #1A2D42;\n    border-radius: 50%;\n    box-sizing: border-box;\n    animation: rippleEffect 2.4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;\n    transform-origin: center;\n  }\n\n  \/* Keyframe para el latido\/rebote del pin *\/\n  @keyframes bouncePulse {\n    0%, 100% {\n      transform: translate(-50%, -50%) scale(1);\n    }\n    14% {\n      transform: translate(-50%, -50%) scale(1.35); \/* Rebote hacia arriba *\/\n    }\n    28% {\n      transform: translate(-50%, -50%) scale(0.9);   \/* Contracci\u00f3n de ca\u00edda *\/\n    }\n    42% {\n      transform: translate(-50%, -50%) scale(1.15);  \/* Mini rebote de asentamiento *\/\n    }\n    56% {\n      transform: translate(-50%, -50%) scale(0.97);  \/* Estabilizaci\u00f3n *\/\n    }\n    70% {\n      transform: translate(-50%, -50%) scale(1);     \/* Estado estable corto *\/\n    }\n  }\n\n  \/* Keyframe para la onda expansiva *\/\n  @keyframes rippleEffect {\n    0%, 14% {\n      transform: scale(1);\n      opacity: 0.8;\n    }\n    70% {\n      transform: scale(2.8);\n      opacity: 0;\n    }\n    100% {\n      transform: scale(2.8);\n      opacity: 0;\n    }\n  }\n\n  \/* L\u00ednea Conectora (Codo con curva suave) *\/\n  #donde-estamos-seccion .mapa-linea {\n    position: absolute;\n    left: -2.0%; \/* Desplazado fuera del mapa a la izquierda en desktop para evitar que la l\u00ednea vertical pise el mapa *\/\n    top: 47.5%;  \/* Inicio vertical *\/\n    width: 19.5%; \/* Se conecta horizontalmente hasta el pin en 17.5% (antes 11.0% desde 6.5%) *\/\n    height: 24.0%; \/* Baja verticalmente hasta la altura del pin en 71.5% *\/\n    border-left: 1.5px solid #7f8c8d; \/* Grosor y color de la l\u00ednea *\/\n    border-bottom: 1.5px solid #7f8c8d;\n    border-bottom-left-radius: 12px; \/* Curvatura suave del codo como en la referencia *\/\n    pointer-events: none; \/* No interfiere con interacciones de usuario *\/\n    z-index: 1;\n    box-sizing: border-box;\n  }\n\n  \/* Bloque de Texto Descriptivo (Desbordado hacia la izquierda fuera del mapa) *\/\n  #donde-estamos-seccion .mapa-texto {\n    position: absolute;\n    left: -25.0%; \/* Desplazado m\u00e1s a la izquierda para mantener la alineaci\u00f3n con la nueva posici\u00f3n de la l\u00ednea (antes -16.5%) *\/\n    top: 43.5%;   \/* Suspendido por encima de la l\u00ednea vertical *\/\n    width: 22%;   \/* Ancho seguro para evitar desbordes y colisiones *\/\n    text-align: left;\n    z-index: 2;\n    box-sizing: border-box;\n  }\n\n  #donde-estamos-seccion .nombre-lugar {\n    font-size: 1.1vw; \/* Tama\u00f1o de letra fluido en desktop *\/\n    font-weight: 700;\n    color: #1A2D42;\n    line-height: 1.25;\n    margin-bottom: 0.2vw;\n  }\n\n  #donde-estamos-seccion .departamento-lugar {\n    font-size: 0.9vw; \/* Tama\u00f1o secundario fluido *\/\n    font-weight: 400;\n    color: #7f8c8d;\n    line-height: 1.2;\n  }\n\n  \/* ----------------------------------------------------\n     TABLET BREAKPOINT (768px a 1024px)\n     ---------------------------------------------------- *\/\n  @media (min-width: 768px) and (max-width: 1024px) {\n    #donde-estamos-seccion.seccion-donde-estamos {\n      padding: 8vw 4vw;\n      grid-template-columns: 4fr 6fr; \/* Proporci\u00f3n adaptada *\/\n      column-gap: 4vw;\n    }\n\n    #donde-estamos-seccion .columna-titulo {\n      padding-top: 1vw;\n    }\n\n    #donde-estamos-seccion .titulo-h2 {\n      font-size: 3.8vw; \/* T\u00edtulo adaptado a tablet *\/\n    }\n\n    #donde-estamos-seccion .mapa-interactivo {\n      max-width: 450px; \/* Tama\u00f1o m\u00e1ximo para tablet *\/\n    }\n\n    \/* Ajustes del Se\u00f1alamiento en Tablet (Desbordamiento controlado a la izquierda) *\/\n    #donde-estamos-seccion .mapa-texto {\n      left: -25.0%;\n      width: 22%;\n    }\n\n    #donde-estamos-seccion .mapa-linea {\n      left: -2.0%;\n      width: 19.5%;\n      height: 24.0%;\n    }\n\n    #donde-estamos-seccion .nombre-lugar {\n      font-size: 1.6vw;\n    }\n\n    #donde-estamos-seccion .departamento-lugar {\n      font-size: 1.3vw;\n    }\n  }\n\n  \/* ----------------------------------------------------\n     MOBILE BREAKPOINT (Hasta 767px)\n     ---------------------------------------------------- *\/\n  @media (max-width: 767px) {\n    #donde-estamos-seccion.seccion-donde-estamos {\n      padding: 12vw 5vw; \/* Mayor respiro vertical y lateral en m\u00f3vil *\/\n      grid-template-columns: 1fr; \/* Colapsa a columna \u00fanica *\/\n      row-gap: 8vw;\n    }\n\n    #donde-estamos-seccion .columna-titulo {\n      padding-top: 0;\n    }\n\n    #donde-estamos-seccion .titulo-h2 {\n      font-size: 5.8vw; \/* T\u00edtulo adaptado a celular *\/\n      text-align: left;\n    }\n\n    \/* Desplazamos la caja del mapa a la derecha en m\u00f3vil para asegurar que el texto desbordado a la izquierda no se corte *\/\n    #donde-estamos-seccion .mapa-interactivo {\n      max-width: 78%; \/* Deja un 22% de espacio libre a la izquierda *\/\n      margin-left: auto;\n      margin-right: 0;\n    }\n\n    \/* Ajustes del Se\u00f1alamiento en Celular (Evita encimarse en el mapa) *\/\n    #donde-estamos-seccion .mapa-texto {\n      left: -21.0%; \/* Desborda a la izquierda en el espacio libre del margin-left *\/\n      width: 20%;\n    }\n\n    #donde-estamos-seccion .mapa-linea {\n      left: 0.0%;\n      width: 17.5%; \/* Conecta horizontalmente hasta el pin en 17.5% *\/\n      height: 24.0%;\n    }\n\n    #donde-estamos-seccion .nombre-lugar {\n      font-size: 2.8vw; \/* Letra lo suficientemente grande en m\u00f3vil *\/\n      margin-bottom: 0.5vw;\n    }\n\n    #donde-estamos-seccion .departamento-lugar {\n      font-size: 2.2vw;\n    }\n  }\n<\/style>\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-9fe6e92 e-flex e-con-boxed e-con e-parent\" data-id=\"9fe6e92\" 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-de4c0d1 elementor-widget elementor-widget-shortcode\" data-id=\"de4c0d1\" 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        \/* ----------------------------------------------------\r\n           ESTILOS SCOPEADOS - SECCI\u00d3N INICIO 6 (Escenario B)\r\n           ---------------------------------------------------- *\/\r\n\r\n        \/* Importaci\u00f3n de Montserrat como fallback de Carmen Sans si no est\u00e1 local *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');\r\n\r\n        :root {\r\n          \/* Design Tokens Oficiales de la Marca (linea-grafica.md) *\/\r\n          --team-color-primary: #2D564E;       \/* Verde Principal *\/\r\n          --team-color-secondary: #FBE9D7;     \/* Beige *\/\r\n          --team-color-text-dark: #333333;      \/* Texto Base Body *\/\r\n          --team-color-white: #ffffff;\r\n          --team-color-black: #000000;         \/* Negro *\/\r\n          --team-color-border-light: #e0e0e0;  \/* Borde suave *\/\r\n          --team-font-principal: 'Carmen Sans', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n        }\r\n\r\n        #team-inicio-s6-custom {\r\n          width: 100vw;\r\n          padding: 8vh 3vw; \/* Padding lateral universal de 3vw *\/\r\n          background-color: var(--team-color-white);\r\n          display: flex;\r\n          flex-direction: column;\r\n          box-sizing: border-box;\r\n          font-family: var(--team-font-principal);\r\n          overflow-x: hidden;\r\n        }\r\n\r\n        #team-inicio-s6-custom * {\r\n          box-sizing: border-box;\r\n          margin: 0;\r\n          padding: 0;\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           L\u00cdNEA DIVISORIA SUPERIOR (Omitiendo logo oficial)\r\n           ---------------------------------------------------- *\/\r\n        #team-inicio-s6-custom .seccion-divider {\r\n          position: relative;\r\n          width: 100%;\r\n          height: 1px;\r\n          background-color: var(--team-color-border-light);\r\n          margin-bottom: 6vh;\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           CABECERA DE LA SECCI\u00d3N (estilos-globales-letras.md)\r\n           ---------------------------------------------------- *\/\r\n        #team-inicio-s6-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        \/* T\u00edtulo 2 (T\u00edtulos grandes) *\/\r\n        #team-inicio-s6-custom .title-h2 {\r\n          font-family: var(--team-font-principal);\r\n          font-size: 3.6vw;\r\n          font-weight: 700;\r\n          line-height: 1.25;\r\n          color: var(--team-color-primary);\r\n        }\r\n\r\n        \/* P\u00e1rrafo descriptivo (Body) *\/\r\n        #team-inicio-s6-custom .text-body {\r\n          font-family: var(--team-font-principal);\r\n          font-size: 1.1vw;\r\n          font-weight: 400;\r\n          line-height: 1.65;\r\n          color: var(--team-color-text-dark);\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           GRILLA DE TARJETAS (4 columnas en desktop)\r\n           ---------------------------------------------------- *\/\r\n        #team-inicio-s6-custom .grilla-noticias {\r\n          display: grid;\r\n          grid-template-columns: repeat(4, 1fr);\r\n          gap: 1.5vw;\r\n          width: 100%;\r\n          margin-bottom: 5vh;\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           TARJETA DE NOTICIA (Consistencia y responsive)\r\n           ---------------------------------------------------- *\/\r\n        #team-inicio-s6-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          text-decoration: none;\r\n          color: inherit;\r\n        }\r\n\r\n        #team-inicio-s6-custom .tarjeta-noticia:hover {\r\n          transform: translateY(-6px);\r\n        }\r\n\r\n        \/* Contenedor de la Imagen con aspect-ratio 16:9 y radio de borde de la marca *\/\r\n        #team-inicio-s6-custom .noticia-img-wrapper {\r\n          position: relative;\r\n          width: 100%;\r\n          aspect-ratio: 16 \/ 9;\r\n          background-color: var(--team-color-secondary); \/* Beige de fallback *\/\r\n          border-radius: 8px; \/* Borde radio oficial (linea-grafica.md) *\/\r\n          overflow: hidden;\r\n          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.03);\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n        }\r\n\r\n        #team-inicio-s6-custom .noticia-img {\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          display: block;\r\n        }\r\n\r\n        #team-inicio-s6-custom .tarjeta-noticia:hover .noticia-img {\r\n          transform: scale(1.05);\r\n        }\r\n\r\n        \/* Informaci\u00f3n de la Tarjeta *\/\r\n        #team-inicio-s6-custom .noticia-info {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 1.2vh;\r\n        }\r\n\r\n        \/* T\u00edtulo de Tarjeta (T\u00edtulo 4 - negrita) *\/\r\n        #team-inicio-s6-custom .title-h3-card {\r\n          font-family: var(--team-font-principal);\r\n          font-size: 1.2vw;\r\n          font-weight: 700;\r\n          line-height: 1.35;\r\n          color: var(--team-color-black);\r\n          transition: color 0.3s ease;\r\n          margin: 0;\r\n        }\r\n\r\n        #team-inicio-s6-custom .tarjeta-noticia:hover .title-h3-card {\r\n          color: var(--team-color-primary); \/* Verde principal en hover *\/\r\n        }\r\n\r\n        \/* Fecha de Publicaci\u00f3n *\/\r\n        #team-inicio-s6-custom .noticia-fecha {\r\n          font-family: var(--team-font-principal);\r\n          font-size: 0.85vw;\r\n          line-height: 1.4;\r\n          font-weight: 400;\r\n          color: #666666;\r\n        }\r\n\r\n        \/* Enlace de lectura *\/\r\n        #team-inicio-s6-custom .noticia-enlace {\r\n          font-family: var(--team-font-principal);\r\n          font-size: 0.85vw;\r\n          line-height: 1.4;\r\n          font-weight: 600;\r\n          color: var(--team-color-primary);\r\n          text-decoration: underline;\r\n          text-underline-offset: 4px;\r\n          transition: opacity 0.3s ease;\r\n          width: fit-content;\r\n        }\r\n\r\n        #team-inicio-s6-custom .tarjeta-noticia:hover .noticia-enlace {\r\n          opacity: 0.8;\r\n        }\r\n\r\n        \/* ----------------------------------------------------\r\n           BOT\u00d3N CTA AISLADO (Conforme a boton-aislado.html y marca)\r\n           ---------------------------------------------------- *\/\r\n        #team-inicio-s6-custom .btn-cta {\r\n          display: inline-flex;\r\n          align-items: center;\r\n          text-decoration: none;\r\n          color: var(--team-color-primary);\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        \/* C\u00edrculo contenedor para el icono SVG *\/\r\n        #team-inicio-s6-custom .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: var(--team-color-primary);\r\n          border: 1px solid var(--team-color-primary);\r\n          border-radius: 50%; \/* C\u00edrculo perfecto *\/\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          transition: all 0.3s ease;\r\n        }\r\n\r\n        #team-inicio-s6-custom .btn-icon svg {\r\n          width: 45%;\r\n          height: 45%;\r\n          stroke: var(--team-color-white);\r\n          transition: stroke 0.3s ease;\r\n        }\r\n\r\n        \/* Texto del Bot\u00f3n CTA (May\u00fasculas y peso delgado) *\/\r\n        #team-inicio-s6-custom .btn-text {\r\n          padding-left: 1vw;\r\n          font-size: 1.2vw; \/* Conforme a estilos-globales-letras.md *\/\r\n          font-weight: 300;\r\n          letter-spacing: 0.5px;\r\n          text-transform: uppercase;\r\n          transition: color 0.3s ease;\r\n          color: var(--team-color-primary);\r\n        }\r\n\r\n        \/* Hover: C\u00edrculo transparente con borde de color principal, flecha a color principal y texto a opacidad 0.7 *\/\r\n        #team-inicio-s6-custom .btn-cta:hover .btn-icon {\r\n          background-color: transparent;\r\n          border-color: var(--team-color-primary);\r\n          transform: translateX(4px);\r\n        }\r\n\r\n        #team-inicio-s6-custom .btn-cta:hover .btn-icon svg {\r\n          stroke: var(--team-color-primary);\r\n        }\r\n\r\n        #team-inicio-s6-custom .btn-cta:hover .btn-text {\r\n          color: var(--team-color-primary);\r\n          opacity: 0.7;\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          #team-inicio-s6-custom {\r\n            padding: 8vh 3vw;\r\n          }\r\n          #team-inicio-s6-custom .seccion-divider {\r\n            margin-bottom: 5vh;\r\n          }\r\n          #team-inicio-s6-custom .grilla-noticias {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 3vw;\r\n          }\r\n          #team-inicio-s6-custom .title-h2 {\r\n            font-size: 6.6vw;\r\n          }\r\n          #team-inicio-s6-custom .title-h3-card {\r\n            font-size: 1.8vw;\r\n          }\r\n          #team-inicio-s6-custom .text-body {\r\n            font-size: 1.8vw;\r\n          }\r\n          #team-inicio-s6-custom .noticia-fecha, \r\n          #team-inicio-s6-custom .noticia-enlace {\r\n            font-size: 1.8vw;\r\n          }\r\n          #team-inicio-s6-custom .btn-icon {\r\n            width: 3.8vw;\r\n            height: 3.8vw;\r\n          }\r\n          #team-inicio-s6-custom .btn-text {\r\n            font-size: 1.8vw;\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          #team-inicio-s6-custom {\r\n            padding: 12vw 3vw;\r\n          }\r\n          #team-inicio-s6-custom .seccion-divider {\r\n            margin-bottom: 8vw;\r\n          }\r\n          #team-inicio-s6-custom .grilla-noticias {\r\n            grid-template-columns: 1fr;\r\n            gap: 8vw;\r\n          }\r\n          #team-inicio-s6-custom .title-h2 {\r\n            font-size: 9.3vw;\r\n          }\r\n          #team-inicio-s6-custom .title-h3-card {\r\n            font-size: 3.6vw;\r\n          }\r\n          #team-inicio-s6-custom .text-body {\r\n            font-size: 3.6vw;\r\n          }\r\n          #team-inicio-s6-custom .noticia-fecha, \r\n          #team-inicio-s6-custom .noticia-enlace {\r\n            font-size: 3.6vw;\r\n          }\r\n          #team-inicio-s6-custom .btn-cta {\r\n            width: 100%;\r\n          }\r\n          #team-inicio-s6-custom .btn-icon {\r\n            width: 8vw;\r\n            height: 8vw;\r\n          }\r\n          #team-inicio-s6-custom .btn-text {\r\n            font-size: 3.9vw;\r\n            padding-left: 3vw;\r\n          }\r\n        }\r\n    <\/style>\r\n\r\n    <section id=\"team-inicio-s6-custom\">\r\n        <div class=\"seccion-divider\"><\/div>\r\n\r\n        <div class=\"seccion-header\">\r\n            <h2 class=\"title-h2\">Noticias TEAM<\/h2>\r\n            <p class=\"text-body\">Siga de cerca el d\u00eda a d\u00eda de nuestro equipo en el campo.<\/p>\r\n        <\/div>\r\n\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\/Congreso-de-Resiliencias-frente-a-la-Crisis-Climatica-1024x768.jpeg\" alt=\"Mentes resilientes, futuros sostenibles presente en el III Congreso de Resiliencias frente a la Crisis Clim\u00e1tica\" class=\"noticia-img\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"noticia-info\">\r\n                            <h3 class=\"title-h3-card\">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\">7 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                            <\/div>\r\n\r\n        <!-- Bot\u00f3n de Navegaci\u00f3n del Repositorio -->\r\n        <a href=\"\/iicc\/noticias\/\" class=\"btn-cta\">\r\n            <span class=\"btn-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" 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\r\n    <\/section>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cddc5ab e-flex e-con-boxed e-con e-parent\" data-id=\"cddc5ab\" 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-f077e56 elementor-widget elementor-widget-shortcode\" data-id=\"f077e56\" 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\">    <section id=\"team-inicio-s7-custom\" class=\"seccion-publicaciones-destacadas\">\r\n      \r\n      <!-- L\u00ednea divisoria superior horizontal sin icono -->\r\n      <div class=\"seccion-divider\">\r\n        <span class=\"seccion-divider-line\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- Encabezado de la secci\u00f3n -->\r\n      <div class=\"seccion-header\">\r\n        <h2 class=\"titulo-2\">Publicaciones TEAM<\/h2>\r\n        <p class=\"body-text\">Acceda a las \u00faltimas publicaciones de investigaci\u00f3n generados por los investigadores del proyecto TEAM.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Contenedor de Publicaciones Recientes (Grilla din\u00e1mica) -->\r\n      <div class=\"grilla-tarjetas\">\r\n        \r\n                        <article class=\"tarjeta-publicacion\">\r\n                  \r\n                  <div class=\"tarjeta-top\">\r\n                                        <div class=\"publicacion-imagen\">\r\n                      <img decoding=\"async\" src=\"https:\/\/www.ucb.edu.bo\/iicc\/wp-content\/uploads\/2026\/08\/37-768x768.png\" alt=\"Inequalities in depressive symptoms between natives and immigrants in Europe: the mediating role of social exclusion\" loading=\"lazy\" \/>\r\n                    <\/div>\r\n                                        \r\n                    <div class=\"publicacion-header\">\r\n                      <span class=\"titulo-5\">Tipo: Art\u00edculo de Revista<\/span>\r\n                      <h3 class=\"publicacion-title\">Inequalities in depressive symptoms between natives and immigrants in Europe: the mediating role of social exclusion<\/h3>\r\n                    <\/div>\r\n                  <\/div>\r\n                  \r\n                  <p class=\"publicacion-anio\">2026<\/p>\r\n                  \r\n                <\/article>\r\n                \r\n      <\/div>\r\n\r\n      <!-- Bot\u00f3n de Navegaci\u00f3n del Repositorio -->\r\n      <div class=\"boton-contenedor\">\r\n        <a href=\"\/iicc\/publicaciones\/\" class=\"btn-cta\">\r\n          <span class=\"btn-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" 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    <\/section>\r\n\r\n    <style>\r\n      \/* ----------------------------------------------------\r\n         ESTILOS SCOPEADOS - SECCI\u00d3N INICIO 7 (Escenario B)\r\n         ---------------------------------------------------- *\/\r\n      \r\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');\r\n\r\n      :root {\r\n        \/* Design Tokens Oficiales *\/\r\n        --team-color-primary: #2D564E;    \/* Verde Principal *\/\r\n        --team-color-secondary: #FBE9D7;  \/* Beige *\/\r\n        --team-color-accent-1: #6B2E22;   \/* Caf\u00e9\/Marr\u00f3n *\/\r\n        --team-color-text-dark: #333333;   \/* Texto Base Body *\/\r\n        --team-color-white: #ffffff;\r\n        --team-color-border-gray: #cccccc;\r\n        --team-color-black: #000000;\r\n        \r\n        --team-font-principal: 'Carmen Sans', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\r\n        --team-font-montserrat: 'Montserrat', sans-serif;\r\n      }\r\n\r\n      #team-inicio-s7-custom {\r\n        position: relative;\r\n        width: 100vw;\r\n        padding: 8vw 3vw;\r\n        background-color: var(--team-color-white);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 4vw;\r\n        box-sizing: border-box;\r\n        font-family: var(--team-font-principal);\r\n        overflow-x: hidden;\r\n      }\r\n\r\n      #team-inicio-s7-custom * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n      }\r\n\r\n      \/* --- L\u00cdNEA DIVISORIA SUPERIOR --- *\/\r\n      #team-inicio-s7-custom .seccion-divider {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-bottom: 1vw;\r\n      }\r\n\r\n      #team-inicio-s7-custom .seccion-divider-line {\r\n        flex-grow: 1;\r\n        height: 1px;\r\n        background-color: var(--team-color-border-gray);\r\n        opacity: 0.7;\r\n      }\r\n\r\n      \/* --- ENCABEZADO DE LA SECCI\u00d3N --- *\/\r\n      #team-inicio-s7-custom .seccion-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.5vh;\r\n      }\r\n\r\n      \/* T\u00edtulo de la secci\u00f3n (H2) - T\u00edtulo 2 seg\u00fan escala *\/\r\n      #team-inicio-s7-custom .titulo-2 {\r\n        font-family: var(--team-font-montserrat); \/* Tipograf\u00eda corregida *\/\r\n        font-size: 3.6vw;\r\n        line-height: 1.3;\r\n        font-weight: 700;\r\n        color: var(--team-color-primary);\r\n      }\r\n\r\n      #team-inicio-s7-custom .body-text {\r\n        font-size: 1.1vw;\r\n        line-height: 1.5;\r\n        font-weight: 400;\r\n        color: var(--team-color-text-dark);\r\n        max-width: 60%;\r\n      }\r\n\r\n      \/* --- GRILLA DE TARJETAS --- *\/\r\n      #team-inicio-s7-custom .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 PUBLICACI\u00d3N --- *\/\r\n      #team-inicio-s7-custom .tarjeta-publicacion {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2.5vh;\r\n        padding: 3vh 1.5vw;\r\n        background-color: var(--team-color-secondary);\r\n        border: 1px solid transparent;\r\n        border-radius: 8px;\r\n        width: 100%;\r\n        height: 100%;\r\n        justify-content: space-between;\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n      }\r\n\r\n      #team-inicio-s7-custom .tarjeta-publicacion:hover {\r\n        border-color: var(--team-color-primary);\r\n        transform: translateY(-5px);\r\n        box-shadow: 0px 10px 25px rgba(45, 86, 78, 0.08);\r\n      }\r\n\r\n      \/* Agrupador superior de la tarjeta (Imagen + Textos) *\/\r\n      #team-inicio-s7-custom .tarjeta-top {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 2vh;\r\n      }\r\n\r\n      \/* Imagen de la tarjeta *\/\r\n      #team-inicio-s7-custom .publicacion-imagen {\r\n        width: 100%;\r\n        aspect-ratio: 1 \/ 1;\r\n        border-radius: 4px;\r\n        overflow: hidden;\r\n      }\r\n\r\n      #team-inicio-s7-custom .publicacion-imagen img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.4s ease;\r\n      }\r\n\r\n      #team-inicio-s7-custom .tarjeta-publicacion:hover .publicacion-imagen img {\r\n        transform: scale(1.03);\r\n      }\r\n\r\n      #team-inicio-s7-custom .publicacion-header {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1.2vh;\r\n      }\r\n\r\n      #team-inicio-s7-custom .titulo-5 {\r\n        font-size: 0.9vw;\r\n        line-height: 1.2;\r\n        font-weight: 700;\r\n        color: var(--team-color-accent-1);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.05em;\r\n      }\r\n\r\n      #team-inicio-s7-custom .publicacion-title {\r\n        font-family: var(--team-font-montserrat); \/* Tipograf\u00eda corregida *\/\r\n        font-size: 1.2vw;\r\n        line-height: 1.45;\r\n        font-weight: 700;\r\n        color: var(--team-color-primary);\r\n      }\r\n\r\n      #team-inicio-s7-custom .publicacion-anio {\r\n        font-size: 1.1vw;\r\n        line-height: 1.4;\r\n        font-weight: 400;\r\n        color: var(--team-color-text-dark);\r\n        opacity: 0.8;\r\n      }\r\n\r\n      \/* --- BOT\u00d3N CTA --- *\/\r\n      #team-inicio-s7-custom .boton-contenedor {\r\n        margin-top: 1.5vw;\r\n      }\r\n\r\n      #team-inicio-s7-custom .btn-cta {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n        color: var(--team-color-black);\r\n        background: transparent;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        width: fit-content;\r\n      }\r\n\r\n      #team-inicio-s7-custom .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: var(--team-color-black);\r\n        border: 1px solid var(--team-color-black);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: all 0.3s ease;\r\n      }\r\n\r\n      #team-inicio-s7-custom .btn-icon svg {\r\n        width: 45%;\r\n        height: 45%;\r\n        stroke: var(--team-color-white);\r\n        transition: stroke 0.3s ease;\r\n      }\r\n\r\n      #team-inicio-s7-custom .btn-text {\r\n        padding-left: 1vw;\r\n        font-size: 1.2vw;\r\n        font-weight: 300;\r\n        letter-spacing: 0.5px;\r\n        text-transform: uppercase;\r\n        transition: color 0.3s ease;\r\n      }\r\n\r\n      #team-inicio-s7-custom .btn-cta:hover .btn-icon {\r\n        background-color: transparent;\r\n        border-color: var(--team-color-black);\r\n        transform: translateX(4px);\r\n      }\r\n\r\n      #team-inicio-s7-custom .btn-cta:hover .btn-icon svg {\r\n        stroke: var(--team-color-black);\r\n      }\r\n\r\n      #team-inicio-s7-custom .btn-cta:hover .btn-text {\r\n        color: var(--team-color-black);\r\n        opacity: 0.7;\r\n      }\r\n\r\n      \/* ==========================================================================\r\n         PUNTOS DE RUPTURA RESPONSIVOS\r\n         ========================================================================== *\/\r\n\r\n      @media (min-width: 768px) and (max-width: 1024px) {\r\n        #team-inicio-s7-custom {\r\n          padding: 8vh 3vw;\r\n          gap: 5vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .body-text {\r\n          font-size: 1.8vw;\r\n          max-width: 80%;\r\n        }\r\n\r\n        #team-inicio-s7-custom .grilla-tarjetas {\r\n          grid-template-columns: repeat(2, 1fr);\r\n          gap: 3vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .tarjeta-publicacion {\r\n          padding: 3vh 2.5vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .titulo-2 {\r\n          font-size: 6.6vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .titulo-5 {\r\n          font-size: 1.8vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .publicacion-title {\r\n          font-size: 2.2vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .publicacion-anio {\r\n          font-size: 1.8vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .btn-icon {\r\n          width: 3.8vw;\r\n          height: 3.8vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .btn-text {\r\n          font-size: 1.8vw;\r\n          padding-left: 1.5vw;\r\n        }\r\n      }\r\n\r\n      @media (max-width: 767px) {\r\n        #team-inicio-s7-custom {\r\n          padding: 12vw 3vw;\r\n          gap: 8vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .body-text {\r\n          font-size: 3.6vw;\r\n          max-width: 100%;\r\n        }\r\n\r\n        #team-inicio-s7-custom .grilla-tarjetas {\r\n          grid-template-columns: 1fr;\r\n          gap: 6vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .tarjeta-publicacion {\r\n          padding: 4vh 4vw;\r\n        }\r\n        \r\n        #team-inicio-s7-custom .publicacion-imagen {\r\n          aspect-ratio: 1 \/ 1;\r\n        }\r\n\r\n        #team-inicio-s7-custom .titulo-2 {\r\n          font-size: 9.3vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .titulo-5 {\r\n          font-size: 3.3vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .publicacion-title {\r\n          font-size: 4.2vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .publicacion-anio {\r\n          font-size: 3.6vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .btn-cta {\r\n          width: 100%;\r\n        }\r\n\r\n        #team-inicio-s7-custom .btn-icon {\r\n          width: 8vw;\r\n          height: 8vw;\r\n        }\r\n\r\n        #team-inicio-s7-custom .btn-text {\r\n          font-size: 3.9vw;\r\n          padding-left: 3vw;\r\n        }\r\n      }\r\n    <\/style>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TEAM &#8211; Inicio Secci\u00f3n 1 (Hero) &#8211; Resultado Explorando la interconexi\u00f3n entre la salud mental y el cambio clim\u00e1tico: Implicaciones [&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-295","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>Team - 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\/team\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Team - IICC\" \/>\n<meta property=\"og:description\" content=\"TEAM &#8211; Inicio Secci\u00f3n 1 (Hero) &#8211; Resultado Explorando la interconexi\u00f3n entre la salud mental y el cambio clim\u00e1tico: Implicaciones [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/team\/\" \/>\n<meta property=\"og:site_name\" content=\"IICC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T18:46:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png\" \/>\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=\"6 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\\\/team\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/\",\"name\":\"Team - IICC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/klz.rgg.mybluehost.me\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Team-Logo-Principal.png\",\"datePublished\":\"2026-07-27T13:12:46+00:00\",\"dateModified\":\"2026-10-06T18:46:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/#primaryimage\",\"url\":\"https:\\\/\\\/klz.rgg.mybluehost.me\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Team-Logo-Principal.png\",\"contentUrl\":\"https:\\\/\\\/klz.rgg.mybluehost.me\\\/iicc\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Team-Logo-Principal.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/team\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Team\"}]},{\"@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":"Team - 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\/team\/","og_locale":"es_ES","og_type":"article","og_title":"Team - IICC","og_description":"TEAM &#8211; Inicio Secci\u00f3n 1 (Hero) &#8211; Resultado Explorando la interconexi\u00f3n entre la salud mental y el cambio clim\u00e1tico: Implicaciones [&hellip;]","og_url":"https:\/\/www.ucb.edu.bo\/iicc\/team\/","og_site_name":"IICC","article_modified_time":"2026-10-06T18:46:30+00:00","og_image":[{"url":"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ucb.edu.bo\/iicc\/team\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/team\/","name":"Team - IICC","isPartOf":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/team\/#primaryimage"},"image":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/team\/#primaryimage"},"thumbnailUrl":"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png","datePublished":"2026-07-27T13:12:46+00:00","dateModified":"2026-10-06T18:46:30+00:00","breadcrumb":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/team\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ucb.edu.bo\/iicc\/team\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.ucb.edu.bo\/iicc\/team\/#primaryimage","url":"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png","contentUrl":"https:\/\/klz.rgg.mybluehost.me\/iicc\/wp-content\/uploads\/2026\/07\/Team-Logo-Principal.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ucb.edu.bo\/iicc\/team\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ucb.edu.bo\/iicc\/"},{"@type":"ListItem","position":2,"name":"Team"}]},{"@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\/295","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=295"}],"version-history":[{"count":28,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":1277,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/295\/revisions\/1277"}],"wp:attachment":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media?parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}