{"id":6630,"date":"2026-02-26T23:10:53","date_gmt":"2026-02-26T23:10:53","guid":{"rendered":"https:\/\/utla.edu.sv\/2026\/?page_id=6630"},"modified":"2026-05-20T16:55:37","modified_gmt":"2026-05-20T16:55:37","slug":"calendario-academico","status":"publish","type":"page","link":"https:\/\/utla.edu.sv\/2026\/?page_id=6630","title":{"rendered":"Calendario Acad\u00e9mico"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><!-- ====================================================\r\n     CALENDARIO ACAD\u00c9MICO CICLO I-2026 \u2014 UTLA\r\n     Bloque HTML listo para WordPress (HTML personalizado)\r\n==================================================== -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.utla-cal *, .utla-cal *::before, .utla-cal *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.utla-cal {\r\n  --azul:         #003153;\r\n  --azul-lite:    #e8eef4;\r\n  --burdeos:      #6d222e;\r\n  --burdeos-lite: #f5e8ea;\r\n  --burdeos-med:  #d4a0a8;\r\n  --celeste:      #81c3d7;\r\n  --verde:        #226f54;\r\n  --verde-lite:   #e6f2ee;\r\n  --amarillo:     #b07a10;\r\n  --amarillo-lite:#fdf3e3;\r\n  --gris-bg:      #f2f5f8;\r\n  --gris-clar:    #e5eaf1;\r\n  --texto:        #1c2b3a;\r\n  --texto-2:      #4a5f72;\r\n\r\n  font-family: 'Be Vietnam Pro', sans-serif;\r\n  color: var(--texto);\r\n  background: var(--gris-bg);\r\n  line-height: 1.6;\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  min-width: 100vw !important;\r\n  position: relative !important;\r\n  left: 50% !important;\r\n  right: 50% !important;\r\n  margin-left: -50vw !important;\r\n  margin-right: -50vw !important;\r\n  overflow-x: hidden;\r\n  padding-bottom: 72px;\r\n}\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.utla-cal__hero {\r\n  background: var(--azul);\r\n  padding: 54px 6% 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.utla-cal__hero::before {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 55% 70% at 95% 10%, rgba(129,195,215,.12) 0%, transparent 70%),\r\n    radial-gradient(ellipse 40% 60% at 5%  90%, rgba(109,34,46,.15)  0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.utla-cal__hero::after {\r\n  content: '';\r\n  position: absolute; top:0; right:0;\r\n  width: 40%; height: 100%;\r\n  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);\r\n  background-size: 22px 22px;\r\n  pointer-events: none;\r\n}\r\n.utla-cal__hero-inner {\r\n  max-width: 1200px; margin: 0 auto;\r\n  position: relative; z-index: 1;\r\n  display: flex; align-items: flex-end;\r\n  justify-content: space-between; gap: 32px;\r\n}\r\n.utla-cal__hero-text { padding-bottom: 48px; }\r\n.utla-cal__badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(129,195,215,.18);\r\n  border: 1px solid rgba(129,195,215,.35);\r\n  color: var(--celeste);\r\n  font-size: 10.5px; font-weight: 700;\r\n  letter-spacing: .14em; text-transform: uppercase;\r\n  padding: 5px 14px; border-radius: 20px; margin-bottom: 18px;\r\n}\r\n.utla-cal__badge::before {\r\n  content: ''; width: 6px; height: 6px;\r\n  border-radius: 50%; background: var(--celeste);\r\n}\r\n.utla-cal__hero h1 {\r\n  font-size: clamp(24px,3.5vw,40px); font-weight: 800;\r\n  color: #fff; line-height: 1.1; letter-spacing: -.03em; margin-bottom: 14px;\r\n}\r\n.utla-cal__hero h1 em { font-style: normal; color: var(--celeste); }\r\n.utla-cal__hero-sub { font-size: 15px; color: rgba(255,255,255,.65); max-width: 500px; line-height: 1.65; }\r\n.utla-cal__hero-stats { display: flex; gap: 4px; padding-bottom: 48px; flex-shrink: 0; }\r\n.utla-cal__hero-stat {\r\n  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);\r\n  border-radius: 8px; padding: 16px 18px; text-align: center; color: #fff; min-width: 80px;\r\n}\r\n.utla-cal__hero-stat-num { font-size: 26px; font-weight: 800; letter-spacing: -.03em; line-height: 1; }\r\n.utla-cal__hero-stat-lbl { font-size: 10px; font-weight: 600; opacity: .6; margin-top: 4px; letter-spacing: .04em; text-transform: uppercase; }\r\n\r\n\/* \u2550\u2550 FRANJA \u2550\u2550 *\/\r\n.utla-cal__divider { background: var(--burdeos); padding: 14px 6%; }\r\n.utla-cal__divider-inner {\r\n  max-width: 1200px; margin: 0 auto;\r\n  display: flex; align-items: center; gap: 12px;\r\n}\r\n.utla-cal__divider-icon {\r\n  width: 32px; height: 32px; border-radius: 6px;\r\n  background: rgba(255,255,255,.15);\r\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n}\r\n.utla-cal__divider-icon svg { width: 16px; height: 16px; fill: #fff; }\r\n.utla-cal__divider-text { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.7); }\r\n.utla-cal__divider-text strong { color: #fff; }\r\n\r\n\/* \u2550\u2550 CUERPO \u2550\u2550 *\/\r\n.utla-cal__body { max-width: 1200px; margin: 0 auto; padding: 48px 6% 0; }\r\n.utla-cal__layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr 380px;\r\n  gap: 32px;\r\n  align-items: start;\r\n}\r\n.utla-cal__section-head { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }\r\n.utla-cal__section-line { width: 4px; height: 36px; background: var(--burdeos); border-radius: 2px; flex-shrink: 0; }\r\n.utla-cal__section-title { font-size: 18px; font-weight: 800; color: var(--azul); letter-spacing: -.02em; }\r\n.utla-cal__section-sub { font-size: 13px; color: var(--texto-2); margin-top: 3px; }\r\n\r\n\/* \u2550\u2550 TIMELINE \u2550\u2550 *\/\r\n.utla-cal__timeline { display: flex; flex-direction: column; gap: 0; }\r\n.utla-cal__event { display: flex; gap: 16px; position: relative; cursor: default; }\r\n.utla-cal__event:not(:last-child)::after {\r\n  content: ''; position: absolute;\r\n  left: 19px; top: 38px; bottom: 0;\r\n  width: 2px;\r\n  background: linear-gradient(to bottom, var(--gris-clar) 60%, transparent);\r\n}\r\n.utla-cal__event-left { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; padding-top: 2px; }\r\n.utla-cal__event-dot {\r\n  width: 40px; height: 40px; border-radius: 50%;\r\n  background: #fff; border: 2px solid var(--gris-clar);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0; position: relative; z-index: 1;\r\n  transition: background .2s, border-color .2s;\r\n}\r\n.utla-cal__event-dot svg { width: 16px; height: 16px; fill: var(--texto-2); transition: fill .2s; }\r\n.utla-cal__event:hover .utla-cal__event-dot { background: var(--azul); border-color: var(--azul); }\r\n.utla-cal__event:hover .utla-cal__event-dot svg { fill: #fff; }\r\n.utla-cal__event.is-active .utla-cal__event-dot { background: var(--burdeos); border-color: var(--burdeos); }\r\n.utla-cal__event.is-active .utla-cal__event-dot svg { fill: #fff; }\r\n.utla-cal__event.is-past .utla-cal__event-dot { background: var(--gris-clar); border-color: var(--gris-clar); }\r\n.utla-cal__event.is-past .utla-cal__event-dot svg { fill: #888; }\r\n.utla-cal__event-body {\r\n  background: #fff; border: 1px solid var(--gris-clar);\r\n  border-radius: 12px; padding: 14px 18px;\r\n  margin-bottom: 10px; flex: 1;\r\n  transition: box-shadow .2s, border-color .2s;\r\n}\r\n.utla-cal__event:hover .utla-cal__event-body { box-shadow: 0 6px 20px rgba(0,49,83,.09); border-color: var(--celeste); }\r\n.utla-cal__event.is-active .utla-cal__event-body { border-color: var(--burdeos-med); background: var(--burdeos-lite); }\r\n.utla-cal__event.is-past .utla-cal__event-body { opacity: .6; }\r\n.utla-cal__event-name { font-size: 13.5px; font-weight: 700; color: var(--texto); line-height: 1.3; }\r\n.utla-cal__event.is-active .utla-cal__event-name { color: var(--burdeos); }\r\n.utla-cal__event-date { font-size: 12px; color: var(--texto-2); margin-top: 4px; font-weight: 500; }\r\n.utla-cal__event-tag {\r\n  display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .08em;\r\n  text-transform: uppercase; padding: 2px 8px; border-radius: 4px; margin-top: 6px;\r\n}\r\n.utla-cal__event-tag.en-curso { background: var(--burdeos-lite); color: var(--burdeos); }\r\n.utla-cal__event-tag.proximo  { background: var(--amarillo-lite); color: var(--amarillo); }\r\n.utla-cal__event-tag.pasado   { background: var(--gris-clar); color: #666; }\r\n\r\n\/* \u2550\u2550 WIDGET CALENDARIO \u2550\u2550 *\/\r\n.utla-cal__widget { position: sticky; top: 24px; }\r\n.utla-cal__widget-card { background: #fff; border: 1px solid var(--gris-clar); border-radius: 16px; overflow: hidden; margin-bottom: 16px; }\r\n.utla-cal__widget-head { background: var(--azul); padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; }\r\n.utla-cal__widget-month { font-size: 16px; font-weight: 800; color: #fff; letter-spacing: -.02em; }\r\n.utla-cal__widget-nav { display: flex; gap: 4px; }\r\n.utla-cal__nav-btn {\r\n  width: 30px; height: 30px; border-radius: 6px;\r\n  background: rgba(255,255,255,.12); border: none; cursor: pointer;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: #fff; font-size: 14px; font-weight: 700;\r\n  transition: background .15s; font-family: 'Be Vietnam Pro', sans-serif;\r\n}\r\n.utla-cal__nav-btn:hover { background: rgba(255,255,255,.25); }\r\n.utla-cal__grid-head { display: grid; grid-template-columns: repeat(7,1fr); background: var(--azul-lite); }\r\n.utla-cal__grid-head span { text-align: center; font-size: 10px; font-weight: 700; color: var(--texto-2); letter-spacing: .06em; text-transform: uppercase; padding: 8px 2px; }\r\n.utla-cal__grid-days { display: grid; grid-template-columns: repeat(7,1fr); gap: 1px; background: var(--gris-clar); padding: 1px; }\r\n.utla-cal__day {\r\n  background: #fff; aspect-ratio: 1;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  font-size: 12px; font-weight: 600; color: var(--texto-2);\r\n  cursor: pointer; position: relative; transition: background .15s; min-height: 40px;\r\n}\r\n.utla-cal__day:hover { background: var(--azul-lite); color: var(--azul); }\r\n.utla-cal__day.empty { background: #fafbfd; cursor: default; }\r\n.utla-cal__day.is-today { background: var(--azul) !important; color: #fff !important; font-weight: 800; }\r\n.utla-cal__day.has-event::after {\r\n  content: ''; position: absolute; bottom: 5px;\r\n  width: 5px; height: 5px; border-radius: 50%; background: var(--burdeos);\r\n}\r\n.utla-cal__day.is-today.has-event::after { background: var(--celeste); }\r\n.utla-cal__day.in-range { background: var(--burdeos-lite) !important; color: var(--burdeos) !important; }\r\n.utla-cal__day.range-start, .utla-cal__day.range-end { background: var(--burdeos) !important; color: #fff !important; }\r\n.utla-cal__day-detail { padding: 16px 20px; border-top: 1px solid var(--gris-clar); min-height: 70px; }\r\n.utla-cal__day-detail-empty { font-size: 12.5px; color: var(--texto-2); text-align: center; padding: 20px 0; font-style: italic; }\r\n.utla-cal__day-detail-item { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--gris-clar); }\r\n.utla-cal__day-detail-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n.utla-cal__day-detail-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--burdeos); margin-top: 5px; flex-shrink: 0; }\r\n.utla-cal__day-detail-text { font-size: 12.5px; font-weight: 600; color: var(--texto); line-height: 1.4; }\r\n.utla-cal__day-detail-date { font-size: 11px; color: var(--texto-2); margin-top: 2px; }\r\n\r\n\/* Leyenda *\/\r\n.utla-cal__legend { background: #fff; border: 1px solid var(--gris-clar); border-radius: 12px; padding: 16px 18px; }\r\n.utla-cal__legend-title { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--texto-2); margin-bottom: 12px; }\r\n.utla-cal__legend-item { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--texto-2); margin-bottom: 8px; }\r\n.utla-cal__legend-item:last-child { margin-bottom: 0; }\r\n.utla-cal__legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\r\n\r\n@media (max-width: 1024px) { .utla-cal__layout { grid-template-columns: 1fr; } .utla-cal__widget { position: static; } }\r\n@media (max-width: 640px) {\r\n  .utla-cal__hero { padding: 36px 5% 0; }\r\n  .utla-cal__hero h1 { font-size: 26px; }\r\n  .utla-cal__hero-text { padding-bottom: 32px; }\r\n  .utla-cal__hero-stats { display: none; }\r\n  .utla-cal__body { padding: 28px 4% 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"utla-cal\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"utla-cal__hero\">\r\n    <div class=\"utla-cal__hero-inner\">\r\n      <div class=\"utla-cal__hero-text\">\r\n        <div class=\"utla-cal__badge\">Registro Acad\u00e9mico<\/div>\r\n        <h1>Calendario Acad\u00e9mico <em>Ciclo I \u2014 2026<\/em><\/h1>\r\n        <p class=\"utla-cal__hero-sub\">Fechas oficiales de matr\u00edcula, parciales, vacaciones y tr\u00e1mites acad\u00e9micos de la Universidad T\u00e9cnica Latinoamericana.<\/p>\r\n      <\/div>\r\n      <div class=\"utla-cal__hero-stats\">\r\n        <div class=\"utla-cal__hero-stat\">\r\n          <div class=\"utla-cal__hero-stat-num\">24<\/div>\r\n          <div class=\"utla-cal__hero-stat-lbl\">Eventos<\/div>\r\n        <\/div>\r\n        <div class=\"utla-cal__hero-stat\">\r\n          <div class=\"utla-cal__hero-stat-num\" id=\"utla-days-left\">\u2014<\/div>\r\n          <div class=\"utla-cal__hero-stat-lbl\">D\u00edas al fin<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FRANJA -->\r\n  <div class=\"utla-cal__divider\">\r\n    <div class=\"utla-cal__divider-inner\">\r\n      <div class=\"utla-cal__divider-icon\">\r\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\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"utla-cal__divider-text\">Haz clic en cualquier d\u00eda del calendario para ver los eventos. Los d\u00edas <strong>marcados en rojo<\/strong> tienen actividades programadas.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CUERPO -->\r\n  <div class=\"utla-cal__body\">\r\n    <div class=\"utla-cal__layout\">\r\n\r\n      <!-- Timeline -->\r\n      <div>\r\n        <div class=\"utla-cal__section-head\">\r\n          <div class=\"utla-cal__section-line\"><\/div>\r\n          <div>\r\n            <div class=\"utla-cal__section-title\">Eventos del Ciclo<\/div>\r\n            <div class=\"utla-cal__section-sub\">Todas las fechas y actividades programadas<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"utla-cal__timeline\" id=\"utla-timeline\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Calendario -->\r\n      <div class=\"utla-cal__widget\">\r\n        <div class=\"utla-cal__section-head\">\r\n          <div class=\"utla-cal__section-line\"><\/div>\r\n          <div>\r\n            <div class=\"utla-cal__section-title\">Calendario<\/div>\r\n            <div class=\"utla-cal__section-sub\">Toca un d\u00eda para ver eventos<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"utla-cal__widget-card\">\r\n          <div class=\"utla-cal__widget-head\">\r\n            <div class=\"utla-cal__widget-month\" id=\"utla-month-label\">\u2014<\/div>\r\n            <div class=\"utla-cal__widget-nav\">\r\n              <button class=\"utla-cal__nav-btn\" id=\"utla-prev\">\u2039<\/button>\r\n              <button class=\"utla-cal__nav-btn\" id=\"utla-next\">\u203a<\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"utla-cal__grid-head\">\r\n            <span>Do<\/span><span>Lu<\/span><span>Ma<\/span>\r\n            <span>Mi<\/span><span>Ju<\/span><span>Vi<\/span><span>Sa<\/span>\r\n          <\/div>\r\n          <div class=\"utla-cal__grid-days\" id=\"utla-grid\"><\/div>\r\n          <div class=\"utla-cal__day-detail\" id=\"utla-detail\">\r\n            <div class=\"utla-cal__day-detail-empty\">Selecciona un d\u00eda para ver sus eventos<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"utla-cal__legend\">\r\n          <div class=\"utla-cal__legend-title\">Leyenda<\/div>\r\n          <div class=\"utla-cal__legend-item\"><div class=\"utla-cal__legend-dot\" style=\"background:#003153\"><\/div>Hoy<\/div>\r\n          <div class=\"utla-cal__legend-item\"><div class=\"utla-cal__legend-dot\" style=\"background:#6d222e\"><\/div>D\u00eda con evento<\/div>\r\n          <div class=\"utla-cal__legend-item\"><div class=\"utla-cal__legend-dot\" style=\"background:#f5e8ea;border:1.5px solid #d4a0a8\"><\/div>Rango de evento<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Registro Acad\u00e9mico Calendario Acad\u00e9mico Ciclo I \u2014 2026 Fechas oficiales de matr\u00edcula, parciales, vacaciones y tr\u00e1mites acad\u00e9micos de la Universidad T\u00e9cnica Latinoamericana. 24 Eventos \u2014 D\u00edas al fin Haz clic en cualquier d\u00eda del calendario para ver los eventos. Los d\u00edas marcados en rojo tienen actividades programadas. Eventos del Ciclo Todas las fechas y actividades [&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-6630","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages\/6630","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=6630"}],"version-history":[{"count":4,"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages\/6630\/revisions"}],"predecessor-version":[{"id":6874,"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=\/wp\/v2\/pages\/6630\/revisions\/6874"}],"wp:attachment":[{"href":"https:\/\/utla.edu.sv\/2026\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}