{"id":220,"date":"2026-07-24T21:08:31","date_gmt":"2026-07-24T21:08:31","guid":{"rendered":"https:\/\/klz.rgg.mybluehost.me\/iicc\/?page_id=220"},"modified":"2026-10-06T15:22:29","modified_gmt":"2026-10-06T19:22:29","slug":"contacto","status":"publish","type":"page","link":"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"220\" class=\"elementor elementor-220\">\n\t\t\t\t<div class=\"elementor-element elementor-element-339814f e-flex e-con-boxed e-con e-parent\" data-id=\"339814f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d401b elementor-widget elementor-widget-html\" data-id=\"09d401b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \n  Widget HTML de Fondo Animado \"Noise & Spotlight\" (Versi\u00f3n 2)\n  \n  \u26a0\ufe0f NOTAS:\n  1. Se ha traducido el c\u00f3digo de React\/Tailwind a HTML, CSS y Vanilla JS para que puedas pegarlo directamente en un widget HTML de Elementor sin necesidad de dependencias.\n  2. Se reemplaz\u00f3 el color verde\/teal por el azul corporativo de IICC (#004d7b) en una opacidad muy baja para generar un tono pastel igual de sutil.\n  3. Aseg\u00farate de configurar el contenedor de la secci\u00f3n en Elementor con fondo transparente y sin m\u00e1rgenes\/paddings.\n-->\n\n<div id=\"iicc-fondo-noise-2\">\n  \n  <!-- CSS Scoped -->\n  <style>\n    \/* Contenedor maestro *\/\n    #iicc-fondo-noise-2 {\n      width: 100%;\n      height: 100vh; \/* Se adapta a la altura de la pantalla *\/\n      overflow: hidden;\n      z-index: 0; \n      pointer-events: none; \n      background-color: #ffffff; \/* Fondo blanco dominante *\/\n      position: relative; \/* Para contener a los elementos absolutos *\/\n    }\n\n    \/* M\u00e1scara radial para desvanecer suavemente los bordes (Grid y Mancha) *\/\n    #iicc-fondo-noise-2 .noise-mask {\n      position: absolute;\n      inset: 0;\n      -webkit-mask-image: radial-gradient(ellipse 85% 65% at 50% 45%, #000 80%, transparent 100%);\n      mask-image: radial-gradient(ellipse 85% 65% at 50% 45%, #000 80%, transparent 100%);\n      -webkit-mask-repeat: no-repeat;\n      mask-repeat: no-repeat;\n    }\n\n    \/* Grid (Cuadr\u00edcula) de fondo *\/\n    #iicc-fondo-noise-2 .noise-grid {\n      position: absolute;\n      inset: 0;\n      \/* Cuadr\u00edcula gris ultra sutil *\/\n      background-image: \n        linear-gradient(to right, rgba(229, 231, 235, 0.2) 1px, transparent 1px),\n        linear-gradient(to bottom, rgba(229, 231, 235, 0.2) 1px, transparent 1px);\n      background-size: 18px 18px;\n    }\n\n    \/* Mancha de color difuminada (Spotlight) - Azul Pastel de IICC *\/\n    #iicc-fondo-noise-2 .noise-spotlight {\n      position: absolute;\n      left: 65%;\n      top: 35%;\n      width: 560px;\n      height: 560px;\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n      \/* Azul principal (#004d7b) al 6% para fundirse casi por completo en el blanco *\/\n      background-color: rgba(0, 77, 123, 0.06);\n      filter: blur(160px);\n    }\n\n    \/* Lienzo de ruido (Canvas Noise) *\/\n    #iicc-fondo-noise-2 .noise-canvas {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      \/* Mantiene los p\u00edxeles n\u00edtidos en el ruido *\/\n      image-rendering: -moz-crisp-edges;\n      image-rendering: pixelated;\n    }\n\n    \/* Responsividad para m\u00f3viles *\/\n    @media (max-width: 767px) {\n      #iicc-fondo-noise-2 .noise-spotlight {\n        left: 50%;\n        top: 50%;\n        width: 400px;\n        height: 400px;\n        filter: blur(100px);\n      }\n    }\n  <\/style>\n\n  <!-- HTML Estructura -->\n  <!-- Capa con el dise\u00f1o enmascarado (para que los bordes se desvanezcan hacia blanco puro) -->\n  <div class=\"noise-mask\">\n    <div class=\"noise-grid\"><\/div>\n    <div class=\"noise-spotlight\"><\/div>\n  <\/div>\n\n  <!-- Capa de ruido de pel\u00edcula din\u00e1mica (arriba del todo) -->\n  <canvas id=\"canvas-noise-iicc\" class=\"noise-canvas\"><\/canvas>\n\n  <!-- Script Vanilla JS para el Ruido (Sin necesidad de React) -->\n  <script>\n    (function() {\n      \/\/ Usamos un IIFE (funci\u00f3n autoejecutable) para no contaminar el espacio global de Elementor\n      const canvas = document.getElementById('canvas-noise-iicc');\n      if (!canvas) return;\n      \n      const ctx = canvas.getContext('2d', { alpha: true });\n      if (!ctx) return;\n\n      let frame = 0;\n      let animationId = 0;\n      \/\/ Tama\u00f1o del patr\u00f3n (reducido para no saturar memoria en m\u00f3viles, pero estirado por CSS)\n      const canvasSize = 1024; \n      \n      \/\/ Ajustes del componente original de 21st.dev\n      const patternRefreshInterval = 2; \/\/ Cada cu\u00e1ntos frames se actualiza\n      const patternAlpha = 8;           \/\/ Intensidad del ruido (0-255) reducida para mayor sutileza\n\n      const resize = () => {\n        canvas.width = canvasSize;\n        canvas.height = canvasSize;\n      };\n\n      const drawGrain = () => {\n        const img = ctx.createImageData(canvasSize, canvasSize);\n        const data = img.data;\n        \/\/ Llenamos el lienzo con puntos blancos y negros aleatorios\n        for (let i = 0; i < data.length; i += 4) {\n          const v = Math.random() * 255;\n          data[i] = v;     \/\/ R\n          data[i + 1] = v; \/\/ G\n          data[i + 2] = v; \/\/ B\n          data[i + 3] = patternAlpha; \/\/ Alpha\n        }\n        ctx.putImageData(img, 0, 0);\n      };\n\n      const loop = () => {\n        \/\/ Solo repintamos el ruido cada X frames para optimizar rendimiento\n        if (frame % patternRefreshInterval === 0) {\n          drawGrain();\n        }\n        frame++;\n        animationId = window.requestAnimationFrame(loop);\n      };\n\n      \/\/ Inicializaci\u00f3n\n      window.addEventListener('resize', resize);\n      resize();\n      loop();\n    })();\n  <\/script>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0832f82 e-flex e-con-boxed e-con e-parent\" data-id=\"0832f82\" 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-afef144 elementor-widget elementor-widget-html\" data-id=\"afef144\" 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>Contacto - Secci\u00f3n 1 (Cabecera)<\/title>\n<\/head>\n<body>\n\n  <!-- Cabecera de P\u00e1gina (T\u00edtulo) con Fondo de Gradiente Animado (Predominancia Blanca) -->\n  <header id=\"iicc-cabecera-contacto-custom\" class=\"cabecera-contacto\">\n\n    <style>\n      \/* Reset Global *\/\n      * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n      }\n      \n      body {\n        margin: 0;\n        overflow-x: hidden;\n        width: 100vw;\n      }\n\n      #iicc-cabecera-contacto-custom {\n        --bg-base: #ffffff; \/* Base blanca predominante *\/\n        --text-main: #3C3C3B; \/* Texto gris oscuro de la marca para contraste *\/\n        --text-muted: rgba(60, 60, 59, 0.9);\n        --text-light: rgba(60, 60, 59, 0.7); \/* Para los enlaces de breadcrumb *\/\n        --white: #ffffff;\n        \n        \/* Regla de Forzar Tipograf\u00eda (Paso 1) *\/\n        --font-primary: 'Montserrat', sans-serif;\n        \n        width: 100%;\n        max-width: 100%;\n        min-height: 25vh;\n        \/* Paddings heredados de los ajustes previos *\/\n        padding: 180px 3vw 4vw 3vw; \n        display: flex;\n        flex-direction: column;\n        gap: 2vw; \n        position: relative;\n        overflow: hidden;\n        box-sizing: border-box;\n        font-family: var(--font-primary);\n        background-color: var(--bg-base);\n        \n        margin: 0 !important;\n      }\n\n      #iicc-cabecera-contacto-custom * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n      }\n\n      \/* Fondo de Gradiente Animado (Mesh Gradient con distorsi\u00f3n l\u00edquida SVG) *\/\n      #iicc-cabecera-contacto-custom .gradient-bg {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        z-index: 1;\n        pointer-events: none;\n      }\n\n      #iicc-cabecera-contacto-custom .gradients-container {\n        width: 100%;\n        height: 100%;\n        filter: url(#liquid-distortion-contacto) blur(45px) saturate(1.2);\n        position: relative;\n      }\n\n      \/* Blobs animados en colores blancos, grises y pasteles muy sutiles *\/\n      #iicc-cabecera-contacto-custom .g1,\n      #iicc-cabecera-contacto-custom .g2,\n      #iicc-cabecera-contacto-custom .g3,\n      #iicc-cabecera-contacto-custom .g4 {\n        border-radius: 50%;\n        -webkit-filter: blur(30px);\n        filter: blur(30px);\n        -webkit-backface-visibility: hidden;\n        -webkit-transform: translateZ(0);\n      }\n\n      #iicc-cabecera-contacto-custom .g1 {\n        position: absolute;\n        \/* Azul pastel m\u00e1s visible *\/\n        background: radial-gradient(circle at center, rgba(196, 206, 212, 0.7) 0%, rgba(196, 206, 212, 0) 65%) no-repeat;\n        width: 80vw;\n        height: 80vw;\n        top: -35vw;\n        left: -15vw;\n        transform-origin: center center;\n        animation: moveVerticalPub 10s ease-in-out infinite;\n      }\n\n      #iicc-cabecera-contacto-custom .g2 {\n        position: absolute;\n        \/* Amarillo pastel con m\u00e1s fuerza *\/\n        background: radial-gradient(circle at center, rgba(251, 248, 243, 0.9) 0%, rgba(251, 248, 243, 0) 65%) no-repeat;\n        width: 70vw;\n        height: 70vw;\n        top: -15vw;\n        right: -5vw;\n        transform-origin: calc(50% - 10vw) calc(50% + 10vw);\n        animation: moveInCirclePub 8s reverse infinite;\n      }\n\n      #iicc-cabecera-contacto-custom .g3 {\n        position: absolute;\n        \/* Azul principal de la marca, diluido para crear movimiento *\/\n        background: radial-gradient(circle at center, rgba(0, 77, 123, 0.15) 0%, rgba(0, 77, 123, 0) 65%) no-repeat;\n        width: 65vw;\n        height: 65vw;\n        bottom: -15vw;\n        left: 5vw;\n        transform-origin: calc(50% + 20vw) calc(50% - 20vw);\n        animation: moveHorizontalPub 14s ease-in-out infinite;\n      }\n\n      #iicc-cabecera-contacto-custom .g4 {\n        position: absolute;\n        \/* Blanco puro menos agresivo, o gris muy claro *\/\n        background: radial-gradient(circle at center, rgba(230, 235, 240, 0.8) 0%, rgba(230, 235, 240, 0) 65%) no-repeat;\n        width: 75vw;\n        height: 75vw;\n        bottom: -25vw;\n        right: -10vw;\n        transform-origin: center center;\n        animation: moveInCirclePub 11s linear infinite;\n      }\n\n      \/* Velo trasl\u00facido menos opaco para dejar ver el fondo *\/\n      #iicc-cabecera-contacto-custom .veil {\n        position: absolute;\n        inset: 0;\n        background: rgba(255, 255, 255, 0.2); \n        z-index: 2;\n        pointer-events: none;\n      }\n\n      #iicc-cabecera-contacto-custom .breadcrumbs-container,\n      #iicc-cabecera-contacto-custom .cabecera-content {\n        position: relative;\n        z-index: 3;\n      }\n\n      \/* NAVEGACI\u00d3N BREADCRUMB *\/\n      #iicc-cabecera-contacto-custom .breadcrumbs-container {\n        display: flex;\n        align-items: center;\n        gap: 0.5vw;\n        font-size: 0.9vw; \/* Estilo T\u00edtulo 5 (Desktop) *\/\n      }\n\n      #iicc-cabecera-contacto-custom .breadcrumb-link {\n        color: #004d7b; \/* Azul principal *\/\n        text-decoration: none;\n        font-weight: 500;\n        transition: color 0.2s ease;\n      }\n\n      #iicc-cabecera-contacto-custom .breadcrumb-link:hover {\n        color: #b4363a; \/* Rojo principal en hover *\/\n        text-decoration: underline;\n      }\n\n      #iicc-cabecera-contacto-custom .breadcrumb-separator {\n        color: rgba(0, 77, 123, 0.4); \/* Separador sutil con base azul *\/\n        user-select: none;\n      }\n\n      #iicc-cabecera-contacto-custom .breadcrumb-current {\n        color: #004d7b; \/* Azul principal *\/\n        font-weight: 600;\n      }\n\n      \/* CONTENEDOR DE CONTENIDO CENTRADO *\/\n      #iicc-cabecera-contacto-custom .cabecera-content {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        width: 100%;\n      }\n\n      \/* T\u00cdTULO PRINCIPAL (H1) *\/\n      #iicc-cabecera-contacto-custom .titulo-1 {\n        \/* Regla de Forzar Tipograf\u00eda (Paso 2) con !important *\/\n        font-family: 'Montserrat', sans-serif !important;\n        font-size: 3.6vw; \n        line-height: 1.15;\n        font-weight: 700;\n        color: var(--text-main);\n        margin: 0;\n        letter-spacing: -0.02em;\n        max-width: 80vw;\n      }\n\n      \/* ==========================================\n         KEYFRAMES DE MOVIMIENTO DEL GRADIENTE\n         ========================================== *\/\n      @keyframes moveInCirclePub {\n        0% { transform: rotate(0deg); }\n        50% { transform: rotate(180deg) scale(1.1); }\n        100% { transform: rotate(360deg); }\n      }\n\n      @keyframes moveVerticalPub {\n        0% { transform: translateY(0) scale(1); }\n        50% { transform: translateY(8vh) scale(1.1); }\n        100% { transform: translateY(0) scale(1); }\n      }\n\n      @keyframes moveHorizontalPub {\n        0% { transform: translateX(0) scale(1); }\n        50% { transform: translateX(8vw) scale(1.08) translateY(-4vh); }\n        100% { transform: translateX(0) scale(1); }\n      }\n\n      \/* ==========================================\n         PUNTOS DE RUPTURA RESPONSIVOS\n         ========================================== *\/\n\n      \/* TABLETA: 768px a 1024px *\/\n      @media (min-width: 768px) and (max-width: 1024px) {\n        #iicc-cabecera-contacto-custom {\n          \/* Padding heredado ajustado *\/\n          padding: 190px 3vw 5vw 3vw;\n          gap: 3vw;\n        }\n\n        #iicc-cabecera-contacto-custom .breadcrumbs-container {\n          font-size: 1.8vw; \/* Estilo T\u00edtulo 5 (Tablet) *\/\n          gap: 1vw;\n        }\n\n        #iicc-cabecera-contacto-custom .titulo-1 {\n          font-size: 5.2vw; \/* Ajuste previo *\/\n        }\n      }\n\n      \/* M\u00d3VIL: 767px o inferior *\/\n      @media (max-width: 767px) {\n        #iicc-cabecera-contacto-custom {\n          \/* Padding heredado ajustado *\/\n          padding: 180px 3vw 8vw 3vw; \n          gap: 6vw;\n        }\n\n        #iicc-cabecera-contacto-custom .breadcrumbs-container {\n          font-size: 3.3vw; \/* Estilo T\u00edtulo 5 (Celular) *\/\n          gap: 2vw;\n        }\n\n        #iicc-cabecera-contacto-custom .titulo-1 {\n          font-size: 7.8vw; \/* Ajuste previo *\/\n          max-width: 100%;\n        }\n\n        \/* Ajustes de escala a los blobs en pantallas verticales *\/\n        #iicc-cabecera-contacto-custom .g1 { width: 100vw; height: 100vw; top: -50vw; }\n        #iicc-cabecera-contacto-custom .g2 { width: 90vw; height: 90vw; top: -30vw; }\n        #iicc-cabecera-contacto-custom .g3 { width: 80vw; height: 80vw; bottom: -30vw; }\n        #iicc-cabecera-contacto-custom .g4 { width: 95vw; height: 95vw; bottom: -40vw; }\n      }\n    <\/style>\n\n    <!-- Capa de Fondo con Gradientes Animados Blancos -->\n    <div class=\"gradient-bg\" aria-hidden=\"true\">\n      <div class=\"gradients-container\">\n        <div class=\"g1\"><\/div>\n        <div class=\"g2\"><\/div>\n        <div class=\"g3\"><\/div>\n        <div class=\"g4\"><\/div>\n      <\/div>\n      <div class=\"veil\"><\/div>\n    <\/div>\n\n    <!-- Navegaci\u00f3n Breadcrumb -->\n    <nav class=\"breadcrumbs-container\" aria-label=\"Miga de pan\">\n      <a href=\"\/iicc\/\" class=\"breadcrumb-link\">Inicio<\/a>\n      <span class=\"breadcrumb-separator\">\/<\/span>\n      <span class=\"breadcrumb-current\">Contacto<\/span>\n    <\/nav>\n\n    <!-- Contenido Centrado de la Cabecera -->\n    <div class=\"cabecera-content\">\n      <!-- T\u00edtulo Principal -->\n      <h1 class=\"titulo-1\">Contacto<\/h1>\n    <\/div>\n\n    <!-- Filtro SVG de Turbulencia para la Distorsi\u00f3n L\u00edquida del Mesh Gradient -->\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none; position: absolute; width: 0; height: 0;\" aria-hidden=\"true\">\n      <defs>\n        <filter id=\"liquid-distortion-contacto\">\n          <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.012 0.008\" numOctaves=\"3\" result=\"noise\" \/>\n          <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"65\" xChannelSelector=\"R\" yChannelSelector=\"G\" \/>\n        <\/filter>\n      <\/defs>\n    <\/svg>\n\n  <\/header>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-759bbc9 e-flex e-con-boxed e-con e-parent\" data-id=\"759bbc9\" 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-bdabd0a elementor-widget elementor-widget-html\" data-id=\"bdabd0a\" 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>Contacto - Secci\u00f3n 2 (Datos y Formulario) - Resultado<\/title>\n  <style>\n    \/* RESET B\u00c1SICO Y VARIABLES DE DISE\u00d1O (L\u00cdNEA GR\u00c1FICA IICC) *\/\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    :root {\n      \/* Brand Identity Tokens (linea-grafica.md) *\/\n      --brand-red: #b4363a;         \/* Rojo principal *\/\n      --brand-red-hover: #932c30;   \/* Rojo hover *\/\n      --brand-blue: #004d7b;        \/* Azul principal *\/\n      --brand-blue-rgb: 0, 77, 123; \/* Azul principal RGB para plantilla de botones *\/\n      --brand-blue-hover: #00385a;  \/* Azul hover *\/\n      --text-main: #3C3C3B;         \/* Gris oficial para textos *\/\n      --text-black: #000000;        \/* Negro *\/\n      --text-muted: #666666;        \/* Gris medio para etiquetas\/placeholders *\/\n      --border-color: #cccccc;      \/* Gris de borde est\u00e1ndar *\/\n      --white: #ffffff;\n    }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background-color: var(--white);\n      color: var(--text-main);\n      overflow-x: hidden;\n      width: 100vw;\n    }\n\n    \/* CONTENEDOR PRINCIPAL DE LA SECCI\u00d3N (sistema-medidas-relativas.md) *\/\n    .contacto-seccion-2 {\n      width: 100vw;\n      padding: 4vw 3vw 8vw 3vw; \/* Padding lateral universal de 3vw *\/\n      display: flex;\n      justify-content: space-between;\n      gap: 8vw; \/* Espacio generoso entre columnas *\/\n      position: relative;\n    }\n\n    \/* ==========================================================================\n       COLUMNA IZQUIERDA: DATOS DE CONTACTO\n       ========================================================================== *\/\n    .contacto-datos {\n      width: 38%;\n      display: flex;\n      flex-direction: column;\n      padding-left: 0; \/* Padding lateral strictly 3vw from section container *\/\n    }\n\n    \/* T\u00cdTULOS DE BLOQUE (H2) - T\u00edtulo 4 (estilos-globales-letras.md) *\/\n    .titulo-4 {\n      font-family: 'Montserrat', sans-serif !important; \/* Fuerza la tipograf\u00eda frente al tema *\/\n      font-size: 1.2vw; \/* T\u00edtulo 4 (Desktop) *\/\n      font-weight: 700;\n      color: var(--text-black);\n      line-height: 1.25;\n      margin-bottom: 2.5vw;\n      letter-spacing: -0.01em;\n    }\n\n    \/* LISTA DE CONTACTO (DIRECCI\u00d3N \/ TEL\u00c9FONO) *\/\n    .contacto-lista {\n      list-style: none;\n      margin-bottom: 2vw;\n    }\n\n    .contacto-item {\n      font-size: 0.95vw; \/* Texto de datos de contacto m\u00e1s reducido *\/\n      font-weight: 400;\n      line-height: 1.6;\n      color: var(--text-main);\n      margin-bottom: 1.5vw;\n    }\n\n    .contacto-item strong {\n      font-weight: 700; \/* \"Direcci\u00f3n:\" y \"Tel\u00e9fono:\" en negritas *\/\n    }\n\n    \/* ENLACE DE LLAMADA INTERACTIVO DENTRO DEL TEXTO *\/\n    .enlace-llamada {\n      color: var(--text-black);\n      text-decoration: underline;\n      transition: color 0.2s ease;\n      font-weight: 700;\n    }\n\n    .enlace-llamada:hover {\n      color: var(--text-muted);\n    }\n\n    \/* REDES SOCIALES *\/\n    .redes-sociales {\n      margin-top: 4vw;\n    }\n\n    \/* T\u00cdTULO REDES SOCIALES (H3) - T\u00edtulo 5 (estilos-globales-letras.md) *\/\n    .titulo-5 {\n      font-family: 'Montserrat', sans-serif !important; \/* Fuerza la tipograf\u00eda frente al tema *\/\n      font-size: 0.9vw; \/* T\u00edtulo 5 (Desktop) *\/\n      font-weight: 700;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      letter-spacing: 0.08em;\n      margin-bottom: 1.2vw;\n    }\n\n    .redes-iconos {\n      display: flex;\n      gap: 1.5vw;\n      align-items: center;\n    }\n\n    .redes-link {\n      color: var(--brand-red); \/* Iconos de RRSS en color rojo (seg\u00fan instrucci\u00f3n) *\/\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      transition: color 0.3s ease, transform 0.3s ease;\n    }\n\n    .redes-link:hover {\n      color: var(--brand-red-hover);\n      transform: translateY(-2px); \/* Micro-animaci\u00f3n de elevaci\u00f3n *\/\n    }\n\n    .social-icon {\n      width: 1.7vw;\n      height: 1.7vw;\n      display: block;\n    }\n\n    \/* ==========================================================================\n       COLUMNA DERECHA: FORMULARIO DE CONTACTO (ESTILO DE LA REFERENCIA V. CENTERED)\n       ========================================================================== *\/\n    .contacto-formulario {\n      width: 54%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .contacto-formulario .titulo-4 {\n      margin-bottom: 3vw;\n    }\n\n    .form-contacto {\n      display: flex;\n      flex-direction: column;\n      gap: 3vh; \/* Distanciamiento de la p\u00e1gina de inicio *\/\n      width: 100%;\n    }\n\n    \/* GRUPO DE CAMPO (CONTENEDOR RELATIVO PARA ETIQUETA INTERNA) *\/\n    .form-grupo {\n      position: relative;\n      width: 100%;\n    }\n\n    \/* ENTRADAS DE TEXTO Y \u00c1REA DE TEXTO *\/\n    .form-input {\n      width: 100%;\n      padding: 1.6vh 0.7vw; \/* Padding vertical y horizontal en reposo *\/\n      border: 1px solid var(--border-color);\n      background-color: var(--white);\n      font-family: inherit;\n      font-size: 0.9vw; \/* Tama\u00f1o de texto de input *\/\n      color: var(--text-black);\n      outline: none;\n      border-radius: 8px; \/* Bordes redondeados *\/\n      transition: padding 0.3s ease, border-color 0.3s ease;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      border-color: var(--text-black);\n    }\n\n    .form-textarea {\n      height: 18vh;\n      resize: vertical;\n      min-height: 120px;\n    }\n\n    \/* ETIQUETA INTERNA DEL CAMPO (Letras delgadas y reducidas en reposo) *\/\n    .form-label {\n      position: absolute;\n      left: 0.7vw; \/* Margen horizontal respecto al borde *\/\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 0.9vw; \/* Tama\u00f1o de etiqueta *\/\n      font-weight: 300;\n      color: var(--text-muted);\n      pointer-events: none;\n      transition: all 0.3s ease;\n      line-height: 1;\n    }\n\n    \/* Ajuste de etiqueta para el \u00e1rea de texto (siempre al inicio superior en reposo) *\/\n    .form-textarea ~ .form-label {\n      top: 2.4vh;\n      transform: none;\n    }\n\n    \/* COMPORTAMIENTO INTERACTIVO: CUANDO EL CAMPO TIENE FOCO O CONTIENE TEXTO *\/\n    .form-input:focus,\n    .form-input:not(:placeholder-shown) {\n      padding: 2.4vh 0.7vw 0.8vh 0.7vw; \/* Padding activo *\/\n    }\n\n    .form-input:focus ~ .form-label,\n    .form-input:not(:placeholder-shown) ~ .form-label {\n      top: 0.5vh; \/* Altura activa flotante *\/\n      transform: translateY(0);\n      font-size: 0.65vw; \/* Tama\u00f1o flotante reducido *\/\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    \/* Ajuste de etiqueta flotante activa para \u00e1rea de texto *\/\n    .form-textarea:focus ~ .form-label,\n    .form-textarea:not(:placeholder-shown) ~ .form-label {\n      top: 0.5vh;\n      transform: none;\n      font-size: 0.65vw;\n      color: var(--text-muted);\n      font-weight: 400;\n    }\n\n    \/* AISLAMIENTO DE ESTILOS DE WORDPRESS EN BOT\u00d3N *\/\n    #formulario-contacto-pagina button.btn-secondary-cta,\n    .btn-secondary-cta {\n      display: inline-flex !important;\n      align-items: center !important;\n      text-decoration: none !important;\n      color: var(--text-black) !important;\n      background: transparent !important;\n      background-color: transparent !important;\n      border: none !important;\n      cursor: pointer !important;\n      margin: 1vw 0 0 0 !important;\n      padding: 0 !important;\n      width: fit-content !important;\n      height: auto !important;\n      min-height: 0 !important;\n      font-family: inherit !important;\n      transition: all 0.3s ease !important;\n      box-shadow: none !important;\n      text-transform: none !important;\n      line-height: normal !important;\n      border-radius: 0 !important;\n    }\n\n    .btn-secondary-cta .btn-icon {\n      width: 2.2vw;\n      height: 2.2vw;\n      min-width: 32px;\n      min-height: 32px;\n      background-color: rgba(var(--brand-blue-rgb), 0.40); \/* Acabado semi-transparente del color de marca (40%) *\/\n      border-radius: 50%; \/* Icono redondo *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    .btn-secondary-cta .btn-icon svg {\n      width: 45%;\n      height: 45%;\n      stroke: rgb(var(--brand-blue-rgb)); \/* Color de la marca en s\u00f3lido *\/\n      transition: stroke 0.3s ease;\n    }\n\n    .btn-secondary-cta .btn-text {\n      padding-left: 1vw;\n      font-size: 0.9vw;\n      font-weight: 500;\n      letter-spacing: 0.08em;\n      text-transform: none; \/* Mantener la capitalizaci\u00f3n escrita en el HTML *\/\n      transition: color 0.3s ease;\n      color: var(--text-black);\n    }\n\n    \/* MICRO-INTERACCIONES (HOVER) *\/\n    .btn-secondary-cta:hover .btn-icon {\n      background-color: rgba(var(--brand-blue-rgb), 0.60); \/* Incrementa opacidad a 60% *\/\n      transform: translateX(3px);\n    }\n\n    .btn-secondary-cta:hover .btn-text {\n      color: rgb(var(--brand-blue-rgb)); \/* El texto del bot\u00f3n cambia al azul de la marca *\/\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      .contacto-seccion-2 {\n        flex-direction: column;\n        gap: 8vw;\n        padding: 8vw 3vw;\n      }\n\n      .contacto-datos,\n      .contacto-formulario {\n        width: 100%;\n      }\n\n      .contacto-datos {\n        padding-left: 0; \/* Reset del padding izquierdo *\/\n      }\n\n      .titulo-4 {\n        font-size: 1.8vw; \/* T\u00edtulo 4 (Tablet) *\/\n        margin-bottom: 4vw;\n      }\n\n      .contacto-item {\n        font-size: 1.6vw; \/* Texto de datos de contacto *\/\n        margin-bottom: 2.5vw;\n      }\n\n      .titulo-5 {\n        font-size: 1.8vw; \/* T\u00edtulo 5 (Tablet) *\/\n        margin-bottom: 2vw;\n      }\n\n      .redes-iconos {\n        gap: 3vw;\n      }\n\n      .social-icon {\n        width: 3.5vw;\n        height: 3.5vw;\n      }\n\n      \/* Inputs y Etiquetas en Tableta (Reposo) *\/\n      .form-input {\n        font-size: 1.4vw; \/* Reducido *\/\n        padding: 1.8vw 1.2vw; \/* Reducido *\/\n        border-radius: 8px;\n      }\n\n      .form-label {\n        left: 1.2vw; \/* Reducido *\/\n        font-size: 1.4vw; \/* Reducido *\/\n      }\n\n      .form-textarea ~ .form-label {\n        top: 2.2vw; \/* Reducido *\/\n      }\n\n      \/* Inputs y Etiquetas en Tableta (Activo) *\/\n      .form-input:focus,\n      .form-input:not(:placeholder-shown) {\n        padding: 2.8vw 1.2vw 1vw 1.2vw; \/* Reducido *\/\n      }\n\n      .form-input:focus ~ .form-label,\n      .form-input:not(:placeholder-shown) ~ .form-label {\n        top: 0.6vw; \/* Reducido *\/\n        font-size: 0.95vw; \/* Reducido *\/\n      }\n\n      \/* Ajuste de etiqueta flotante activa para \u00e1rea de texto *\/\n      .form-textarea:focus ~ .form-label,\n      .form-textarea:not(:placeholder-shown) ~ .form-label {\n        top: 0.6vw;\n        font-size: 0.95vw;\n      }\n\n      .btn-secondary-cta .btn-icon {\n        width: 3.8vw;\n        height: 3.8vw;\n      }\n\n      .btn-secondary-cta .btn-text {\n        font-size: 1.4vw;\n        padding-left: 1.5vw;\n      }\n    }\n\n    \/* M\u00d3VIL: 767px o inferior *\/\n    @media (max-width: 767px) {\n      .contacto-seccion-2 {\n        flex-direction: column;\n        gap: 12vw;\n        padding: 12vw 3vw; \/* Aire vertical amplio en m\u00f3vil *\/\n      }\n\n      .contacto-datos,\n      .contacto-formulario {\n        width: 100%;\n      }\n\n      .contacto-datos {\n        padding-left: 0; \/* Reset del padding izquierdo *\/\n      }\n\n      .titulo-4 {\n        font-size: 3.6vw; \/* T\u00edtulo 4 (Celular) *\/\n        margin-bottom: 6vw;\n      }\n\n      .contacto-item {\n        font-size: 3.2vw; \/* Texto de datos de contacto *\/\n        margin-bottom: 5vw;\n      }\n\n      .redes-sociales {\n        margin-top: 8vw;\n      }\n\n      .titulo-5 {\n        font-size: 3.3vw; \/* T\u00edtulo 5 (Celular) *\/\n        margin-bottom: 4vw;\n      }\n\n      .redes-iconos {\n        gap: 5vw;\n      }\n\n      .social-icon {\n        width: 7.5vw;\n        height: 7.5vw;\n      }\n\n      .form-contacto {\n        gap: 6vw;\n      }\n\n      \/* Inputs y Etiquetas en M\u00f3vil (Reposo) *\/\n      .form-input {\n        font-size: 2.8vw; \/* Reducido *\/\n        padding: 3.2vw 2vw; \/* Reducido *\/\n        border-radius: 8px;\n      }\n\n      .form-label {\n        left: 2vw; \/* Reducido *\/\n        font-size: 2.8vw; \/* Reducido *\/\n      }\n\n      .form-textarea ~ .form-label {\n        top: 3.5vw; \/* Reducido *\/\n      }\n\n      \/* Inputs y Etiquetas en M\u00f3vil (Activo) *\/\n      .form-input:focus,\n      .form-input:not(:placeholder-shown) {\n        padding: 4.8vw 2vw 1.6vw 2vw; \/* Reducido *\/\n      }\n\n      .form-input:focus ~ .form-label,\n      .form-input:not(:placeholder-shown) ~ .form-label {\n        top: 1vw; \/* Reducido *\/\n        font-size: 1.8vw; \/* Reducido *\/\n      }\n\n      \/* Ajuste de etiqueta flotante activa para \u00e1rea de texto *\/\n      .form-textarea:focus ~ .form-label,\n      .form-textarea:not(:placeholder-shown) ~ .form-label {\n        top: 1vw;\n        font-size: 1.8vw;\n      }\n\n      #formulario-contacto-pagina button.btn-secondary-cta,\n      .btn-secondary-cta {\n        width: 100% !important;\n        margin: 2vw 0 0 0 !important;\n      }\n\n      .btn-secondary-cta .btn-icon {\n        width: 8vw;\n        height: 8vw;\n      }\n\n      .btn-secondary-cta .btn-text {\n        font-size: 3.0vw;\n        padding-left: 3vw;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Secci\u00f3n 2: Medios de Contacto y Formulario -->\n  <section class=\"contacto-seccion-2\">\n    \n    <!-- Columna Izquierda: Canales de Atenci\u00f3n Directa -->\n    <section id=\"datos-contacto\" class=\"contacto-datos\">\n      \n      <ul class=\"contacto-lista\">\n        <li class=\"contacto-item\"><strong>Direcci\u00f3n:<\/strong> Av. 14 de Septiembre #4807 esquina calle 2 de Obrajes, Bloque T (Edificio UCB, La Paz - Bolivia)<\/li>\n        <li class=\"contacto-item\"><strong>Tel\u00e9fono:<\/strong> <a href=\"tel:+59122782222,2861\" class=\"enlace-llamada\">(2) 2782222 int. 2861<\/a><\/li>\n      <\/ul>\n      \n      <!-- Redes Sociales -->\n      <div class=\"redes-sociales\">\n        <h3 class=\"titulo-4\">Redes Sociales<\/h3>\n        <div class=\"redes-iconos\">\n          <!-- Icono TikTok Relleno -->\n          <a href=\"https:\/\/www.tiktok.com\/@iicc.bolivia\" class=\"redes-link\" aria-label=\"TikTok\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"social-icon\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z\"\/><\/svg>\n          <\/a>\n          <!-- Icono FB Relleno -->\n          <a href=\"https:\/\/www.facebook.com\/IICC.UCB\" class=\"redes-link\" aria-label=\"Facebook\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"social-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c4.56-.93 8-4.96 8-9.8z\"\/><\/svg>\n          <\/a>\n          <!-- Icono Instagram Outline -->\n          <a href=\"https:\/\/www.instagram.com\/iiccucb\/\" class=\"redes-link\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"social-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n          <\/a>\n          <!-- Icono YouTube Relleno -->\n          <a href=\"https:\/\/www.youtube.com\/@iicc_ucb\" class=\"redes-link\" aria-label=\"YouTube\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <svg class=\"social-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M23.498 6.163a3.003 3.003 0 0 0-2.11-2.11C19.53 3.545 12 3.545 12 3.545s-7.53 0-9.388.508a3.003 3.003 0 0 0-2.11 2.11C0 8.017 0 12 0 12s0 3.983.502 5.837a3.003 3.003 0 0 0 2.11 2.11c1.858.507 9.388.507 9.388.507s7.53 0 9.388-.507a3.003 3.003 0 0 0 2.11-2.11C24 15.983 24 12 24 12s0-3.983-.502-5.837zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Columna Derecha: Formulario de Contacto -->\n    <section id=\"formulario-contacto\" class=\"contacto-formulario\">\n      <h2 class=\"titulo-4\">Env\u00eda tu consulta<\/h2>\n      \n      <form id=\"formulario-contacto-pagina\" action=\"#\" method=\"POST\" class=\"form-contacto\">\n        \n        <!-- Bloque 1: Campo Nombre -->\n        <div class=\"form-grupo\">\n          <input class=\"form-input\" type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\" \" required>\n          <label class=\"form-label\" for=\"nombre\">Nombre completo<\/label>\n        <\/div>\n        \n        <!-- Bloque 2: Campo Correo -->\n        <div class=\"form-grupo\">\n          <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\" \" required>\n          <label class=\"form-label\" for=\"email\">Correo electr\u00f3nico<\/label>\n        <\/div>\n        \n        <!-- Bloque 3: Campo Instituci\u00f3n -->\n        <div class=\"form-grupo\">\n          <input class=\"form-input\" type=\"text\" id=\"institucion\" name=\"institucion\" placeholder=\" \" required>\n          <label class=\"form-label\" for=\"institucion\">Instituci\u00f3n o Entidad<\/label>\n        <\/div>\n        \n        <!-- Bloque 4: Campo Mensaje -->\n        <div class=\"form-grupo\">\n          <textarea class=\"form-input form-textarea\" id=\"mensaje\" name=\"mensaje\" placeholder=\" \" required><\/textarea>\n          <label class=\"form-label\" for=\"mensaje\">Asunto o consulta<\/label>\n        <\/div>\n        \n        <!-- Bloque 5: Bot\u00f3n de Env\u00edo -->\n        <div class=\"form-boton-container\">\n          <button type=\"submit\" class=\"btn-secondary-cta\">\n            <span class=\"btn-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n              <\/svg>\n            <\/span>\n            <span class=\"btn-text\">Enviar Mensaje Institucional<\/span>\n          <\/button>\n        <\/div>\n\n      <\/form>\n    <\/section>\n\n  <\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto &#8211; Secci\u00f3n 1 (Cabecera) Inicio \/ Contacto Contacto Contacto &#8211; Secci\u00f3n 2 (Datos y Formulario) &#8211; Resultado Direcci\u00f3n: Av. [&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-220","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>Contacto - 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\/contacto\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contacto - IICC\" \/>\n<meta property=\"og:description\" content=\"Contacto &#8211; Secci\u00f3n 1 (Cabecera) Inicio \/ Contacto Contacto Contacto &#8211; Secci\u00f3n 2 (Datos y Formulario) &#8211; Resultado Direcci\u00f3n: Av. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/\" \/>\n<meta property=\"og:site_name\" content=\"IICC\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-06T19:22:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/contacto\\\/\",\"url\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/contacto\\\/\",\"name\":\"Contacto - IICC\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/#website\"},\"datePublished\":\"2026-07-24T21:08:31+00:00\",\"dateModified\":\"2026-10-06T19:22:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/contacto\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/contacto\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/contacto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ucb.edu.bo\\\/iicc\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contacto\"}]},{\"@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":"Contacto - 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\/contacto\/","og_locale":"es_ES","og_type":"article","og_title":"Contacto - IICC","og_description":"Contacto &#8211; Secci\u00f3n 1 (Cabecera) Inicio \/ Contacto Contacto Contacto &#8211; Secci\u00f3n 2 (Datos y Formulario) &#8211; Resultado Direcci\u00f3n: Av. [&hellip;]","og_url":"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/","og_site_name":"IICC","article_modified_time":"2026-10-06T19:22:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/","url":"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/","name":"Contacto - IICC","isPartOf":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/#website"},"datePublished":"2026-07-24T21:08:31+00:00","dateModified":"2026-10-06T19:22:29+00:00","breadcrumb":{"@id":"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ucb.edu.bo\/iicc\/contacto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ucb.edu.bo\/iicc\/contacto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ucb.edu.bo\/iicc\/"},{"@type":"ListItem","position":2,"name":"Contacto"}]},{"@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\/220","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=220"}],"version-history":[{"count":35,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":1293,"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/pages\/220\/revisions\/1293"}],"wp:attachment":[{"href":"https:\/\/www.ucb.edu.bo\/iicc\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}