{"id":6223,"date":"2022-09-29T11:49:08","date_gmt":"2022-09-29T11:49:08","guid":{"rendered":""},"modified":"2026-10-20T20:57:03","modified_gmt":"2026-10-20T20:57:03","slug":"homepage-edublock-pro","status":"publish","type":"page","link":"https:\/\/utla.edu.sv\/2026\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<!-- Slider UTLA 2026 - Full Bleed Responsive (una sola imagen por slide) -->\n<!-- Para cambiar una imagen, reemplaza el src=\"\" de la etiqueta <img class=\"utla-sl-img\"> de cada slide -->\n<!-- El JavaScript de este bloque est\u00e1 en functions.php (wp_footer). Aqu\u00ed va solo HTML y CSS: WordPress da\u00f1a los scripts pegados en bloques. -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;700;800&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  #utla-sl {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    font-family: 'Be Vietnam Pro', sans-serif;\n    background: #003153;\n    box-sizing: border-box;\n    z-index: 0;\n    transition: height .45s ease;   \/* la altura sigue a la imagen activa *\/\n  }\n  #utla-sl *, #utla-sl *::before, #utla-sl *::after { box-sizing: border-box; }\n\n  #utla-sl-track {\n    display: flex;\n    align-items: flex-start;        \/* cada slide conserva su propia altura *\/\n    transition: transform 0.75s cubic-bezier(.77,0,.175,1);\n    touch-action: pan-y;\n  }\n  .utla-slide {\n    min-width: 100%;\n    position: relative;\n  }\n\n  \/* La imagen define la altura: se escala completa, sin recortes ni deformaci\u00f3n *\/\n  .utla-sl-img {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n\n  \/* \u2500\u2500 Texto encima de la imagen (escritorio y tablet) \u2500\u2500 *\/\n  .utla-sl-content {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    padding: 0 7% 40px;\n    max-width: 640px;\n  }\n  .utla-sl-tag {\n    font-size: clamp(10px, 1vw, 11px); font-weight: 700; letter-spacing: .22em;\n    text-transform: uppercase; color: #ffffff;\n    display: block; margin-bottom: clamp(6px, 1vw, 12px);\n    opacity: 0; transform: translateY(10px);\n  }\n  .utla-sl-title {\n    margin: 0 0 clamp(6px, 1vw, 12px);\n    font-size: clamp(20px, 3.2vw, 42px);\n    font-weight: 800; color: #ffffff;\n    line-height: 1.1; letter-spacing: -.02em;\n    opacity: 0; transform: translateY(20px);\n  }\n  .utla-sl-sub {\n    margin: 0 0 clamp(12px, 2.2vw, 28px);\n    font-size: clamp(12px, 1.2vw, 14px); font-weight: 300;\n    color: #ffffff; line-height: 1.6; max-width: 400px;\n    opacity: 0; transform: translateY(20px);\n  }\n  .utla-sl-btn {\n    display: inline-flex; align-items: center; gap: 9px;\n    padding: clamp(8px, 1vw, 12px) clamp(16px, 2vw, 26px);\n    border: 2px solid #ffffff; border-radius: 7px;\n    color: #ffffff; font-family: 'Be Vietnam Pro', sans-serif;\n    font-size: clamp(12px, 1vw, 13px); font-weight: 700; letter-spacing: .04em;\n    text-decoration: none; cursor: pointer; background: transparent;\n    opacity: 0; transform: translateY(16px);\n    transition: background .22s, color .22s, transform .18s;\n  }\n  .utla-sl-btn:hover { background: #ffffff; color: #003153; transform: translateY(-2px); }\n  .utla-sl-btn svg { transition: transform .18s; }\n  .utla-sl-btn:hover svg { transform: translateX(4px); }\n\n  .utla-slide.is-active .utla-sl-tag   { animation: utlaSlIn .5s  .05s ease forwards; }\n  .utla-slide.is-active .utla-sl-title { animation: utlaSlIn .55s .18s ease forwards; }\n  .utla-slide.is-active .utla-sl-sub   { animation: utlaSlIn .55s .30s ease forwards; }\n  .utla-slide.is-active .utla-sl-btn   { animation: utlaSlIn .5s  .42s ease forwards; }\n\n  @keyframes utlaSlIn {\n    from { opacity: 0; transform: translateY(22px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* \u2500\u2500 Tablet \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .utla-sl-nav { display: none !important; }\n    .utla-sl-content { padding: 0 6% 36px; }\n  }\n  @media (max-width: 900px) {\n    .utla-sl-sub { display: none; }\n  }\n\n  \/* Contenedor de cada slide (en escritorio no cambia nada) *\/\n  .utla-sl-card { position: relative; }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TEL\u00c9FONO: imagen alta con texto encima \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  @media (max-width: 600px) {\n    #utla-sl { background: #00243d; }\n\n    \/* La imagen ocupa m\u00e1s alto (4:5) y se recorta por la izquierda para mostrar el lado derecho *\/\n    .utla-sl-img {\n      aspect-ratio: 4 \/ 5;\n      max-height: 82vh;\n      object-fit: cover;\n      object-position: right center;   \/* muestra el lado derecho de la foto *\/\n      transform-origin: right center;\n      transform: scale(1.06);\n      transition: transform 4s ease-out;   \/* duraci\u00f3n del movimiento: baja el n\u00famero para m\u00e1s r\u00e1pido *\/\n    }\n    .utla-slide.is-active .utla-sl-img { transform: scale(1); }   \/* zoom lento tipo \"Ken Burns\" *\/\n    .utla-sl-card { overflow: hidden; }\n\n    \/* Degradado oscuro abajo para que el texto se lea sobre la foto *\/\n    .utla-sl-card::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      pointer-events: none;\n      background: linear-gradient(180deg,\n        rgba(0,36,61,0) 35%,\n        rgba(0,36,61,.55) 62%,\n        rgba(0,30,52,.92) 100%);\n    }\n\n    .utla-sl-content {\n      position: absolute;\n      inset: auto 0 0 0;\n      z-index: 2;\n      max-width: 100%;\n      justify-content: flex-end;\n      padding: 0 22px 52px;\n    }\n\n    .utla-sl-tag {\n      display: inline-block;\n      font-size: 10px;\n      letter-spacing: .18em;\n      padding: 5px 11px;\n      margin-bottom: 12px;\n      border-radius: 999px;\n      color: #ffffff;\n      background: rgba(255,255,255,.14);\n      border: 1px solid rgba(255,255,255,.28);\n      -webkit-backdrop-filter: blur(6px);\n      backdrop-filter: blur(6px);\n    }\n    .utla-sl-title {\n      font-size: clamp(24px, 7.4vw, 30px);\n      line-height: 1.08;\n      margin-bottom: 8px;\n      text-shadow: 0 2px 14px rgba(0,0,0,.35);\n    }\n    .utla-sl-sub {\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      max-width: 100%;\n      font-size: 13.5px;\n      line-height: 1.5;\n      color: rgba(255,255,255,.85);\n      margin-bottom: 18px;\n    }\n    .utla-sl-btn {\n      padding: 11px 20px;\n      border: 0;\n      border-radius: 999px;\n      background: #ffffff;\n      color: #003153;\n      font-size: 13px;\n      box-shadow: 0 8px 20px -8px rgba(0,0,0,.55);\n    }\n    .utla-sl-btn:hover, .utla-sl-btn:active { background: #ffffff; color: #003153; transform: none; }\n\n    #utla-sl #utla-sl-dots { bottom: 20px; left: 22px; transform: none; gap: 6px; }\n    #utla-sl .utla-sl-dot { background: rgba(255,255,255,.4); }\n    #utla-sl .utla-sl-dot.active { background: #ffffff; width: 22px; }\n  }\n\n  @media (max-width: 360px) {\n    .utla-sl-content { padding: 0 16px 48px; }\n    #utla-sl #utla-sl-dots { left: 16px; }\n    .utla-sl-sub { display: none; }\n  }\n\n  .utla-sl-nav {\n    position: absolute; top: 50%; transform: translateY(-50%);\n    z-index: 10; width: 44px; height: 44px; border-radius: 50%;\n    background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.3);\n    display: flex; align-items: center; justify-content: center;\n    cursor: pointer; transition: background .2s, border-color .2s, transform .15s; color: #fff;\n  }\n  .utla-sl-nav:hover { background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.6); transform: translateY(-50%) scale(1.1); }\n  .utla-sl-prev { left: 20px; }\n  .utla-sl-next { right: 20px; }\n  #utla-sl-dots {\n    position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);\n    z-index: 10; display: flex; gap: 8px; align-items: center;\n  }\n  .utla-sl-dot {\n    width: 7px; height: 7px; border-radius: 50%;\n    background: rgba(255,255,255,.3); cursor: pointer; border: none; padding: 0;\n    transition: background .25s, width .3s, border-radius .3s;\n  }\n  .utla-sl-dot.active { width: 26px; border-radius: 4px; background: #ffffff; }\n<\/style>\n\n<div id=\"utla-sl\" onmouseenter=\"utlaSlPause()\" onmouseleave=\"utlaSlResume()\">\n  <div id=\"utla-sl-track\">\n\n    <div class=\"utla-slide is-active\">\n      <div class=\"utla-sl-card\">\n        <img class=\"utla-sl-img\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/University-3.jpg.jpeg\" alt=\"Semana Cient\u00edfica Cultural 2026\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n        <div class=\"utla-sl-content\">\n          <span class=\"utla-sl-tag\">ACTO INAUGURAL<\/span>\n          <h2 class=\"utla-sl-title\">SEMANA CIENTIFICA CULTURAL 2026<\/h2>\n          <p class=\"utla-sl-sub\">Hacia el Desarrollo a trav\u00e9s de la Formaci\u00f3n Integral.<\/p>\n          <a class=\"utla-sl-btn\" href=\"https:\/\/utla.edu.sv\/2026\/programacion-de-semana-cientifica-cultural\/\">Saber m\u00e1s <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"utla-slide\">\n      <div class=\"utla-sl-card\">\n        <img class=\"utla-sl-img\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/University-2.jpg-1.jpeg\" alt=\"Nuevo ingreso UTLA\" decoding=\"async\">\n        <div class=\"utla-sl-content\">\n          <span class=\"utla-sl-tag\">Nuevo Ingreso &#8211; Ciclo 02\/2026<\/span>\n          <h2 class=\"utla-sl-title\">El comienzo de tu futuro<\/h2>\n          <p class=\"utla-sl-sub\">Inscripciones abiertas. Forma parte de la comunidad universitaria m\u00e1s comprometida del pa\u00eds.<\/p>\n          <a class=\"utla-sl-btn\" href=\"https:\/\/utla.edu.sv\/portalUtla\/registro.php\">Inscr\u00edbete ahora <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"utla-slide\">\n      <div class=\"utla-sl-card\">\n        <img class=\"utla-sl-img\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/University-9.jpg.jpeg\" alt=\"Oferta acad\u00e9mica UTLA\" decoding=\"async\">\n        <div class=\"utla-sl-content\">\n          <span class=\"utla-sl-tag\">Oferta Acad\u00e9mica<\/span>\n          <h2 class=\"utla-sl-title\">9 Carreras para tu vocaci\u00f3n<\/h2>\n          <p class=\"utla-sl-sub\">Ingenier\u00edas y licenciaturas. Encuentra el camino que te define.<\/p>\n          <a class=\"utla-sl-btn\" href=\"https:\/\/utla.edu.sv\/2026\/?page_id=6610\">Ver carreras <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"utla-slide\">\n      <div class=\"utla-sl-card\">\n        <img class=\"utla-sl-img\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/University-6.jpg.jpeg\" alt=\"Proyecci\u00f3n social UTLA\" decoding=\"async\">\n        <div class=\"utla-sl-content\">\n          <span class=\"utla-sl-tag\">Proyecci\u00f3n Social<\/span>\n          <h2 class=\"utla-sl-title\">Impacto real en la comunidad<\/h2>\n          <p class=\"utla-sl-sub\">Comprometidos con el desarrollo humano, cultural y econ\u00f3mico de El Salvador.<\/p>\n          <a class=\"utla-sl-btn\" href=\"https:\/\/utla.edu.sv\/2026\/?page_id=6338\">Ver proyectos <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <button class=\"utla-sl-nav utla-sl-prev\" onclick=\"utlaSlMove(-1)\" aria-label=\"Anterior\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg>\n  <\/button>\n  <button class=\"utla-sl-nav utla-sl-next\" onclick=\"utlaSlMove(1)\" aria-label=\"Siguiente\">\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg>\n  <\/button>\n  <div id=\"utla-sl-dots\"><\/div>\n<\/div>\n\n\n\n<!-- Cuadr\u00edcula de accesos r\u00e1pidos \u2014 UTLA 2025 -->\n<!-- Pegar en un bloque HTML personalizado de WordPress -->\n<!-- Reemplaza cada href=\"#\" con la URL real de cada secci\u00f3n -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .utla-cards-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    justify-content: center;\n    padding: 8px 0;\n  }\n  .utla-card {\n    width: 160px;\n    background: #ffffff;\n    border: 1.5px solid #e2e8f0;\n    border-radius: 20px;\n    padding: 28px 16px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 14px;\n    cursor: pointer;\n    text-decoration: none;\n    position: relative;\n    overflow: hidden;\n    transition: border-color 0.25s, box-shadow 0.25s, transform 0.22s;\n  }\n  .utla-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 4px;\n    background: #003153;\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform 0.3s ease;\n    border-radius: 20px 20px 0 0;\n  }\n  .utla-card:hover::before {\n    transform: scaleX(1);\n  }\n  .utla-card:hover {\n    border-color: #003153;\n    box-shadow: 0 8px 24px rgba(0, 49, 83, 0.12);\n    transform: translateY(-3px);\n  }\n  .utla-card:hover .utla-card-icon {\n    background: #003153;\n  }\n  .utla-card:hover .utla-card-icon svg {\n    stroke: #ffffff;\n  }\n  .utla-card:hover .utla-card-label {\n    color: #003153;\n  }\n  .utla-card-icon {\n    width: 60px;\n    height: 60px;\n    background: #f1f5f9;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.25s;\n  }\n  .utla-card-icon svg {\n    transition: stroke 0.25s;\n  }\n  .utla-card-label {\n    font-family: 'Be Vietnam Pro', sans-serif;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: #475569;\n    text-align: center;\n    line-height: 1.4;\n    letter-spacing: 0.01em;\n    transition: color 0.25s;\n  }\n<\/style>\n\n<div class=\"utla-cards-grid\">\n\n  <!-- Aulas Virtuales -->\n  <a href=\"https:\/\/evutla.edu.sv\/\" class=\"utla-card\">\n    <div class=\"utla-card-icon\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003153\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"><\/rect><path d=\"M8 21h8M12 17v4\"><\/path>\n      <\/svg>\n    <\/div>\n    <span class=\"utla-card-label\">Aulas Virtuales<\/span>\n  <\/a>\n\n  <!-- Portal de Notas y asesor\u00eda -->\n  <a href=\"https:\/\/utla.edu.sv\/portalUtla\/\" class=\"utla-card\">\n    <div class=\"utla-card-icon\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003153\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path>\n      <\/svg>\n    <\/div>\n    <span class=\"utla-card-label\">Portal de Notas y asesor\u00eda en l\u00ednea<\/span>\n  <\/a>\n\n  <!-- Biblioteca -->\n  <a href=\"https:\/\/biblioteca.utla.edu.sv\/\" class=\"utla-card\">\n    <div class=\"utla-card-icon\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003153\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n      <\/svg>\n    <\/div>\n    <span class=\"utla-card-label\">Biblioteca<\/span>\n  <\/a>\n\n  <!-- Calendario Acad\u00e9mico -->\n  <a href=\"https:\/\/utla.edu.sv\/2026\/calendario-academico-ciclo-02\/\" class=\"utla-card\">\n    <div class=\"utla-card-icon\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003153\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M16 2v4M8 2v4M3 10h18\"><\/path>\n        <circle cx=\"8\" cy=\"15\" r=\"1\" fill=\"#003153\"><\/circle><circle cx=\"12\" cy=\"15\" r=\"1\" fill=\"#003153\"><\/circle><circle cx=\"16\" cy=\"15\" r=\"1\" fill=\"#003153\"><\/circle>\n      <\/svg>\n    <\/div>\n    <span class=\"utla-card-label\">Calendario Acad\u00e9mico<\/span>\n  <\/a>\n\n  <!-- Proceso de Admisi\u00f3n -->\n  <a href=\"https:\/\/utla.edu.sv\/2026\/?page_id=6842\" class=\"utla-card\">\n    <div class=\"utla-card-icon\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003153\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n        <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n        <line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"><\/line><line x1=\"9\" y1=\"17\" x2=\"13\" y2=\"17\"><\/line>\n      <\/svg>\n    <\/div>\n    <span class=\"utla-card-label\">Proceso de Admisi\u00f3n<\/span>\n  <\/a>\n\n  <!-- Cat\u00e1logo Institucional -->\n  <a href=\"https:\/\/utla.edu.sv\/2026\/catalogo-01-2026\/\" class=\"utla-card\">\n    <div class=\"utla-card-icon\">\n      <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#003153\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n        <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n      <\/svg>\n    <\/div>\n    <span class=\"utla-card-label\">Cat\u00e1logo Institucional<\/span>\n  <\/a>\n\n<\/div>\n\n\n\n<!-- Banner UTLA 2026 - Full Bleed Responsive (una sola imagen, con enlace) -->\n<!-- Para cambiar la IMAGEN, reemplaza el src=\"\" de la etiqueta <img> -->\n<!-- Para cambiar el ENLACE, reemplaza el href=\"\" de la etiqueta <a class=\"u-link\"> -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;700;800&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  #utla-fb {\n    position: relative;\n    z-index: 0;\n    display: block;\n    width: 100%;\n    line-height: 0;              \/* elimina el espacio fantasma bajo la imagen *\/\n    background-color: #003153;\n    font-family: 'Be Vietnam Pro', sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Enlace que envuelve la imagen *\/\n  #utla-fb .u-link {\n    display: block;\n    line-height: 0;\n    text-decoration: none;\n    cursor: pointer;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n  #utla-fb .u-link .u-img {\n    transition: transform 0.45s cubic-bezier(.22,.61,.36,1), filter 0.3s;\n  }\n  #utla-fb .u-link:hover .u-img {\n    transform: scale(1.015);\n    filter: brightness(1.04);\n  }\n  #utla-fb .u-link:focus-visible {\n    outline: 3px solid #81c3d7;\n    outline-offset: -3px;\n  }\n\n  \/* La imagen define la altura del banner: se escala sin recortarse ni deformarse *\/\n  #utla-fb .u-img {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-width: none;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  \/* ===== Contenido opcional encima de la imagen ===== *\/\n  #utla-fb-inner {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0 8%;\n    max-width: 620px;\n    line-height: normal;\n    pointer-events: none;       \/* deja pasar el clic al enlace de la imagen *\/\n  }\n  #utla-fb-inner a { pointer-events: auto; }  \/* salvo los botones internos *\/\n  @media (max-width: 1024px) { #utla-fb-inner { padding: 0 6%; } }\n  @media (max-width: 600px)  { #utla-fb-inner { padding: 0 5%; } }\n\n  @keyframes uUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  #utla-fb .u-title {\n    margin: 0 0 clamp(6px, 1.2vw, 14px);\n    font-size: clamp(20px, 4.5vw, 58px);\n    font-weight: 800;\n    color: #ffffff;\n    line-height: 1.05;\n    letter-spacing: -0.02em;\n    opacity: 0;\n    animation: uUp 0.6s 0.2s ease forwards;\n  }\n  #utla-fb .u-title span { color: #81c3d7; }\n  #utla-fb .u-sub {\n    margin: 0 0 clamp(10px, 3vw, 38px);\n    font-size: clamp(12px, 1.4vw, 15px);\n    font-weight: 300;\n    color: rgba(255,255,255,0.8);\n    line-height: 1.6;\n    opacity: 0;\n    animation: uUp 0.6s 0.3s ease forwards;\n  }\n  #utla-fb .u-btn {\n    align-self: flex-start;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: clamp(8px, 1.2vw, 15px) clamp(16px, 2.5vw, 32px);\n    background: transparent;\n    border: 2px solid #ffffff;\n    border-radius: 8px;\n    color: #ffffff;\n    font-family: 'Be Vietnam Pro', sans-serif;\n    font-size: clamp(12px, 1.2vw, 14px);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-decoration: none;\n    transition: background 0.22s, color 0.22s, transform 0.18s;\n    opacity: 0;\n    animation: uUp 0.6s 0.4s ease forwards;\n  }\n  #utla-fb .u-btn:hover { background: #ffffff; color: #003153; transform: translateY(-2px); }\n  #utla-fb .u-btn:hover .u-arr { transform: translateX(4px); }\n  .u-arr { transition: transform 0.2s; }\n<\/style>\n\n<div id=\"utla-fb\">\n\n  <!-- \u2193\u2193\u2193 ENLACE DEL BANNER \u2193\u2193\u2193 -->\n  <a class=\"u-link\"\n     href=\"https:\/\/utla.edu.sv\/2026\/programacion-de-semana-cientifica-cultural\/\"\n     aria-label=\"Ver la programaci\u00f3n de la Semana Cient\u00edfica Cultural\">\n    <img class=\"u-img\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/Portada-Semana-Cientifica.jpg.jpeg\" alt=\"Semana Cient\u00edfica UTLA\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n  <\/a>\n\n  <!-- Contenido opcional: quita los comentarios si quieres texto y bot\u00f3n sobre la imagen\n  <div id=\"utla-fb-inner\">\n    <h2 class=\"u-title\">EL COMIENZO DE<br><span>TU FUTURO<\/span><\/h2>\n    <p class=\"u-sub\">Formamos profesionales con excelencia acad\u00e9mica, valores y liderazgo.<\/p>\n    <a href=\"#\" class=\"u-btn\">\n      Tr\u00e1mite en l\u00ednea\n      <svg class=\"u-arr\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n      <\/svg>\n    <\/a>\n  <\/div>\n  -->\n<\/div>\n\n<script>\n(function () {\n  function stretch() {\n    var el = document.getElementById('utla-fb');\n    if (!el) return;\n    el.style.marginLeft = '0';\n    el.style.width      = 'auto';\n    el.style.maxWidth   = 'none';\n    var p = el.parentElement;\n    while (p && p !== document.documentElement) {\n      p.style.overflow     = 'visible';\n      p.style.overflowX    = 'visible';\n      p.style.maxWidth     = 'none';\n      p.style.paddingLeft  = '0';\n      p.style.paddingRight = '0';\n      p.style.marginLeft   = '0';\n      p.style.marginRight  = '0';\n      p = p.parentElement;\n    }\n    var rect = el.getBoundingClientRect();\n    var vw   = document.documentElement.clientWidth;\n    el.style.marginLeft = '-' + rect.left + 'px';\n    el.style.width      = vw + 'px';\n    document.documentElement.style.overflowX = 'hidden';\n    document.body.style.overflowX = 'hidden';\n  }\n\n  var resizeTimer;\n  function onResize() {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(stretch, 100);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function () { stretch(); setTimeout(stretch, 400); });\n  } else {\n    stretch();\n    setTimeout(stretch, 400);\n  }\n  window.addEventListener('load', stretch);\n  window.addEventListener('resize', onResize);\n  window.addEventListener('orientationchange', function () { setTimeout(stretch, 250); });\n})();\n<\/script>\n\n\n  <div class=\"utla-news\">\n\n    <div class=\"utla-news__header\">\n      <div class=\"utla-news__header-inner\">\n        <span class=\"utla-news__eyebrow\">UTLA &middot; Noticias<\/span>\n        <h2 class=\"utla-news__heading\">\u00daltimas Noticias<\/h2>\n        <div class=\"utla-news__heading-line\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"utla-news__grid\">\n              <article class=\"utla-news__card\">\n\n                      <a href=\"https:\/\/utla.edu.sv\/2026\/gira-de-medios-impulsa-la-promocion-de-la-semana-cientifica-cultural-utla\/\" class=\"utla-news__img-wrap\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/829687660_1079123984705457_3673015920608557046_n-768x512.jpg\" class=\"utla-news__img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/829687660_1079123984705457_3673015920608557046_n-768x512.jpg 768w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/829687660_1079123984705457_3673015920608557046_n-300x200.jpg 300w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/829687660_1079123984705457_3673015920608557046_n-1024x683.jpg 1024w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/829687660_1079123984705457_3673015920608557046_n-1536x1024.jpg 1536w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/829687660_1079123984705457_3673015920608557046_n.jpg 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>              <div class=\"utla-news__img-overlay\"><\/div>\n                              <span class=\"utla-news__cat\">Bienestar Estudiantil - Cultura<\/span>\n                          <\/a>\n          \n          <div class=\"utla-news__body\">\n            <div class=\"utla-news__meta\">\n              <span class=\"utla-news__date\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\n                01 Oct 2026              <\/span>\n            <\/div>\n\n            <h3 class=\"utla-news__title\">\n              <a href=\"https:\/\/utla.edu.sv\/2026\/gira-de-medios-impulsa-la-promocion-de-la-semana-cientifica-cultural-utla\/\">Gira de medios impulsa la promoci\u00f3n de la Semana Cient\u00edfica Cultural UTLA<\/a>\n            <\/h3>\n\n            <p class=\"utla-news__excerpt\">\n              La UTLA comenz\u00f3 con su gira de medios para dar a conocer las actividades, experiencias interactivas y propuestas que formar\u00e1n\u2026            <\/p>\n\n            <a href=\"https:\/\/utla.edu.sv\/2026\/gira-de-medios-impulsa-la-promocion-de-la-semana-cientifica-cultural-utla\/\" class=\"utla-news__btn\">\n              Leer m\u00e1s\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/article>\n              <article class=\"utla-news__card\">\n\n                      <a href=\"https:\/\/utla.edu.sv\/2026\/%f0%9d%97%a3%f0%9d%97%a5%f0%9d%97%98%f0%9d%97%a6%f0%9d%97%98%f0%9d%97%a1%f0%9d%97%a7%f0%9d%97%94%f0%9d%97%96%f0%9d%97%9c%f0%9d%97%a2%f0%9d%97%a1%f0%9d%97%98%f0%9d%97%a6-%f0%9d%97%97%f0%9d%97%98\/\" class=\"utla-news__img-wrap\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"526\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/ccci-presentacion-1.jpeg\" class=\"utla-news__img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/ccci-presentacion-1.jpeg 526w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/ccci-presentacion-1-300x300.jpeg 300w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/10\/ccci-presentacion-1-150x150.jpeg 150w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/>              <div class=\"utla-news__img-overlay\"><\/div>\n                              <span class=\"utla-news__cat\">Investigaci\u00f3n e Innovaci\u00f3n<\/span>\n                          <\/a>\n          \n          <div class=\"utla-news__body\">\n            <div class=\"utla-news__meta\">\n              <span class=\"utla-news__date\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\n                01 Oct 2026              <\/span>\n            <\/div>\n\n            <h3 class=\"utla-news__title\">\n              <a href=\"https:\/\/utla.edu.sv\/2026\/%f0%9d%97%a3%f0%9d%97%a5%f0%9d%97%98%f0%9d%97%a6%f0%9d%97%98%f0%9d%97%a1%f0%9d%97%a7%f0%9d%97%94%f0%9d%97%96%f0%9d%97%9c%f0%9d%97%a2%f0%9d%97%a1%f0%9d%97%98%f0%9d%97%a6-%f0%9d%97%97%f0%9d%97%98\/\">\ud835\udde3\ud835\udde5\ud835\uddd8\ud835\udde6\ud835\uddd8\ud835\udde1\ud835\udde7\ud835\uddd4\ud835\uddd6\ud835\udddc\ud835\udde2\ud835\udde1\ud835\uddd8\ud835\udde6 \ud835\uddd7\ud835\uddd8 \ud835\udddf\ud835\udddc\ud835\uddd5\ud835\udde5\ud835\udde2\ud835\udde6 | \ud835\uddd6\ud835\udddc\ud835\udddc\ud835\udde0 \ud835\udfee\ud835\udfec\ud835\udfee\ud835\udff2<\/a>\n            <\/h3>\n\n            <p class=\"utla-news__excerpt\">\n              En el marco del Congreso Internacional de Investigaci\u00f3n Multidisciplinaria \u2013 CIIM 2026: \u201cTecnolog\u00eda. Conocimiento. Humanidad.\u201d, la Universidad de Sonsonate, junto\u2026            <\/p>\n\n            <a href=\"https:\/\/utla.edu.sv\/2026\/%f0%9d%97%a3%f0%9d%97%a5%f0%9d%97%98%f0%9d%97%a6%f0%9d%97%98%f0%9d%97%a1%f0%9d%97%a7%f0%9d%97%94%f0%9d%97%96%f0%9d%97%9c%f0%9d%97%a2%f0%9d%97%a1%f0%9d%97%98%f0%9d%97%a6-%f0%9d%97%97%f0%9d%97%98\/\" class=\"utla-news__btn\">\n              Leer m\u00e1s\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/article>\n              <article class=\"utla-news__card\">\n\n                      <a href=\"https:\/\/utla.edu.sv\/2026\/uso-academico-y-profesional-de-chatgpt-2\/\" class=\"utla-news__img-wrap\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"960\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-768x960.png\" class=\"utla-news__img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-768x960.png 768w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-240x300.png 240w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-1229x1536.png 1229w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-819x1024.png 819w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-1638x2048.png 1638w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/Afiche_Uso_academico_ChatGPT-5-scaled.png 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>              <div class=\"utla-news__img-overlay\"><\/div>\n                              <span class=\"utla-news__cat\">Investigaci\u00f3n e Innovaci\u00f3n<\/span>\n                          <\/a>\n          \n          <div class=\"utla-news__body\">\n            <div class=\"utla-news__meta\">\n              <span class=\"utla-news__date\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\n                28 Sep 2026              <\/span>\n            <\/div>\n\n            <h3 class=\"utla-news__title\">\n              <a href=\"https:\/\/utla.edu.sv\/2026\/uso-academico-y-profesional-de-chatgpt-2\/\">Uso acad\u00e9mico y profesional de ChatGPT<\/a>\n            <\/h3>\n\n            <p class=\"utla-news__excerpt\">\n              La gu\u00eda ense\u00f1a a formular y evaluar instrucciones para ChatGPT. No sustituye manuales metodol\u00f3gicos, pol\u00edticas institucionales, asesor\u00eda jur\u00eddica, dict\u00e1menes editoriales\u2026            <\/p>\n\n            <a href=\"https:\/\/utla.edu.sv\/2026\/uso-academico-y-profesional-de-chatgpt-2\/\" class=\"utla-news__btn\">\n              Leer m\u00e1s\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/article>\n              <article class=\"utla-news__card\">\n\n                      <a href=\"https:\/\/utla.edu.sv\/2026\/campana-verde-10\/\" class=\"utla-news__img-wrap\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"644\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/100-768x644.jpeg\" class=\"utla-news__img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/100-768x644.jpeg 768w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/100-300x251.jpeg 300w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/100-1024x858.jpeg 1024w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/100.jpeg 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>              <div class=\"utla-news__img-overlay\"><\/div>\n                              <span class=\"utla-news__cat\">Proyecci\u00f3n Social - Ambiental<\/span>\n                          <\/a>\n          \n          <div class=\"utla-news__body\">\n            <div class=\"utla-news__meta\">\n              <span class=\"utla-news__date\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\n                21 Sep 2026              <\/span>\n            <\/div>\n\n            <h3 class=\"utla-news__title\">\n              <a href=\"https:\/\/utla.edu.sv\/2026\/campana-verde-10\/\">Campa\u00f1a verde<\/a>\n            <\/h3>\n\n            <p class=\"utla-news__excerpt\">\n              UTLA promueve alternativas sostenibles en el D\u00eda Mundial Sin Autom\u00f3vilEn el marco del D\u00eda Mundial Sin Autom\u00f3vil, la Universidad T\u00e9cnica\u2026            <\/p>\n\n            <a href=\"https:\/\/utla.edu.sv\/2026\/campana-verde-10\/\" class=\"utla-news__btn\">\n              Leer m\u00e1s\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/article>\n              <article class=\"utla-news__card\">\n\n                      <a href=\"https:\/\/utla.edu.sv\/2026\/jornada-de-salud-visual\/\" class=\"utla-news__img-wrap\">\n              <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/38-768x512.jpeg\" class=\"utla-news__img wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/38-768x512.jpeg 768w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/38-300x200.jpeg 300w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/38-1024x683.jpeg 1024w, https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/09\/38.jpeg 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>              <div class=\"utla-news__img-overlay\"><\/div>\n                              <span class=\"utla-news__cat\">Proyecci\u00f3n Social - Actividades sociales<\/span>\n                          <\/a>\n          \n          <div class=\"utla-news__body\">\n            <div class=\"utla-news__meta\">\n              <span class=\"utla-news__date\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\n                19 Sep 2026              <\/span>\n            <\/div>\n\n            <h3 class=\"utla-news__title\">\n              <a href=\"https:\/\/utla.edu.sv\/2026\/jornada-de-salud-visual\/\">Jornada de Salud Visual<\/a>\n            <\/h3>\n\n            <p class=\"utla-news__excerpt\">\n              La jornada permiti\u00f3 acercar servicios de atenci\u00f3n y orientaci\u00f3n en salud visual a estudiantes, familias, colaboradores y miembros de la\u2026            <\/p>\n\n            <a href=\"https:\/\/utla.edu.sv\/2026\/jornada-de-salud-visual\/\" class=\"utla-news__btn\">\n              Leer m\u00e1s\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/article>\n              <article class=\"utla-news__card\">\n\n                      <a href=\"https:\/\/utla.edu.sv\/2026\/jornada-de-limpieza-en-lago-de-ilopango\/\" class=\"utla-news__img-wrap utla-news__img-wrap--empty\">\n              <div class=\"utla-news__img-placeholder\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z\"\/><\/svg>\n              <\/div>\n                              <span class=\"utla-news__cat\">Proyecci\u00f3n Social - Ambiental<\/span>\n                          <\/a>\n          \n          <div class=\"utla-news__body\">\n            <div class=\"utla-news__meta\">\n              <span class=\"utla-news__date\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\n                12 Sep 2026              <\/span>\n            <\/div>\n\n            <h3 class=\"utla-news__title\">\n              <a href=\"https:\/\/utla.edu.sv\/2026\/jornada-de-limpieza-en-lago-de-ilopango\/\">Jornada de Limpieza en Lago de Ilopango<\/a>\n            <\/h3>\n\n            <p class=\"utla-news__excerpt\">\n              UTLA participa en jornada de limpieza del Lago de Ilopango Durante la jornada, estudiantes y participantes se involucraron en la\u2026            <\/p>\n\n            <a href=\"https:\/\/utla.edu.sv\/2026\/jornada-de-limpieza-en-lago-de-ilopango\/\" class=\"utla-news__btn\">\n              Leer m\u00e1s\n              <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\/><\/svg>\n            <\/a>\n          <\/div>\n\n        <\/article>\n          <\/div>\n  <\/div>\n  \n\n\n\n<!-- ====================================================\n     UTLA \u2014 Monitoreo Ambiental \u00b7 Clima y Calidad del Aire\n     Bloque HTML listo para WordPress\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&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.utla-env *, .utla-env *::before, .utla-env *::after {\n  box-sizing: border-box; margin: 0; padding: 0;\n}\n\n.utla-env {\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  --verde:        #226f54;\n  --verde-lite:   #e6f2ee;\n  --gris-bg:      #f2f5f8;\n  --gris-borde:   #dde3ec;\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.5;\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: 52px 6% 64px;\n}\n\n.utla-env__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CABECERA DE SECCI\u00d3N\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.utla-env__head {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: 24px;\n  margin-bottom: 32px;\n  flex-wrap: wrap;\n}\n\n.utla-env__head-left {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.utla-env__head-icon {\n  width: 52px; height: 52px;\n  border-radius: 14px;\n  background: var(--azul);\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 4px 14px rgba(0,49,83,.22);\n}\n.utla-env__head-icon svg { width: 24px; height: 24px; fill: var(--celeste); }\n\n.utla-env__head-text {}\n.utla-env__head-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n  color: var(--burdeos);\n  margin-bottom: 5px;\n}\n.utla-env__head-badge::before {\n  content: '';\n  width: 5px; height: 5px;\n  border-radius: 50%;\n  background: var(--burdeos);\n}\n.utla-env__head-title {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--azul);\n  letter-spacing: -.02em;\n  line-height: 1.2;\n}\n.utla-env__head-sub {\n  font-size: 13px;\n  color: var(--texto-2);\n  margin-top: 3px;\n}\n\n\/* Indicador live *\/\n.utla-env__live {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--verde-lite);\n  border: 1px solid rgba(34,111,84,.2);\n  border-radius: 20px;\n  padding: 7px 14px;\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--verde);\n  letter-spacing: .06em;\n  text-transform: uppercase;\n}\n.utla-env__live-dot {\n  width: 8px; height: 8px;\n  border-radius: 50%;\n  background: var(--verde);\n  animation: utla-pulse 1.8s ease infinite;\n}\n@keyframes utla-pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50%       { opacity: .5; transform: scale(.7); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   GRID\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.utla-env__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 14px;\n  align-items: stretch;\n}\n\n.utla-env__card--weather { grid-column: span 3; }\n\n@media (max-width: 1024px) {\n  .utla-env__grid { grid-template-columns: 1fr 1fr; }\n  .utla-env__card--weather { grid-column: span 2; }\n}\n@media (max-width: 580px) {\n  .utla-env__grid { grid-template-columns: 1fr; }\n  .utla-env__card--weather { grid-column: span 1; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   TARJETA BASE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.utla-env__card {\n  background: #fff;\n  border: 1px solid var(--gris-borde);\n  border-radius: 14px;\n  overflow: hidden;\n  transition: box-shadow .2s, transform .2s;\n  display: flex;\n  flex-direction: column;\n}\n.utla-env__card:hover {\n  box-shadow: 0 8px 28px rgba(0,49,83,.10);\n  transform: translateY(-3px);\n}\n\n\/* Header de tarjeta *\/\n.utla-env__card-hd {\n  padding: 13px 16px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  border-bottom: 1px solid var(--gris-borde);\n  position: relative;\n}\n.utla-env__card-hd::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n}\n.utla-env__card--weather .utla-env__card-hd::after { background: var(--azul); }\n.utla-env__card--air .utla-env__card-hd::after     { background: var(--burdeos); }\n\n.utla-env__card-hd-icon {\n  width: 32px; height: 32px;\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.utla-env__card--weather .utla-env__card-hd-icon { background: var(--azul-lite); }\n.utla-env__card--air     .utla-env__card-hd-icon { background: var(--burdeos-lite); }\n\n.utla-env__card-hd-icon svg { width: 16px; height: 16px; }\n.utla-env__card--weather .utla-env__card-hd-icon svg { fill: var(--azul); }\n.utla-env__card--air     .utla-env__card-hd-icon svg { fill: var(--burdeos); }\n\n.utla-env__card-hd-info { flex: 1; min-width: 0; }\n.utla-env__card-hd-name {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--azul);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.utla-env__card-hd-src {\n  font-size: 10px;\n  color: var(--texto-2);\n  margin-top: 1px;\n}\n\n.utla-env__card-hd-badge {\n  font-size: 9.5px;\n  font-weight: 700;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  padding: 3px 8px;\n  border-radius: 20px;\n  flex-shrink: 0;\n}\n.utla-env__card--weather .utla-env__card-hd-badge {\n  background: var(--azul-lite);\n  color: var(--azul);\n}\n.utla-env__card--air .utla-env__card-hd-badge {\n  background: var(--burdeos-lite);\n  color: var(--burdeos);\n}\n\n\/* Cuerpo de tarjeta *\/\n.utla-env__card-body {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex: 1;\n  min-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.utla-env__card--weather .utla-env__card-body {\n  min-height: 280px;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n}\n\n.utla-env__card--air .utla-env__card-body {\n  min-height: 420px;\n}\n\n.utla-env__card-body iframe {\n  width: 860px;\n  max-width: 100%;\n  height: 230px;\n  border: none;\n  display: block;\n  margin: 0 auto;\n}\n\n.utla-env__card-body--air {\n  padding: 14px;\n  align-items: flex-start;\n  flex-direction: column;\n  width: 100%;\n}\n\n\/* Footer de tarjeta *\/\n.utla-env__card-ft {\n  padding: 9px 16px;\n  border-top: 1px solid var(--gris-borde);\n  background: var(--gris-bg);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: auto;\n}\n.utla-env__card-ft svg { width: 11px; height: 11px; fill: var(--texto-2); flex-shrink: 0; }\n.utla-env__card-ft span {\n  font-size: 10px;\n  color: var(--texto-2);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NOTA INFERIOR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.utla-env__footer {\n  margin-top: 18px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--azul-lite);\n  border: 1px solid rgba(0,49,83,.12);\n  border-radius: 10px;\n}\n.utla-env__footer svg { width: 14px; height: 14px; fill: var(--azul); flex-shrink: 0; }\n.utla-env__footer span {\n  font-size: 11.5px;\n  color: var(--azul);\n}\n.utla-env__footer strong { font-weight: 700; }\n<\/style>\n\n<div class=\"utla-env\">\n  <div class=\"utla-env__inner\">\n\n    <!-- CABECERA -->\n    <div class=\"utla-env__head\">\n      <div class=\"utla-env__head-left\">\n        <div class=\"utla-env__head-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"utla-env__head-text\">\n          <div class=\"utla-env__head-badge\">Monitoreo en tiempo real<\/div>\n          <div class=\"utla-env__head-title\">Clima y Calidad del Aire<\/div>\n          <div class=\"utla-env__head-sub\">Estaci\u00f3n meteorol\u00f3gica y sensores ambientales \u2014 Campus UTLA<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"utla-env__live\">\n        <div class=\"utla-env__live-dot\"><\/div>\n        En vivo\n      <\/div>\n    <\/div>\n\n    <!-- GRID -->\n    <div class=\"utla-env__grid\">\n\n      <!-- CLIMA -->\n      <div class=\"utla-env__card utla-env__card--weather\">\n        <div class=\"utla-env__card-hd\">\n          <div class=\"utla-env__card-hd-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z\"><\/path><\/svg>\n          <\/div>\n          <div class=\"utla-env__card-hd-info\">\n            <div class=\"utla-env__card-hd-name\">Clima Actual Santa Tecla<\/div>\n            <div class=\"utla-env__card-hd-src\">WeatherLink \u00b7 Davis Instruments<\/div>\n          <\/div>\n          <span class=\"utla-env__card-hd-badge\">Meteorolog\u00eda<\/span>\n        <\/div>\n        <div class=\"utla-env__card-body\">\n          <iframe src=\"https:\/\/www.weatherlink.com\/embeddablePage\/show\/d398c0407dfe43afbcb2f01cf55d26fa\/signature\" scrolling=\"no\" title=\"Clima actual UTLA\"><\/iframe>\n        <\/div>\n        <div class=\"utla-env__card-ft\">\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          <span>Temperatura, humedad, presi\u00f3n, viento y precipitaci\u00f3n<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- SENSOR 1 -->\n      <div class=\"utla-env__card utla-env__card--air\">\n        <div class=\"utla-env__card-hd\">\n          <div class=\"utla-env__card-hd-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7zm0 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"><\/path><\/svg>\n          <\/div>\n          <div class=\"utla-env__card-hd-info\">\n            <div class=\"utla-env__card-hd-name\">Calidad del Aire \u00b7 Dpto. La Libertad<\/div>\n            <div class=\"utla-env__card-hd-src\">PurpleAir \u00b7 Sensor #283370<\/div>\n          <\/div>\n          <span class=\"utla-env__card-hd-badge\">AQI<\/span>\n        <\/div>\n        <div class=\"utla-env__card-body utla-env__card-body--air\">\n          <div id=\"PurpleAirWidget_283370_module_US_EPA_AQI_conversion_C0_average_10_layer_US_EPA_AQI\">Cargando&#8230;<\/div>\n          <script src=\"https:\/\/www.purpleair.com\/pa.widget.js?key=BIE6FB242NV4PUUF&amp;module=US_EPA_AQI&amp;conversion=C0&amp;average=10&amp;layer=US_EPA_AQI&amp;container=PurpleAirWidget_283370_module_US_EPA_AQI_conversion_C0_average_10_layer_US_EPA_AQI\"><\/script>\n        <\/div>\n        <div class=\"utla-env__card-ft\">\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          <span>Promedio 10 min \u00b7 US EPA AQI<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- SENSOR 2 -->\n      <div class=\"utla-env__card utla-env__card--air\">\n        <div class=\"utla-env__card-hd\">\n          <div class=\"utla-env__card-hd-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7zm0 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"><\/path><\/svg>\n          <\/div>\n          <div class=\"utla-env__card-hd-info\">\n            <div class=\"utla-env__card-hd-name\">Calidad del Aire \u00b7 Dpto. San Miguel<\/div>\n            <div class=\"utla-env__card-hd-src\">PurpleAir \u00b7 Sensor #285058<\/div>\n          <\/div>\n          <span class=\"utla-env__card-hd-badge\">AQI<\/span>\n        <\/div>\n        <div class=\"utla-env__card-body utla-env__card-body--air\">\n          <div id=\"PurpleAirWidget_285058_module_US_EPA_AQI_conversion_C0_average_10_layer_US_EPA_AQI\">Cargando&#8230;<\/div>\n          <script src=\"https:\/\/www.purpleair.com\/pa.widget.js?key=C7NFWZWBKM5L85QY&amp;module=US_EPA_AQI&amp;conversion=C0&amp;average=10&amp;layer=US_EPA_AQI&amp;container=PurpleAirWidget_285058_module_US_EPA_AQI_conversion_C0_average_10_layer_US_EPA_AQI\"><\/script>\n        <\/div>\n        <div class=\"utla-env__card-ft\">\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          <span>Promedio 10 min \u00b7 US EPA AQI<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- SENSOR 3 (nuevo) -->\n      <div class=\"utla-env__card utla-env__card--air\">\n        <div class=\"utla-env__card-hd\">\n          <div class=\"utla-env__card-hd-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 1 7 7c0 5.25-7 13-7 13S5 14.25 5 9a7 7 0 0 1 7-7zm0 9.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z\"><\/path><\/svg>\n          <\/div>\n          <div class=\"utla-env__card-hd-info\">\n            <div class=\"utla-env__card-hd-name\">Calidad del Aire \u00b7 Dpto. Santa Ana<\/div>\n            <div class=\"utla-env__card-hd-src\">PurpleAir \u00b7 Sensor #283532<\/div>\n          <\/div>\n          <span class=\"utla-env__card-hd-badge\">AQI<\/span>\n        <\/div>\n        <div class=\"utla-env__card-body utla-env__card-body--air\">\n          <div id=\"PurpleAirWidget_283532_module_US_EPA_AQI_conversion_C0_average_10_layer_US_EPA_AQI\">Cargando&#8230;<\/div>\n          <script src=\"https:\/\/www.purpleair.com\/pa.widget.js?key=A7T8HEB39SUMAA95&amp;module=US_EPA_AQI&amp;conversion=C0&amp;average=10&amp;layer=US_EPA_AQI&amp;container=PurpleAirWidget_283532_module_US_EPA_AQI_conversion_C0_average_10_layer_US_EPA_AQI\"><\/script>\n        <\/div>\n        <div class=\"utla-env__card-ft\">\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          <span>Promedio 10 min \u00b7 US EPA AQI<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/grid -->\n\n    <!-- NOTA -->\n    <div class=\"utla-env__footer\">\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      <span>Los datos se actualizan autom\u00e1ticamente. <strong>AQI:<\/strong> \u00cdndice de Calidad del Aire seg\u00fan est\u00e1ndar US EPA \u00b7 Conversi\u00f3n CF=1.<\/span>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- =====================================================\n     UTLA \u2014 Convenios Nacionales\n     Carrusel autom\u00e1tico sin redirecci\u00f3n\n     ===================================================== -->\n<!-- PARA AGREGAR M\u00c1S CONVENIOS:\n     Copia un bloque <div class=\"conv-item\"> y p\u00e9galo antes del comentario\n     \"FIN PRIMERA MITAD\" y tambi\u00e9n en la segunda mitad (duplicado para el loop).\n     Cambia el texto entre <span> por el nombre del convenio.\n     Si tienes logo: reemplaza <span>NOMBRE<\/span> por:\n     <img decoding=\"async\" src=\"URL-DEL-LOGO\" alt=\"NOMBRE\">\n-->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  #utla-conv-nac {\n    font-family: 'Be Vietnam Pro', sans-serif;\n    padding: 36px 0;\n    background: transparent;\n    overflow: hidden;\n  }\n  .conv-nac-header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  .conv-nac-eyebrow {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: #6d222e;\n    display: block;\n    margin-bottom: 6px;\n  }\n  .conv-nac-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: #003153;\n    margin: 0;\n  }\n  .conv-nac-track-wrap {\n    overflow: hidden;\n    position: relative;\n  }\n  .conv-nac-track-wrap::before,\n  .conv-nac-track-wrap::after {\n    content: '';\n    position: absolute;\n    top: 0; bottom: 0;\n    width: 80px;\n    z-index: 2;\n    pointer-events: none;\n  }\n  .conv-nac-track-wrap::before { left: 0;  background: linear-gradient(to right, #ffffff, transparent); }\n  .conv-nac-track-wrap::after  { right: 0; background: linear-gradient(to left,  #ffffff, transparent); }\n\n  .conv-nac-track {\n    display: flex;\n    gap: 20px;\n    animation: convNacScroll 55s linear infinite;\n    width: max-content;\n  }\n  .conv-nac-track:hover { animation-play-state: paused; }\n\n  @keyframes convNacScroll {\n    0%   { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  .conv-nac-item {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 150px;\n    height: 68px;\n    background: #ffffff;\n    border: 1px solid #e8ecf0;\n    border-radius: 10px;\n    padding: 10px 14px;\n    box-sizing: border-box;\n    cursor: default;\n    transition: border-color .2s, box-shadow .2s, transform .15s;\n  }\n  .conv-nac-item:hover {\n    border-color: #003153;\n    box-shadow: 0 4px 16px rgba(0,49,83,.12);\n    transform: translateY(-2px);\n  }\n  .conv-nac-item img {\n    width: 120px;\n    height: 46px;\n    object-fit: contain;\n    object-position: center;\n    display: block;\n    filter: grayscale(30%);\n    transition: filter .2s;\n  }\n  .conv-nac-item:hover img { filter: grayscale(0%); }\n  .conv-nac-item span {\n    font-size: 11px;\n    font-weight: 600;\n    color: #003153;\n    text-align: center;\n    line-height: 1.35;\n  }\n<\/style>\n\n<div id=\"utla-conv-nac\">\n  <div class=\"conv-nac-header\">\n    <span class=\"conv-nac-eyebrow\">Alianzas estrat\u00e9gicas<\/span>\n    <h3 class=\"conv-nac-title\">Convenios Nacionales<\/h3>\n  <\/div>\n\n  <div class=\"conv-nac-track-wrap\">\n    <div class=\"conv-nac-track\">\n\n      <!-- \u2550\u2550 PRIMERA MITAD \u2014 agrega nuevos convenios aqu\u00ed \u2550\u2550 -->\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Conares.png\" alt=\"CONARES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/LOGOESCUDO-1.png\" alt=\"UNIVO\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/cargar_imagen-1-1.png\" alt=\"Escuela Nacional de Agricultura\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images.jpg\" alt=\"Alcald\u00eda de Col\u00f3n\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/logou.png\" alt=\"U. Gerardo Barrios\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/1700693272redicces.jpg\" alt=\"REDICCES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Diseno-sin-titulo-1-700x400-1.jpg\" alt=\"Polic\u00eda Nacional Civil\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logo-STB.png\" alt=\"STB Group\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-1.jpg\" alt=\"iDmaker\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/REDCOES-Logo-para-documentos.png\" alt=\"REDCOES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-2.jpg\" alt=\"Dr. Pablo Hern\u00e1ndez\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/1700691529cbues.jpg\" alt=\"CBUES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Recurso-8@500x300-768x328-1.jpg\" alt=\"ExLibris\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-2.png\" alt=\"Balar\u00e9 Dance Academy\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-3.jpg\" alt=\"kanecode\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/logo-amt-anabell-cardonazepeda-789x1024-1.jpg\" alt=\"Asoc. de Mujeres Tecle\u00f1as\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/BOMBA.jpg\" alt=\"Bomba\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/siagro_sv_logo.jpg\" alt=\"SIAGRO\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/c2ec24_1d4d34a20ace4bdc9000fc6eef722fdbmv2.jpg\" alt=\"FUNDESO\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/tech.png\" alt=\"TECH+\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-4.jpg\" alt=\"INAC\"><\/div>\n      <!-- FIN PRIMERA MITAD -->\n\n      <!-- \u2550\u2550 SEGUNDA MITAD (duplicado para loop infinito) \u2014 NO edites aqu\u00ed \u2550\u2550 -->\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Conares.png\" alt=\"CONARES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/LOGOESCUDO-1.png\" alt=\"UNIVO\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/cargar_imagen-1-1.png\" alt=\"Escuela Nacional de Agricultura\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images.jpg\" alt=\"Alcald\u00eda de Col\u00f3n\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/logou.png\" alt=\"U. Gerardo Barrios\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/1700693272redicces.jpg\" alt=\"REDICCES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Diseno-sin-titulo-1-700x400-1.jpg\" alt=\"Polic\u00eda Nacional Civil\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logo-STB.png\" alt=\"STB Group\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-1.jpg\" alt=\"iDmaker\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/REDCOES-Logo-para-documentos.png\" alt=\"REDCOES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-2.jpg\" alt=\"Dr. Pablo Hern\u00e1ndez\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/1700691529cbues.jpg\" alt=\"CBUES\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Recurso-8@500x300-768x328-1.jpg\" alt=\"ExLibris\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-2.png\" alt=\"Balar\u00e9 Dance Academy\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-3.jpg\" alt=\"kanecode\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/logo-amt-anabell-cardonazepeda-789x1024-1.jpg\" alt=\"Asoc. de Mujeres Tecle\u00f1as\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/BOMBA.jpg\" alt=\"Bomba\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/siagro_sv_logo.jpg\" alt=\"SIAGRO\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/c2ec24_1d4d34a20ace4bdc9000fc6eef722fdbmv2.jpg\" alt=\"FUNDESO\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/tech.png\" alt=\"TECH+\"><\/div>\n      <div class=\"conv-nac-item\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/images-4.jpg\" alt=\"INAC\"><\/div>\n\n    <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  function stretch() {\n    var el = document.getElementById('utla-conv-nac');\n    if (!el) return;\n    el.style.marginLeft = '0'; el.style.width = '100%'; el.style.maxWidth = 'none';\n    var p = el.parentElement;\n    while (p && p !== document.documentElement) {\n      p.style.overflow    = 'visible';\n      p.style.maxWidth    = 'none';\n      p.style.paddingLeft = '0';\n      p.style.paddingRight= '0';\n      p.style.marginLeft  = '0';\n      p.style.marginRight = '0';\n      p = p.parentElement;\n    }\n    var rect = el.getBoundingClientRect();\n    el.style.marginLeft = '-' + rect.left + 'px';\n    el.style.width      = window.innerWidth + 'px';\n    document.documentElement.style.overflowX = 'hidden';\n    document.body.style.overflowX = 'hidden';\n  }\n  stretch();\n  document.addEventListener('DOMContentLoaded', stretch);\n  window.addEventListener('load', function () { stretch(); setTimeout(stretch, 400); });\n  window.addEventListener('resize', stretch);\n})();\n<\/script>\n<\/div>\n\n\n\n<!-- =====================================================\n     UTLA \u2014 Convenios Internacionales\n     Carrusel autom\u00e1tico CON redirecci\u00f3n al hacer clic\n     ===================================================== -->\n<!-- PARA AGREGAR M\u00c1S CONVENIOS:\n     Copia un bloque <a class=\"conv-int-item\" href=\"URL\"> y p\u00e9galo antes del comentario\n     \"FIN PRIMERA MITAD\" y tambi\u00e9n en la segunda mitad (duplicado para el loop).\n     Cambia el href=\"URL\" por el sitio web del convenio.\n     Cambia el texto entre <span> por el nombre.\n     Si tienes logo: reemplaza <span>NOMBRE<\/span> por:\n     <img decoding=\"async\" src=\"URL-DEL-LOGO\" alt=\"NOMBRE\">\n-->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  #utla-conv-int {\n    font-family: 'Be Vietnam Pro', sans-serif;\n    padding: 36px 0;\n    background: transparent;\n    overflow: hidden;\n  }\n  .conv-int-header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n  .conv-int-eyebrow {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    color: #6d222e;\n    display: block;\n    margin-bottom: 6px;\n  }\n  .conv-int-title {\n    font-size: 15px;\n    font-weight: 700;\n    color: #003153;\n    margin: 0;\n  }\n  .conv-int-track-wrap {\n    overflow: hidden;\n    position: relative;\n  }\n  .conv-int-track-wrap::before,\n  .conv-int-track-wrap::after {\n    content: '';\n    position: absolute;\n    top: 0; bottom: 0;\n    width: 80px;\n    z-index: 2;\n    pointer-events: none;\n  }\n  .conv-int-track-wrap::before { left: 0;  background: linear-gradient(to right, #ffffff, transparent); }\n  .conv-int-track-wrap::after  { right: 0; background: linear-gradient(to left,  #ffffff, transparent); }\n\n  .conv-int-track {\n    display: flex;\n    gap: 20px;\n    animation: convIntScroll 28s linear infinite;\n    width: max-content;\n  }\n  .conv-int-track:hover { animation-play-state: paused; }\n\n  @keyframes convIntScroll {\n    0%   { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n\n  .conv-int-item {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 150px;\n    height: 68px;\n    background: #ffffff;\n    border: 1px solid #e8ecf0;\n    border-radius: 10px;\n    padding: 10px 14px;\n    box-sizing: border-box;\n    text-decoration: none;\n    cursor: pointer;\n    transition: border-color .2s, box-shadow .2s, transform .15s;\n  }\n  .conv-int-item:hover {\n    border-color: #003153;\n    box-shadow: 0 4px 16px rgba(0,49,83,.12);\n    transform: translateY(-2px);\n  }\n  .conv-int-item img {\n    width: 120px;\n    height: 46px;\n    object-fit: contain;\n    object-position: center;\n    display: block;\n    filter: grayscale(30%);\n    transition: filter .2s;\n  }\n  .conv-int-item:hover img { filter: grayscale(0%); }\n  .conv-int-item span {\n    font-size: 11px;\n    font-weight: 600;\n    color: #003153;\n    text-align: center;\n    line-height: 1.35;\n  }\n<\/style>\n\n<div id=\"utla-conv-int\">\n  <div class=\"conv-int-header\">\n    <span class=\"conv-int-eyebrow\">Proyecci\u00f3n global<\/span>\n    <h3 class=\"conv-int-title\">Convenios Internacionales<\/h3>\n  <\/div>\n\n  <div class=\"conv-int-track-wrap\">\n    <div class=\"conv-int-track\">\n\n      <!-- \u2550\u2550 PRIMERA MITAD \u2014 agrega nuevos convenios aqu\u00ed \u2550\u2550 -->\n      <!-- Reemplaza href=\"#\" con el sitio web de cada instituci\u00f3n -->\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logo-horizontal-FGU.png\" alt=\"Florida Global University\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/habitatsv_logo.jpg\" alt=\"H\u00e1bitat para la Humanidad\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/FINAL-MSU_Web-Digital.jpg\" alt=\"Morgan State University\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/EumPGnTXIAAG6iS.png\" alt=\"U. Tecnol\u00f3gica de La Habana\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Nestle-logo-1.jpg\" alt=\"Nestl\u00e9\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logo_de_la_Universidad_de_La_Habana_actual.png\" alt=\"Universidad de La Habana\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logotipo-Bethania-El-Salvador.png\" alt=\"Instituto Bethania\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/FAD_Logotipo_RGB_Positivo_color__1_.png\" alt=\"fad\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Red-ICALC-Logo.jpg\" alt=\"Red ICALC\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/logos-01.jpg\" alt=\"Universidad Carolina\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/glasswing-international-glasswing-international-full-color.png\" alt=\"Glasswing International\"><\/a>\n      <!-- FIN PRIMERA MITAD -->\n\n      <!-- \u2550\u2550 SEGUNDA MITAD (duplicado para loop infinito) \u2014 NO edites aqu\u00ed \u2550\u2550 -->\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logo-horizontal-FGU.png\" alt=\"Florida Global University\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/habitatsv_logo.jpg\" alt=\"H\u00e1bitat para la Humanidad\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/FINAL-MSU_Web-Digital.jpg\" alt=\"Morgan State University\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/EumPGnTXIAAG6iS.png\" alt=\"U. Tecnol\u00f3gica de La Habana\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Nestle-logo-1.jpg\" alt=\"Nestl\u00e9\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logo_de_la_Universidad_de_La_Habana_actual.png\" alt=\"Universidad de La Habana\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Logotipo-Bethania-El-Salvador.png\" alt=\"Instituto Bethania\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/FAD_Logotipo_RGB_Positivo_color__1_.png\" alt=\"fad\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/Red-ICALC-Logo.jpg\" alt=\"Red ICALC\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/logos-01.jpg\" alt=\"Universidad Carolina\"><\/a>\n      <a class=\"conv-int-item\" href=\"#\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/utla.edu.sv\/2026\/wp-content\/uploads\/2026\/05\/glasswing-international-glasswing-international-full-color.png\" alt=\"Glasswing International\"><\/a>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ACTO INAUGURAL SEMANA CIENTIFICA CULTURAL 2026 Hacia el Desarrollo a trav\u00e9s de la Formaci\u00f3n Integral. Saber m\u00e1s Nuevo Ingreso &#8211; Ciclo 02\/2026 El comienzo de tu futuro Inscripciones abiertas. Forma parte de la comunidad universitaria m\u00e1s comprometida del pa\u00eds. Inscr\u00edbete ahora Oferta Acad\u00e9mica 9 Carreras para tu vocaci\u00f3n Ingenier\u00edas y licenciaturas. Encuentra el camino que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"footnotes":""},"class_list":["post-6223","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages\/6223","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/comments?post=6223"}],"version-history":[{"count":126,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages\/6223\/revisions"}],"predecessor-version":[{"id":8218,"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/pages\/6223\/revisions\/8218"}],"wp:attachment":[{"href":"https:\/\/utla.edu.sv\/2026\/wp-json\/wp\/v2\/media?parent=6223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}