{"id":7445,"date":"2026-05-26T21:44:00","date_gmt":"2026-05-26T21:44:00","guid":{"rendered":"https:\/\/utla.edu.sv\/2026\/?page_id=7445"},"modified":"2026-05-26T22:56:31","modified_gmt":"2026-05-26T22:56:31","slug":"copia-de-mision-vision-y-valores-institucionales","status":"publish","type":"page","link":"https:\/\/utla.edu.sv\/2026\/?page_id=7445","title":{"rendered":"PEI 2026"},"content":{"rendered":"\n<!-- ====================================================\n     VISOR DE DOCUMENTO \u2014 PEI UTLA\n     Bloque HTML listo para WordPress (HTML personalizado)\n     Estilo: Manual de Marca UTLA 2025\n==================================================== -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n.utla-doc *, .utla-doc *::before, .utla-doc *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.utla-doc {\n  --azul:         #003153;\n  --azul-med:     #00406b;\n  --azul-lite:    #e8eef4;\n  --burdeos:      #6d222e;\n  --burdeos-lite: #f5e8ea;\n  --burdeos-med:  #d4a0a8;\n  --celeste:      #81c3d7;\n  --gris-bg:      #f2f5f8;\n  --texto:        #1c2b3a;\n  --texto-2:      #4a5f72;\n\n  font-family: 'Be Vietnam Pro', sans-serif;\n  color: var(--texto);\n  background: var(--gris-bg);\n  line-height: 1.6;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n  min-width: 100vw !important;\n  position: relative !important;\n  left: 50% !important;\n  right: 50% !important;\n  margin-left: -50vw !important;\n  margin-right: -50vw !important;\n  overflow-x: hidden;\n  padding: 48px 6% 64px;\n}\n\n\/* \u2500\u2500 Wrapper interior \u2500\u2500 *\/\n.utla-doc__inner {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Cabecera del visor \u2500\u2500 *\/\n.utla-doc__header {\n  background: var(--azul);\n  border-radius: 14px 14px 0 0;\n  padding: 20px 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.utla-doc__header-left {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n.utla-doc__header-icon {\n  width: 42px; height: 42px;\n  border-radius: 10px;\n  background: rgba(255,255,255,.12);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.utla-doc__header-icon svg {\n  width: 20px; height: 20px; fill: var(--celeste);\n}\n\n.utla-doc__header-meta {}\n.utla-doc__header-cat {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,.5);\n  margin-bottom: 3px;\n}\n.utla-doc__header-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.3;\n}\n\n.utla-doc__header-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  font-family: 'Be Vietnam Pro', sans-serif;\n  font-size: 12.5px;\n  font-weight: 700;\n  color: var(--azul);\n  background: var(--celeste);\n  border: none;\n  border-radius: 8px;\n  padding: 9px 16px;\n  text-decoration: none;\n  white-space: nowrap;\n  transition: opacity .15s, transform .15s;\n  flex-shrink: 0;\n}\n.utla-doc__header-btn:hover { opacity: .85; transform: translateY(-1px); }\n.utla-doc__header-btn svg { width: 14px; height: 14px; fill: var(--azul); }\n\n\/* \u2500\u2500 Barra de progreso decorativa \u2500\u2500 *\/\n.utla-doc__bar {\n  height: 3px;\n  background: var(--burdeos);\n}\n\n\/* \u2500\u2500 Contenedor del iframe \u2500\u2500 *\/\n.utla-doc__frame-wrap {\n  background: #fff;\n  border: 1px solid #dde3ec;\n  border-top: none;\n  border-radius: 0 0 14px 14px;\n  overflow: hidden;\n  position: relative;\n}\n\n.utla-doc__frame-wrap iframe {\n  display: block;\n  width: 100%;\n  height: 700px;\n  border: none;\n}\n\n\/* \u2500\u2500 Nota inferior \u2500\u2500 *\/\n.utla-doc__note {\n  margin-top: 14px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  color: var(--texto-2);\n}\n.utla-doc__note svg {\n  width: 14px; height: 14px;\n  fill: var(--texto-2);\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Responsive \u2500\u2500 *\/\n@media (max-width: 640px) {\n  .utla-doc { padding: 24px 4% 48px; }\n  .utla-doc__frame-wrap iframe { height: 500px; }\n  .utla-doc__header { border-radius: 10px 10px 0 0; padding: 16px 18px; }\n  .utla-doc__header-btn span { display: none; }\n}\n<\/style>\n\n<div class=\"utla-doc\">\n  <div class=\"utla-doc__inner\">\n\n    <!-- Cabecera -->\n    <div class=\"utla-doc__header\">\n      <div class=\"utla-doc__header-left\">\n        <div class=\"utla-doc__header-icon\">\n          <!-- \u00cdcono Word \/ documento -->\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zm-4.5 8l-1.5-6h1.3l.9 4.1.95-4.1h1.2l.95 4.1.9-4.1H13l-1.5 6H10.2l-.87-3.7L8.5 17H7.5z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"utla-doc__header-meta\">\n          <div class=\"utla-doc__header-cat\">Documento institucional \u00b7 UTLA<\/div>\n          <div class=\"utla-doc__header-title\">Plan Estrat\u00e9gico Institucional (PEI)<\/div>\n        <\/div>\n      <\/div>\n      <a class=\"utla-doc__header-btn\"\n         href=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/03.-Doc.-PEI-v1.pdf\"\n         target=\"_blank\" rel=\"noopener\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\"><\/path><\/svg>\n        <span>Descargar<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- Barra de color burdeos -->\n    <div class=\"utla-doc__bar\"><\/div>\n\n    <!-- Visor iframe -->\n    <div class=\"utla-doc__frame-wrap\">\n      <iframe\n        src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/03.-Doc.-PEI-v1.pdf\"\n        title=\"Plan Estrat\u00e9gico Institucional \u2014 UTLA\"\n        allowfullscreen>\n      <\/iframe>\n    <\/div>\n\n    <!-- Nota -->\n    <p class=\"utla-doc__note\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"><\/path><\/svg>\n      El documento se visualiza en formato PDF. Si no carga en tu navegador, us\u00e1 el bot\u00f3n <strong>Descargar<\/strong>.\n    <\/p>\n\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Documento institucional \u00b7 UTLA Plan Estrat\u00e9gico Institucional (PEI) Descargar El documento se visualiza en formato PDF. Si no carga en tu navegador, us\u00e1 el bot\u00f3n Descargar.<\/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-7445","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages\/7445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7445"}],"version-history":[{"count":3,"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages\/7445\/revisions"}],"predecessor-version":[{"id":7451,"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages\/7445\/revisions\/7451"}],"wp:attachment":[{"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}