{"id":7532,"date":"2026-06-10T21:51:23","date_gmt":"2026-06-10T21:51:23","guid":{"rendered":"https:\/\/utla.edu.sv\/2026\/?page_id=7532"},"modified":"2026-06-11T15:44:59","modified_gmt":"2026-06-11T15:44:59","slug":"proyecto-de-investigacion-institucional","status":"publish","type":"page","link":"https:\/\/utla.edu.sv\/2026\/proyecto-de-investigacion-institucional\/","title":{"rendered":"PROYECTOS DE INVESTIGACI\u00d3N INSTITUCIONAL"},"content":{"rendered":"\n<!-- ====================================================\n     REPOSITORIO DE INVESTIGACI\u00d3N \u2014 UTLA\n     Alimentado desde Google Sheets (CSV p\u00fablico)\n     Bloque HTML para WordPress \u2014 Manual de Marca UTLA 2025\n     \n     \u25ba C\u00d3MO CONFIGURAR:\n       1. Crea una hoja de c\u00e1lculo en Google Sheets con estas columnas\n          en la FILA 1 (encabezados exactos, respetando may\u00fasculas):\n          \n          Titulo | Autor | Area | Linea | Resumen | Palabras_clave | Repositorio | A\u00f1o | Tipo | Color | Imagen\n          \n       2. Llena los datos desde la FILA 2 en adelante.\n          - Palabras_clave: separadas por comas  ej: Educaci\u00f3n, Tecnolog\u00eda, IA\n          - Color: azul \/ burdeos \/ verde \/ morado \/ teal  (si no pones nada usa azul)\n          - Imagen: URL directa de la imagen (de WordPress u otro host p\u00fablico).\n                    Si la dejas vac\u00eda muestra el fondo de color con el c\u00f3digo P0X.\n          \n       3. Archivo \u2192 Compartir \u2192 Publicar en la web\n          \u2192 Hoja: \"Hoja 1\"  \u2192 Formato: \"Valores separados por comas (.csv)\"\n          \u2192 Publicar \u2192 copia la URL que aparece\n          \n       4. Pega esa URL en la variable  SHEET_CSV_URL  que est\u00e1 abajo (l\u00ednea ~20)\n==================================================== -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.utla-repo*,.utla-repo*::before,.utla-repo*::after{box-sizing:border-box;margin:0;padding:0;}\n.utla-repo{\n  --azul:#003153;--azul-2:#00406b;--burdeos:#6d222e;--burdeos-lite:#f5e8ea;\n  --celeste:#81c3d7;--gris-bg:#f2f5f8;--gris-line:#e2e8f0;--texto:#1c2b3a;--texto-2:#4a5f72;\n  --verde:#226f54;--morado:#5c4c91;--teal:#1d7a96;\n  font-family:'Be Vietnam Pro',sans-serif;color:var(--texto);\n  width:100vw!important;max-width:100vw!important;min-width:100vw!important;\n  position:relative!important;left:50%!important;right:50%!important;\n  margin-left:-50vw!important;margin-right:-50vw!important;\n  overflow-x:hidden;background:var(--gris-bg);padding-bottom:72px;\n}\n\n\/* HERO *\/\n.repo-hero{background:linear-gradient(135deg,rgba(0,49,83,.97),rgba(0,64,107,.92));padding:56px 7% 52px;position:relative;overflow:hidden;}\n.repo-hero::before{content:'';position:absolute;right:-80px;top:-80px;width:320px;height:320px;border:56px solid rgba(109,34,46,.2);border-radius:50%;}\n.repo-hero::after{content:'';position:absolute;right:100px;bottom:-110px;width:200px;height:200px;border:36px solid rgba(129,195,215,.12);border-radius:50%;}\n.repo-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}\n.repo-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--celeste);margin-bottom:20px;}\n.repo-hero h1{font-size:clamp(26px,4vw,46px);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px;}\n.repo-hero p{font-size:15px;color:rgba(255,255,255,.72);line-height:1.7;max-width:620px;}\n\n\/* TOOLBAR *\/\n.repo-toolbar{max-width:1200px;margin:0 auto;padding:28px 7% 0;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;}\n.repo-input,.repo-select{width:100%;border:1px solid var(--gris-line);border-radius:12px;padding:13px 16px;background:#fff;font-family:'Be Vietnam Pro',sans-serif;font-size:14px;color:var(--texto);outline:none;box-shadow:0 4px 14px rgba(0,49,83,.06);transition:border-color .2s,box-shadow .2s;}\n.repo-input:focus,.repo-select:focus{border-color:var(--azul-2);box-shadow:0 0 0 3px rgba(0,64,107,.12);}\n\n\/* STATS *\/\n.repo-stats{max-width:1200px;margin:20px auto 0;padding:0 7%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}\n.repo-stat{background:#fff;border:1px solid var(--gris-line);border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(0,49,83,.07);}\n.repo-stat strong{display:block;font-size:28px;font-weight:900;color:var(--azul);letter-spacing:-.03em;line-height:1;margin-bottom:5px;}\n.repo-stat span{font-size:11.5px;font-weight:700;color:var(--texto-2);text-transform:uppercase;letter-spacing:.06em;}\n\n\/* LOADING *\/\n.repo-loading{max-width:1200px;margin:40px auto;padding:0 7%;text-align:center;color:var(--texto-2);font-size:14px;font-weight:600;}\n.repo-spinner{width:36px;height:36px;border:3px solid var(--gris-line);border-top-color:var(--azul);border-radius:50%;animation:repo-spin .8s linear infinite;margin:0 auto 16px;}\n@keyframes repo-spin{to{transform:rotate(360deg);}}\n\n\/* GRID *\/\n.repo-grid{max-width:1200px;margin:24px auto 0;padding:0 7%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}\n\n\/* TARJETA *\/\n.repo-card{background:#fff;border:1px solid var(--gris-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;}\n.repo-card:hover,.repo-card:focus{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,49,83,.14);border-color:rgba(0,64,107,.3);outline:none;}\n.repo-thumb{height:158px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--azul),var(--azul-2));}\n.repo-thumb.c-burdeos{background:linear-gradient(135deg,var(--burdeos),#a03040);}\n.repo-thumb.c-verde{background:linear-gradient(135deg,var(--verde),#4a9d74);}\n.repo-thumb.c-morado{background:linear-gradient(135deg,var(--morado),#8a72c0);}\n.repo-thumb.c-teal{background:linear-gradient(135deg,var(--teal),#3aa0ba);}\n.repo-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}\n.repo-thumb::before{content:'';position:absolute;width:140px;height:140px;right:-40px;top:-40px;background:rgba(255,255,255,.14);border-radius:50%;pointer-events:none;}\n.repo-thumb::after{content:'';position:absolute;width:180px;height:180px;left:-80px;bottom:-110px;border:2px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none;}\n.repo-thumb-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#fff;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.3);}\n.repo-thumb-lines{position:absolute;left:14px;right:14px;bottom:18px;display:grid;gap:8px;z-index:1;}\n.repo-thumb-lines span{display:block;height:7px;border-radius:999px;background:rgba(255,255,255,.5);}\n.repo-thumb-lines span:nth-child(2){width:72%;}\n.repo-thumb-lines span:nth-child(3){width:50%;background:rgba(255,255,255,.25);}\n.repo-card-body{padding:16px;display:flex;flex-direction:column;flex:1;}\n.repo-card-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-2);}\n.repo-card h2{margin:0 0 10px;font-size:13.5px;font-weight:800;color:var(--azul);line-height:1.3;}\n.repo-card p{font-size:12.5px;color:var(--texto-2);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}\n.repo-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}\n.repo-chips span{padding:5px 9px;border-radius:999px;background:var(--gris-bg);color:var(--azul);font-weight:700;font-size:10.5px;}\n\n\/* VAC\u00cdO \/ ERROR *\/\n.repo-msg{display:none;max-width:1200px;margin:24px auto 0;padding:0 7%;}\n.repo-msg-inner{text-align:center;padding:40px;border:1px dashed var(--gris-line);border-radius:18px;background:#fff;color:var(--texto-2);font-weight:700;}\n.repo-msg.active{display:block;}\n\n\/* MODAL *\/\n.repo-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,20,40,.65);padding:20px;z-index:9999;}\n.repo-modal.active{display:flex;}\n.repo-modal-card{width:min(860px,100%);max-height:92vh;overflow-y:auto;background:#fff;border-radius:22px;box-shadow:0 32px 80px rgba(0,0,0,.28);}\n.repo-modal-header{padding:28px 28px 24px;background:linear-gradient(135deg,var(--azul),var(--azul-2));color:#fff;position:relative;border-radius:22px 22px 0 0;}\n.repo-modal-header h2{margin:0;font-size:clamp(16px,2.5vw,22px);font-weight:900;line-height:1.25;max-width:760px;padding-right:44px;}\n.repo-modal-close{position:absolute;right:18px;top:18px;border:none;background:rgba(255,255,255,.16);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:background .15s;}\n.repo-modal-close:hover{background:rgba(109,34,46,.7);}\n.repo-modal-img{width:100%;max-height:260px;object-fit:cover;display:block;}\n.repo-modal-body{padding:24px;display:grid;gap:16px;}\n.repo-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}\n.repo-info{background:var(--gris-bg);border:1px solid var(--gris-line);border-radius:12px;padding:14px;}\n.repo-info.full{grid-column:1\/-1;}\n.repo-info small{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2);margin-bottom:6px;}\n.repo-info strong{font-size:13.5px;color:var(--texto);line-height:1.5;font-weight:600;}\n.repo-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}\n.repo-btn{border:none;border-radius:10px;padding:11px 20px;cursor:pointer;font-family:'Be Vietnam Pro',sans-serif;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .18s,background .18s;}\n.repo-btn-primary{background:var(--azul);color:#fff;}\n.repo-btn-primary:hover{background:var(--azul-2);transform:translateY(-1px);}\n.repo-btn-secondary{background:#fff;color:var(--azul);border:1px solid var(--gris-line);}\n.repo-btn-secondary:hover{background:var(--gris-bg);}\n\n@media(max-width:1100px){.repo-grid{grid-template-columns:repeat(3,1fr);}.repo-stats{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:860px){.repo-toolbar{grid-template-columns:1fr;}.repo-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:540px){.repo-grid{grid-template-columns:1fr;}.repo-stats{grid-template-columns:repeat(2,1fr);}.repo-info-grid{grid-template-columns:1fr;}}\n<\/style>\n\n<div class=\"utla-repo\">\n\n  <div class=\"repo-hero\">\n    <div class=\"repo-hero-inner\">\n      <div class=\"repo-eyebrow\">Unidad de Investigaci\u00f3n e Innovaci\u00f3n \u00b7 UTLA<\/div>\n      <h1>Proyectos de<br>Investigaci\u00f3n Institucional<\/h1>\n      <p>Proyectos, estudios y publicaciones desarrollados por el equipo investigador de la Universidad T\u00e9cnica Latinoamericana.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"repo-toolbar\">\n    <input class=\"repo-input\" id=\"repoSearch\" type=\"search\" placeholder=\"\ud83d\udd0d  Buscar por t\u00edtulo, autor, \u00e1rea, palabras clave\u2026\" oninput=\"repoFilter()\">\n    <select class=\"repo-select\" id=\"repoType\" onchange=\"repoFilter()\"><option value=\"\">Todos los tipos<\/option><\/select>\n    <select class=\"repo-select\" id=\"repoYear\" onchange=\"repoFilter()\"><option value=\"\">Todos los a\u00f1os<\/option><\/select>\n  <\/div>\n\n  <div class=\"repo-stats\">\n    <div class=\"repo-stat\"><strong id=\"repoCount\">\u2014<\/strong><span>Proyectos<\/span><\/div>\n    <div class=\"repo-stat\"><strong id=\"repoPublished\">\u2014<\/strong><span>Publicados<\/span><\/div>\n    <div class=\"repo-stat\"><strong id=\"repoAuthors\">\u2014<\/strong><span>Investigadores<\/span><\/div>\n    <div class=\"repo-stat\"><strong id=\"repoYears\">\u2014<\/strong><span>A\u00f1os activos<\/span><\/div>\n  <\/div>\n\n  <div class=\"repo-loading\" id=\"repoLoading\">\n    <div class=\"repo-spinner\"><\/div>\n    Cargando repositorio\u2026\n  <\/div>\n\n  <div class=\"repo-grid\" id=\"repoGrid\"><\/div>\n\n  <div class=\"repo-msg\" id=\"repoEmpty\"><div class=\"repo-msg-inner\">No se encontraron proyectos con los filtros aplicados.<\/div><\/div>\n  <div class=\"repo-msg\" id=\"repoError\"><div class=\"repo-msg-inner\">\u26a0\ufe0f No se pudo cargar el repositorio. Verifica que la hoja de Google Sheets est\u00e9 publicada correctamente.<\/div><\/div>\n\n  <!-- MODAL -->\n  <div class=\"repo-modal\" id=\"repoModal\" onclick=\"if(event.target===this)repoClose()\">\n    <div class=\"repo-modal-card\">\n      <div class=\"repo-modal-header\">\n        <button class=\"repo-modal-close\" onclick=\"repoClose()\">\u2715<\/button>\n        <h2 id=\"rmTitle\"><\/h2>\n      <\/div>\n      <img decoding=\"async\" class=\"repo-modal-img\" id=\"rmImg\" src=\"\" alt=\"\" style=\"display:none;\">\n      <div class=\"repo-modal-body\">\n        <div class=\"repo-info-grid\">\n          <div class=\"repo-info\"><small>Autor\u00eda<\/small><strong id=\"rmAuthor\"><\/strong><\/div>\n          <div class=\"repo-info\"><small>Tipo y a\u00f1o<\/small><strong id=\"rmType\"><\/strong><\/div>\n          <div class=\"repo-info\"><small>\u00c1rea<\/small><strong id=\"rmArea\"><\/strong><\/div>\n          <div class=\"repo-info\"><small>L\u00ednea de investigaci\u00f3n<\/small><strong id=\"rmLine\"><\/strong><\/div>\n        <\/div>\n        <div class=\"repo-info full\"><small>Resumen<\/small><strong id=\"rmSummary\"><\/strong><\/div>\n        <div class=\"repo-info full\">\n          <small>Palabras clave<\/small>\n          <div class=\"repo-chips\" id=\"rmKeywords\"><\/div>\n        <\/div>\n        <div class=\"repo-modal-actions\">\n          <a class=\"repo-btn repo-btn-primary\" id=\"rmRepo\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n            Abrir repositorio\n          <\/a>\n          <button class=\"repo-btn repo-btn-secondary\" onclick=\"repoCopy()\">\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"><\/path><\/svg>\n            Copiar referencia\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/utla.edu.sv\/2026\/repo-script.js\"><\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unidad de Investigaci\u00f3n e Innovaci\u00f3n \u00b7 UTLA Proyectos deInvestigaci\u00f3n Institucional Proyectos, estudios y publicaciones desarrollados por el equipo investigador de la Universidad T\u00e9cnica Latinoamericana. Todos los tipos Todos los a\u00f1os \u2014Proyectos \u2014Publicados \u2014Investigadores \u2014A\u00f1os activos Cargando repositorio\u2026 No se encontraron proyectos con los filtros aplicados. \u26a0\ufe0f No se pudo cargar el repositorio. Verifica que la [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-7532","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages\/7532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/comments?post=7532"}],"version-history":[{"count":10,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages\/7532\/revisions"}],"predecessor-version":[{"id":7544,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages\/7532\/revisions\/7544"}],"wp:attachment":[{"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/media?parent=7532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}