Horarios ESI \u2013 UCLM 2026\/27<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ===== Horarios ESI \u2014 todo acotado a #esi-horarios, no toca el resto de la pagina ===== *\/\n #esi-horarios {\n --esi-blue: #0097d7;\n --esi-navy: #0077ad;\n --esi-light: #006d9c;\n --esi-accent: #e8a838;\n --bg: #f7f8fa;\n --card: #ffffff;\n --text: #4d4d4d;\n --text-strong: #2f2f2f;\n --text-muted: #767575;\n --border: #e0e0e0;\n --lab-bg: #f2f8fc;\n --lab-border: #a8d7ef;\n --theory-bg: #ffffff;\n --theory-border: #d9dde2;\n --event-bg: #fdf5e6;\n --event-border: #e8a838;\n --shadow-sm: 0 1px 2px rgba(0,0,0,.05);\n --shadow-md: 0 2px 8px rgba(0,0,0,.07);\n --radius: 6px;\n --radius-lg: 8px;\n font-family: Montserrat, 'DM Sans', system-ui, sans-serif;\n color: var(--text);\n line-height: 1.5;\n display: block;\n }\n #esi-horarios *, #esi-horarios *::before, #esi-horarios *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n #esi-horarios .toolbar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 0 0 1rem; }\n #esi-horarios .toolbar-sep { width: 1px; height: 26px; background: var(--border); flex-shrink: 0; }\n #esi-horarios .mode-tabs { display: flex; gap: .25rem; background: #f0f1f3; border: 1px solid var(--border); border-radius: var(--radius); padding: 3px; }\n #esi-horarios .mode-tab { padding: .45rem 1rem; border: none; background: transparent; color: var(--text-muted); font-family: inherit; font-size: .82rem; font-weight: 600; border-radius: 4px; cursor: pointer; transition: background .15s, color .15s; line-height: 1.2; }\n #esi-horarios .mode-tab:hover { color: var(--esi-navy); background: rgba(0,151,215,.08); }\n #esi-horarios .mode-tab.active { background: var(--esi-blue); color: #fff; }\n\n #esi-horarios .filters-bar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: .9rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n #esi-horarios .filter-group { display: flex; flex-direction: column; gap: .25rem; }\n #esi-horarios .filter-group label { font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); }\n #esi-horarios .filter-group select { font-family: inherit; font-size: .82rem; padding: .4rem .65rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); color: var(--text); min-width: 140px; transition: border-color .15s; }\n #esi-horarios .filter-group select:focus { outline: none; border-color: var(--esi-blue); }\n #esi-horarios .filter-chip-row { display: flex; gap: .3rem; flex-wrap: wrap; }\n #esi-horarios .filter-chip { padding: .35rem .75rem; font-family: inherit; font-size: .76rem; font-weight: 600; border: 1px solid var(--border); border-radius: 20px; background: var(--card); color: var(--text-muted); cursor: pointer; transition: all .15s; white-space: nowrap; }\n #esi-horarios .filter-chip:hover { border-color: var(--esi-blue); color: var(--esi-blue); }\n #esi-horarios .filter-chip.active { background: var(--esi-blue); color: #fff; border-color: var(--esi-blue); }\n #esi-horarios .btn-clear { margin-left: auto; padding: .4rem .9rem; font-family: inherit; font-size: .76rem; font-weight: 600; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); color: var(--text-muted); cursor: pointer; transition: all .15s; }\n #esi-horarios .btn-clear:hover { border-color: #b30133; color: #b30133; }\n\n #esi-horarios .main { padding: 1.25rem 0 2rem; max-width: 100%; }\n #esi-horarios .status-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: .5rem; }\n #esi-horarios .status-bar .count { font-size: .82rem; color: var(--text-muted); }\n #esi-horarios .status-bar .count strong { color: var(--text-strong); font-weight: 700; }\n #esi-horarios .legend { display: flex; gap: 1rem; font-size: .73rem; color: var(--text-muted); }\n #esi-horarios .legend-item { display: flex; align-items: center; gap: .35rem; }\n #esi-horarios .legend-dot { width: 10px; height: 10px; border-radius: 3px; border: 1.5px solid; }\n #esi-horarios .legend-dot.theory { background: var(--theory-bg); border-color: var(--theory-border); }\n #esi-horarios .legend-dot.lab { background: var(--lab-bg); border-color: var(--lab-border); }\n #esi-horarios .legend-dot.event { background: var(--event-bg); border-color: var(--event-border); }\n\n #esi-horarios .timetable { display: grid; grid-template-columns: 80px repeat(5, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }\n #esi-horarios .tt-header { background: var(--esi-blue); color: #fff; font-size: .76rem; font-weight: 700; text-align: center; padding: .65rem .3rem; letter-spacing: .02em; }\n #esi-horarios .tt-time { background: var(--bg); color: var(--text-muted); font-size: .68rem; font-weight: 500; padding: .5rem .35rem; text-align: center; display: flex; flex-direction: column; justify-content: center; font-family: 'JetBrains Mono', monospace; line-height: 1.4; }\n #esi-horarios .tt-cell { background: var(--card); padding: 0; min-height: 72px; display: flex; flex-direction: column; gap: 2px; overflow: hidden; }\n #esi-horarios .session-card { padding: .4rem .5rem; border-left: 3px solid; font-size: .71rem; line-height: 1.35; flex: 1; display: flex; flex-direction: column; gap: .1rem; transition: box-shadow .15s; cursor: default; position: relative; }\n #esi-horarios .session-card:hover { box-shadow: var(--shadow-md); z-index: 2; }\n #esi-horarios .session-card.theory { background: var(--theory-bg); border-left-color: var(--esi-blue); }\n #esi-horarios .session-card.lab { background: var(--lab-bg); border-left-color: var(--lab-border); }\n #esi-horarios .session-card.event { background: var(--event-bg); border-left-color: var(--event-border); }\n #esi-horarios .session-subject { font-weight: 700; color: var(--esi-navy); font-size: .74rem; }\n #esi-horarios .session-card.event .session-subject { color: #a67c00; }\n #esi-horarios .session-detail { color: var(--text-muted); font-size: .66rem; }\n #esi-horarios .session-badge { display: inline-block; font-size: .57rem; font-weight: 700; padding: .1rem .35rem; border-radius: 3px; background: var(--esi-navy); color: #fff; align-self: flex-start; letter-spacing: .02em; }\n #esi-horarios .session-card.lab .session-badge { background: #0b7fb8; }\n\n #esi-horarios .room-link { color: inherit; text-decoration: none; border-bottom: 1px dashed rgba(0,0,0,.25); cursor: pointer; transition: color .15s, border-color .15s; }\n #esi-horarios .room-link:hover { color: var(--esi-blue); border-bottom-color: var(--esi-blue); }\n #esi-horarios .list-table .room-link { font-weight: 500; }\n #esi-horarios .room-link svg { width: 10px; height: 10px; margin-left: .22rem; vertical-align: -1px; opacity: .55; stroke: currentColor; fill: none; stroke-width: 2; transition: opacity .15s; }\n #esi-horarios .room-link:hover svg { opacity: 1; }\n #esi-horarios .tutorias-link { color: var(--text-muted); text-decoration: none; font-size: .92em; margin-left: .3rem; white-space: nowrap; transition: color .15s; }\n #esi-horarios .tutorias-link:hover { color: var(--esi-blue); }\n #esi-horarios .tutorias-link svg { width: 10px; height: 10px; margin-right: .18rem; vertical-align: -1px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n #esi-horarios .sensor-tags { margin-top: auto; display: flex; flex-wrap: wrap; gap: .25rem; padding-top: .35rem; }\n #esi-horarios .sensor-tag { display: inline-flex; align-items: center; gap: .2rem; font-size: .57rem; line-height: 1; color: var(--text-muted); background: var(--bg); border: 1px solid var(--border); border-radius: 999px; padding: .16rem .36rem; white-space: nowrap; }\n #esi-horarios .sensor-tag svg { width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 1.8; }\n #esi-horarios .room-sensor-summary { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1rem 1.1rem; margin-bottom: 1rem; }\n #esi-horarios .room-sensor-title { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: .55rem; }\n #esi-horarios .room-sensor-title h2 { font-size: 1rem; font-weight: 700; color: var(--text-strong); font-family: inherit; }\n #esi-horarios .room-sensor-summary .sensor-tags { padding-top: 0; gap: .4rem; }\n #esi-horarios .room-sensor-summary .sensor-tag { font-size: .72rem; padding: .28rem .55rem; }\n\n #esi-horarios .list-table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }\n #esi-horarios .list-table th { background: var(--esi-blue); color: #fff; font-size: .73rem; font-weight: 700; padding: .65rem .7rem; text-align: left; letter-spacing: .02em; position: sticky; top: 0; z-index: 3; }\n #esi-horarios .list-table td { font-size: .78rem; padding: .55rem .7rem; border-bottom: 1px solid var(--border); vertical-align: top; }\n #esi-horarios .list-table tr:last-child td { border-bottom: none; }\n #esi-horarios .list-table tr:hover td { background: var(--bg); }\n\n #esi-horarios .empty-state { text-align: center; padding: 3rem 2rem; color: var(--text-muted); }\n #esi-horarios .empty-state h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .4rem; color: var(--text-strong); font-family: inherit; }\n #esi-horarios .view-toggle { display: flex; gap: .25rem; background: #f0f1f3; border-radius: var(--radius); padding: 2px; border: 1px solid var(--border); }\n #esi-horarios .view-btn { padding: .3rem .65rem; border: none; background: transparent; font-family: inherit; font-size: .73rem; font-weight: 600; color: var(--text-muted); border-radius: 4px; cursor: pointer; transition: all .15s; }\n #esi-horarios .view-btn.active { background: var(--card); color: var(--text-strong); box-shadow: var(--shadow-sm); }\n\n @media (max-width: 900px) {\n\n #esi-horarios .timetable { grid-template-columns: 60px repeat(5, 1fr); font-size: .65rem; }\n #esi-horarios .session-card { padding: .3rem; }\n #esi-horarios .session-subject { font-size: .67rem; }\n #esi-horarios .filter-group select { min-width: 110px; }\n \n }\n @media (max-width: 640px) {\n\n #esi-horarios .timetable { overflow-x: auto; min-width: 700px; }\n #esi-horarios .main { overflow-x: auto; }\n \n }\n\n \/* ===== movil: la vista Lista pasa de tabla a tarjetas apiladas ===== *\/\n @media (max-width: 760px) {\n #esi-horarios .status-bar { flex-direction: column; align-items: stretch; gap: .6rem; }\n #esi-horarios .status-bar > div:last-child { flex-wrap: wrap; gap: .6rem !important; justify-content: space-between; }\n #esi-horarios .legend { gap: .7rem; font-size: .68rem; }\n\n #esi-horarios .list-table { display: block; background: transparent; border: none; box-shadow: none; border-radius: 0; }\n #esi-horarios .list-table thead { display: none; }\n #esi-horarios .list-table tbody { display: block; }\n #esi-horarios .list-table tr {\n display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .5rem;\n background: var(--card); border: 1px solid var(--border);\n border-left: 3px solid var(--esi-blue); border-radius: var(--radius);\n padding: .65rem .8rem; margin-bottom: .5rem;\n }\n #esi-horarios .list-table tr:hover td { background: transparent; }\n #esi-horarios .list-table td { display: block; border: none; padding: 0; font-size: .82rem; line-height: 1.5; }\n #esi-horarios .list-table td:nth-child(1) { order: 1; font-weight: 700; color: var(--text-strong); text-transform: uppercase; font-size: .71rem; letter-spacing: .04em; }\n #esi-horarios .list-table td:nth-child(2) { order: 2; color: var(--text-muted); font-size: .75rem !important; }\n #esi-horarios .list-table td:nth-child(4) { order: 3; }\n #esi-horarios .list-table td:nth-child(3) { order: 4; flex: 0 0 100%; font-size: .95rem; margin: .2rem 0 .15rem; }\n #esi-horarios .list-table td:nth-child(6) { order: 5; flex: 0 0 100%; }\n #esi-horarios .list-table td:nth-child(7) { order: 6; flex: 0 0 100%; }\n #esi-horarios .list-table td:nth-child(5) { order: 7; }\n #esi-horarios .list-table td:nth-child(8) { order: 8; }\n #esi-horarios .list-table td:nth-child(n+5)::before { color: var(--text-muted); font-weight: 600; }\n #esi-horarios .list-table td:nth-child(5)::before { content: \"Grupo: \"; }\n #esi-horarios .list-table td:nth-child(6)::before { content: \"Aula: \"; }\n #esi-horarios .list-table td:nth-child(7)::before { content: \"Profesor: \"; }\n #esi-horarios .list-table td:nth-child(8)::before { content: \"Pr\u00e1cticas: \"; }\n #esi-horarios .list-table td:empty { display: none; }\n }\n\n \/* ===== movil en vertical: la cuadricula se apila por dias ===== *\/\n @media (max-width: 760px) and (orientation: portrait) {\n #esi-horarios .tt-stack { display: flex; flex-direction: column; gap: 1rem; }\n #esi-horarios .tt-day-title { font-family: inherit; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #fff; background: var(--esi-blue); padding: .45rem .75rem; border-radius: var(--radius) var(--radius) 0 0; }\n #esi-horarios .tt-day-rows { display: grid; grid-template-columns: 68px 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); overflow: hidden; }\n #esi-horarios .tt-day-rows .tt-cell { min-height: 0; }\n #esi-horarios .tt-day-rows .session-card { padding: .5rem .6rem; font-size: .78rem; }\n #esi-horarios .tt-day-rows .session-subject { font-size: .86rem; }\n #esi-horarios .tt-day-rows .session-detail { font-size: .72rem; }\n }\n\n \/* ===== aviso de carga: se ve al instante, lo sustituye render() ===== *\/\n #esi-horarios .cargando { padding: .5rem 0 0; }\n #esi-horarios .cargando-barra { height: 3px; background: #e8eaed; border-radius: 2px; overflow: hidden; }\n #esi-horarios .cargando-barra span { display: block; height: 100%; width: 35%; background: var(--esi-blue); border-radius: 2px; animation: cargaDesliza 1.1s ease-in-out infinite; }\n #esi-horarios .cargando p { margin-top: .7rem; font-size: .85rem; color: var(--text-muted); }\n #esi-horarios .cargando-rejilla { margin-top: 1rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }\n #esi-horarios .cargando-rejilla i { display: block; height: 64px; background: linear-gradient(90deg, var(--card) 25%, #f1f3f5 37%, var(--card) 63%); background-size: 400% 100%; animation: cargaBrillo 1.4s ease infinite; }\n @keyframes cargaDesliza { 0% { transform: translateX(-110%); } 100% { transform: translateX(320%); } }\n @keyframes cargaBrillo { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }\n @media (prefers-reduced-motion: reduce) {\n #esi-horarios .cargando-barra span, #esi-horarios .cargando-rejilla i { animation: none; }\n }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n #esi-horarios .fade-in { animation: fadeIn .3s ease-out; }\n\n<\/style>\n<\/head>\n<body>\n<div id=\"esi-horarios\">\n<div class=\"toolbar\">\n <div class=\"mode-tabs\" id=\"cuatriTabs\">\n <button class=\"mode-tab\" data-cuatri=\"1C\" onclick=\"setCuatri('1C')\">1er Cuatrimestre<\/button>\n <button class=\"mode-tab\" data-cuatri=\"2C\" onclick=\"setCuatri('2C')\">2\u00ba Cuatrimestre<\/button>\n <\/div>\n <div class=\"toolbar-sep\"><\/div>\n <div class=\"mode-tabs\">\n <button class=\"mode-tab active\" data-mode=\"student\" onclick=\"setMode('student')\">Grupo<\/button>\n \n <button class=\"mode-tab\" data-mode=\"room\" onclick=\"setMode('room')\">Aula<\/button>\n <\/div>\n<\/div>\n<div class=\"filters-bar\" id=\"filtersBar\"><\/div>\n<div class=\"main\">\n <div class=\"status-bar\">\n <div class=\"count\" id=\"statusCount\"><\/div>\n <div style=\"display:flex; gap:1rem; align-items:center;\">\n <div class=\"legend\">\n <div class=\"legend-item\"><div class=\"legend-dot theory\"><\/div>Teor\u00eda<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot lab\"><\/div>Laboratorio<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot event\"><\/div>Evento<\/div>\n <\/div>\n <div class=\"view-toggle\">\n <button class=\"view-btn active\" onclick=\"setView('grid')\">Cuadr\u00edcula<\/button>\n <button class=\"view-btn\" onclick=\"setView('list')\">Lista<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"content\">\n <div class=\"cargando\" role=\"status\" aria-live=\"polite\">\n <div class=\"cargando-barra\"><span><\/span><\/div>\n <p>Cargando horarios\u2026<\/p>\n <div class=\"cargando-rejilla\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>\n<script src=\"\/TV\/hall\/horarios.js?v=2\"><\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horarios ESI \u2013 UCLM 2026\/27 1er Cuatrimestre 2\u00ba Cuatrimestre Grupo Aula Teor\u00eda Laboratorio Evento Cuadr\u00edcula Lista Cargando horarios\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22820","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM\" \/>\n<meta property=\"og:description\" content=\"Horarios ESI \u2013 UCLM 2026\/27 1er Cuatrimestre 2\u00ba Cuatrimestre Grupo Aula Teor\u00eda Laboratorio Evento Cuadr\u00edcula Lista Cargando horarios\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/\" \/>\n<meta property=\"og:site_name\" content=\"Escuela Superior de Inform\u00e1tica de UCLM\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Escuela-Superior-de-Informtica-543261809027158\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T19:23:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@esiuclm\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/\",\"name\":\"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#website\"},\"datePublished\":\"2026-03-10T12:24:08+00:00\",\"dateModified\":\"2026-09-17T19:23:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/esi.uclm.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#website\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/\",\"name\":\"Escuela Superior de Inform\u00e1tica de UCLM en Ciudad Real, Castilla-La Mancha\",\"description\":\"La Escuela Superior de Inform\u00e1tica de Ciudad Real (Castilla-La Mancha), Universidad de Castilla-La Mancha es un centro universitario que imparte el ciclo completo de Ingenier\u00eda en Inform\u00e1tica: grado, m\u00e1ster y doctorado.\",\"publisher\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/esi.uclm.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#organization\",\"name\":\"Escuela Superior de Inform\u00e1tica de UCLM\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/assets\\\/uploads\\\/2022\\\/03\\\/LogoESI_cabecera-1.png\",\"contentUrl\":\"https:\\\/\\\/esi.uclm.es\\\/assets\\\/uploads\\\/2022\\\/03\\\/LogoESI_cabecera-1.png\",\"width\":460,\"height\":184,\"caption\":\"Escuela Superior de Inform\u00e1tica de UCLM\"},\"image\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Escuela-Superior-de-Informtica-543261809027158\",\"https:\\\/\\\/x.com\\\/esiuclm\",\"https:\\\/\\\/www.instagram.com\\\/esiuclm\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/esiuclm\",\"https:\\\/\\\/www.twitch.tv\\\/esiuclm\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/12656631\\\/admin\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","og_locale":"es_ES","og_type":"article","og_title":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM","og_description":"Horarios ESI \u2013 UCLM 2026\/27 1er Cuatrimestre 2\u00ba Cuatrimestre Grupo Aula Teor\u00eda Laboratorio Evento Cuadr\u00edcula Lista Cargando horarios\u2026","og_url":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","og_site_name":"Escuela Superior de Inform\u00e1tica de UCLM","article_publisher":"https:\/\/www.facebook.com\/Escuela-Superior-de-Informtica-543261809027158","article_modified_time":"2026-09-17T19:23:52+00:00","twitter_card":"summary_large_image","twitter_site":"@esiuclm","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","url":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","name":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM","isPartOf":{"@id":"https:\/\/esi.uclm.es\/#website"},"datePublished":"2026-03-10T12:24:08+00:00","dateModified":"2026-09-17T19:23:52+00:00","breadcrumb":{"@id":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/esi.uclm.es\/"},{"@type":"ListItem","position":2,"name":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica"}]},{"@type":"WebSite","@id":"https:\/\/esi.uclm.es\/#website","url":"https:\/\/esi.uclm.es\/","name":"Escuela Superior de Inform\u00e1tica de UCLM en Ciudad Real, Castilla-La Mancha","description":"La Escuela Superior de Inform\u00e1tica de Ciudad Real (Castilla-La Mancha), Universidad de Castilla-La Mancha es un centro universitario que imparte el ciclo completo de Ingenier\u00eda en Inform\u00e1tica: grado, m\u00e1ster y doctorado.","publisher":{"@id":"https:\/\/esi.uclm.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/esi.uclm.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/esi.uclm.es\/#organization","name":"Escuela Superior de Inform\u00e1tica de UCLM","url":"https:\/\/esi.uclm.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/esi.uclm.es\/#\/schema\/logo\/image\/","url":"https:\/\/esi.uclm.es\/assets\/uploads\/2022\/03\/LogoESI_cabecera-1.png","contentUrl":"https:\/\/esi.uclm.es\/assets\/uploads\/2022\/03\/LogoESI_cabecera-1.png","width":460,"height":184,"caption":"Escuela Superior de Inform\u00e1tica de UCLM"},"image":{"@id":"https:\/\/esi.uclm.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Escuela-Superior-de-Informtica-543261809027158","https:\/\/x.com\/esiuclm","https:\/\/www.instagram.com\/esiuclm\/","https:\/\/www.youtube.com\/user\/esiuclm","https:\/\/www.twitch.tv\/esiuclm","https:\/\/www.linkedin.com\/company\/12656631\/admin\/"]}]}},"_links":{"self":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages\/22820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/comments?post=22820"}],"version-history":[{"count":35,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages\/22820\/revisions"}],"predecessor-version":[{"id":23894,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages\/22820\/revisions\/23894"}],"wp:attachment":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/media?parent=22820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22820,"date":"2026-03-10T12:24:08","date_gmt":"2026-03-10T12:24:08","guid":{"rendered":"https:\/\/esi.uclm.es\/?page_id=22820"},"modified":"2026-09-17T19:23:52","modified_gmt":"2026-09-17T19:23:52","slug":"consulta-de-horarios-del-grado-en-ingenieria-informatica","status":"publish","type":"page","link":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","title":{"rendered":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica"},"content":{"rendered":"\n\n\n\n\n\n\nHorarios ESI \u2013 UCLM 2026\/27<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ===== Horarios ESI \u2014 todo acotado a #esi-horarios, no toca el resto de la pagina ===== *\/\n #esi-horarios {\n --esi-blue: #0097d7;\n --esi-navy: #0077ad;\n --esi-light: #006d9c;\n --esi-accent: #e8a838;\n --bg: #f7f8fa;\n --card: #ffffff;\n --text: #4d4d4d;\n --text-strong: #2f2f2f;\n --text-muted: #767575;\n --border: #e0e0e0;\n --lab-bg: #f2f8fc;\n --lab-border: #a8d7ef;\n --theory-bg: #ffffff;\n --theory-border: #d9dde2;\n --event-bg: #fdf5e6;\n --event-border: #e8a838;\n --shadow-sm: 0 1px 2px rgba(0,0,0,.05);\n --shadow-md: 0 2px 8px rgba(0,0,0,.07);\n --radius: 6px;\n --radius-lg: 8px;\n font-family: Montserrat, 'DM Sans', system-ui, sans-serif;\n color: var(--text);\n line-height: 1.5;\n display: block;\n }\n #esi-horarios *, #esi-horarios *::before, #esi-horarios *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n #esi-horarios .toolbar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: 0 0 1rem; }\n #esi-horarios .toolbar-sep { width: 1px; height: 26px; background: var(--border); flex-shrink: 0; }\n #esi-horarios .mode-tabs { display: flex; gap: .25rem; background: #f0f1f3; border: 1px solid var(--border); border-radius: var(--radius); padding: 3px; }\n #esi-horarios .mode-tab { padding: .45rem 1rem; border: none; background: transparent; color: var(--text-muted); font-family: inherit; font-size: .82rem; font-weight: 600; border-radius: 4px; cursor: pointer; transition: background .15s, color .15s; line-height: 1.2; }\n #esi-horarios .mode-tab:hover { color: var(--esi-navy); background: rgba(0,151,215,.08); }\n #esi-horarios .mode-tab.active { background: var(--esi-blue); color: #fff; }\n\n #esi-horarios .filters-bar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; padding: .9rem 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n #esi-horarios .filter-group { display: flex; flex-direction: column; gap: .25rem; }\n #esi-horarios .filter-group label { font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); }\n #esi-horarios .filter-group select { font-family: inherit; font-size: .82rem; padding: .4rem .65rem; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); color: var(--text); min-width: 140px; transition: border-color .15s; }\n #esi-horarios .filter-group select:focus { outline: none; border-color: var(--esi-blue); }\n #esi-horarios .filter-chip-row { display: flex; gap: .3rem; flex-wrap: wrap; }\n #esi-horarios .filter-chip { padding: .35rem .75rem; font-family: inherit; font-size: .76rem; font-weight: 600; border: 1px solid var(--border); border-radius: 20px; background: var(--card); color: var(--text-muted); cursor: pointer; transition: all .15s; white-space: nowrap; }\n #esi-horarios .filter-chip:hover { border-color: var(--esi-blue); color: var(--esi-blue); }\n #esi-horarios .filter-chip.active { background: var(--esi-blue); color: #fff; border-color: var(--esi-blue); }\n #esi-horarios .btn-clear { margin-left: auto; padding: .4rem .9rem; font-family: inherit; font-size: .76rem; font-weight: 600; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); color: var(--text-muted); cursor: pointer; transition: all .15s; }\n #esi-horarios .btn-clear:hover { border-color: #b30133; color: #b30133; }\n\n #esi-horarios .main { padding: 1.25rem 0 2rem; max-width: 100%; }\n #esi-horarios .status-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: .5rem; }\n #esi-horarios .status-bar .count { font-size: .82rem; color: var(--text-muted); }\n #esi-horarios .status-bar .count strong { color: var(--text-strong); font-weight: 700; }\n #esi-horarios .legend { display: flex; gap: 1rem; font-size: .73rem; color: var(--text-muted); }\n #esi-horarios .legend-item { display: flex; align-items: center; gap: .35rem; }\n #esi-horarios .legend-dot { width: 10px; height: 10px; border-radius: 3px; border: 1.5px solid; }\n #esi-horarios .legend-dot.theory { background: var(--theory-bg); border-color: var(--theory-border); }\n #esi-horarios .legend-dot.lab { background: var(--lab-bg); border-color: var(--lab-border); }\n #esi-horarios .legend-dot.event { background: var(--event-bg); border-color: var(--event-border); }\n\n #esi-horarios .timetable { display: grid; grid-template-columns: 80px repeat(5, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }\n #esi-horarios .tt-header { background: var(--esi-blue); color: #fff; font-size: .76rem; font-weight: 700; text-align: center; padding: .65rem .3rem; letter-spacing: .02em; }\n #esi-horarios .tt-time { background: var(--bg); color: var(--text-muted); font-size: .68rem; font-weight: 500; padding: .5rem .35rem; text-align: center; display: flex; flex-direction: column; justify-content: center; font-family: 'JetBrains Mono', monospace; line-height: 1.4; }\n #esi-horarios .tt-cell { background: var(--card); padding: 0; min-height: 72px; display: flex; flex-direction: column; gap: 2px; overflow: hidden; }\n #esi-horarios .session-card { padding: .4rem .5rem; border-left: 3px solid; font-size: .71rem; line-height: 1.35; flex: 1; display: flex; flex-direction: column; gap: .1rem; transition: box-shadow .15s; cursor: default; position: relative; }\n #esi-horarios .session-card:hover { box-shadow: var(--shadow-md); z-index: 2; }\n #esi-horarios .session-card.theory { background: var(--theory-bg); border-left-color: var(--esi-blue); }\n #esi-horarios .session-card.lab { background: var(--lab-bg); border-left-color: var(--lab-border); }\n #esi-horarios .session-card.event { background: var(--event-bg); border-left-color: var(--event-border); }\n #esi-horarios .session-subject { font-weight: 700; color: var(--esi-navy); font-size: .74rem; }\n #esi-horarios .session-card.event .session-subject { color: #a67c00; }\n #esi-horarios .session-detail { color: var(--text-muted); font-size: .66rem; }\n #esi-horarios .session-badge { display: inline-block; font-size: .57rem; font-weight: 700; padding: .1rem .35rem; border-radius: 3px; background: var(--esi-navy); color: #fff; align-self: flex-start; letter-spacing: .02em; }\n #esi-horarios .session-card.lab .session-badge { background: #0b7fb8; }\n\n #esi-horarios .room-link { color: inherit; text-decoration: none; border-bottom: 1px dashed rgba(0,0,0,.25); cursor: pointer; transition: color .15s, border-color .15s; }\n #esi-horarios .room-link:hover { color: var(--esi-blue); border-bottom-color: var(--esi-blue); }\n #esi-horarios .list-table .room-link { font-weight: 500; }\n #esi-horarios .room-link svg { width: 10px; height: 10px; margin-left: .22rem; vertical-align: -1px; opacity: .55; stroke: currentColor; fill: none; stroke-width: 2; transition: opacity .15s; }\n #esi-horarios .room-link:hover svg { opacity: 1; }\n #esi-horarios .tutorias-link { color: var(--text-muted); text-decoration: none; font-size: .92em; margin-left: .3rem; white-space: nowrap; transition: color .15s; }\n #esi-horarios .tutorias-link:hover { color: var(--esi-blue); }\n #esi-horarios .tutorias-link svg { width: 10px; height: 10px; margin-right: .18rem; vertical-align: -1px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n #esi-horarios .sensor-tags { margin-top: auto; display: flex; flex-wrap: wrap; gap: .25rem; padding-top: .35rem; }\n #esi-horarios .sensor-tag { display: inline-flex; align-items: center; gap: .2rem; font-size: .57rem; line-height: 1; color: var(--text-muted); background: var(--bg); border: 1px solid var(--border); border-radius: 999px; padding: .16rem .36rem; white-space: nowrap; }\n #esi-horarios .sensor-tag svg { width: 10px; height: 10px; stroke: currentColor; fill: none; stroke-width: 1.8; }\n #esi-horarios .room-sensor-summary { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1rem 1.1rem; margin-bottom: 1rem; }\n #esi-horarios .room-sensor-title { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: .55rem; }\n #esi-horarios .room-sensor-title h2 { font-size: 1rem; font-weight: 700; color: var(--text-strong); font-family: inherit; }\n #esi-horarios .room-sensor-summary .sensor-tags { padding-top: 0; gap: .4rem; }\n #esi-horarios .room-sensor-summary .sensor-tag { font-size: .72rem; padding: .28rem .55rem; }\n\n #esi-horarios .list-table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); }\n #esi-horarios .list-table th { background: var(--esi-blue); color: #fff; font-size: .73rem; font-weight: 700; padding: .65rem .7rem; text-align: left; letter-spacing: .02em; position: sticky; top: 0; z-index: 3; }\n #esi-horarios .list-table td { font-size: .78rem; padding: .55rem .7rem; border-bottom: 1px solid var(--border); vertical-align: top; }\n #esi-horarios .list-table tr:last-child td { border-bottom: none; }\n #esi-horarios .list-table tr:hover td { background: var(--bg); }\n\n #esi-horarios .empty-state { text-align: center; padding: 3rem 2rem; color: var(--text-muted); }\n #esi-horarios .empty-state h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .4rem; color: var(--text-strong); font-family: inherit; }\n #esi-horarios .view-toggle { display: flex; gap: .25rem; background: #f0f1f3; border-radius: var(--radius); padding: 2px; border: 1px solid var(--border); }\n #esi-horarios .view-btn { padding: .3rem .65rem; border: none; background: transparent; font-family: inherit; font-size: .73rem; font-weight: 600; color: var(--text-muted); border-radius: 4px; cursor: pointer; transition: all .15s; }\n #esi-horarios .view-btn.active { background: var(--card); color: var(--text-strong); box-shadow: var(--shadow-sm); }\n\n @media (max-width: 900px) {\n\n #esi-horarios .timetable { grid-template-columns: 60px repeat(5, 1fr); font-size: .65rem; }\n #esi-horarios .session-card { padding: .3rem; }\n #esi-horarios .session-subject { font-size: .67rem; }\n #esi-horarios .filter-group select { min-width: 110px; }\n \n }\n @media (max-width: 640px) {\n\n #esi-horarios .timetable { overflow-x: auto; min-width: 700px; }\n #esi-horarios .main { overflow-x: auto; }\n \n }\n\n \/* ===== movil: la vista Lista pasa de tabla a tarjetas apiladas ===== *\/\n @media (max-width: 760px) {\n #esi-horarios .status-bar { flex-direction: column; align-items: stretch; gap: .6rem; }\n #esi-horarios .status-bar > div:last-child { flex-wrap: wrap; gap: .6rem !important; justify-content: space-between; }\n #esi-horarios .legend { gap: .7rem; font-size: .68rem; }\n\n #esi-horarios .list-table { display: block; background: transparent; border: none; box-shadow: none; border-radius: 0; }\n #esi-horarios .list-table thead { display: none; }\n #esi-horarios .list-table tbody { display: block; }\n #esi-horarios .list-table tr {\n display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .5rem;\n background: var(--card); border: 1px solid var(--border);\n border-left: 3px solid var(--esi-blue); border-radius: var(--radius);\n padding: .65rem .8rem; margin-bottom: .5rem;\n }\n #esi-horarios .list-table tr:hover td { background: transparent; }\n #esi-horarios .list-table td { display: block; border: none; padding: 0; font-size: .82rem; line-height: 1.5; }\n #esi-horarios .list-table td:nth-child(1) { order: 1; font-weight: 700; color: var(--text-strong); text-transform: uppercase; font-size: .71rem; letter-spacing: .04em; }\n #esi-horarios .list-table td:nth-child(2) { order: 2; color: var(--text-muted); font-size: .75rem !important; }\n #esi-horarios .list-table td:nth-child(4) { order: 3; }\n #esi-horarios .list-table td:nth-child(3) { order: 4; flex: 0 0 100%; font-size: .95rem; margin: .2rem 0 .15rem; }\n #esi-horarios .list-table td:nth-child(6) { order: 5; flex: 0 0 100%; }\n #esi-horarios .list-table td:nth-child(7) { order: 6; flex: 0 0 100%; }\n #esi-horarios .list-table td:nth-child(5) { order: 7; }\n #esi-horarios .list-table td:nth-child(8) { order: 8; }\n #esi-horarios .list-table td:nth-child(n+5)::before { color: var(--text-muted); font-weight: 600; }\n #esi-horarios .list-table td:nth-child(5)::before { content: \"Grupo: \"; }\n #esi-horarios .list-table td:nth-child(6)::before { content: \"Aula: \"; }\n #esi-horarios .list-table td:nth-child(7)::before { content: \"Profesor: \"; }\n #esi-horarios .list-table td:nth-child(8)::before { content: \"Pr\u00e1cticas: \"; }\n #esi-horarios .list-table td:empty { display: none; }\n }\n\n \/* ===== movil en vertical: la cuadricula se apila por dias ===== *\/\n @media (max-width: 760px) and (orientation: portrait) {\n #esi-horarios .tt-stack { display: flex; flex-direction: column; gap: 1rem; }\n #esi-horarios .tt-day-title { font-family: inherit; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #fff; background: var(--esi-blue); padding: .45rem .75rem; border-radius: var(--radius) var(--radius) 0 0; }\n #esi-horarios .tt-day-rows { display: grid; grid-template-columns: 68px 1fr; gap: 1px; background: var(--border); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); overflow: hidden; }\n #esi-horarios .tt-day-rows .tt-cell { min-height: 0; }\n #esi-horarios .tt-day-rows .session-card { padding: .5rem .6rem; font-size: .78rem; }\n #esi-horarios .tt-day-rows .session-subject { font-size: .86rem; }\n #esi-horarios .tt-day-rows .session-detail { font-size: .72rem; }\n }\n\n \/* ===== aviso de carga: se ve al instante, lo sustituye render() ===== *\/\n #esi-horarios .cargando { padding: .5rem 0 0; }\n #esi-horarios .cargando-barra { height: 3px; background: #e8eaed; border-radius: 2px; overflow: hidden; }\n #esi-horarios .cargando-barra span { display: block; height: 100%; width: 35%; background: var(--esi-blue); border-radius: 2px; animation: cargaDesliza 1.1s ease-in-out infinite; }\n #esi-horarios .cargando p { margin-top: .7rem; font-size: .85rem; color: var(--text-muted); }\n #esi-horarios .cargando-rejilla { margin-top: 1rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }\n #esi-horarios .cargando-rejilla i { display: block; height: 64px; background: linear-gradient(90deg, var(--card) 25%, #f1f3f5 37%, var(--card) 63%); background-size: 400% 100%; animation: cargaBrillo 1.4s ease infinite; }\n @keyframes cargaDesliza { 0% { transform: translateX(-110%); } 100% { transform: translateX(320%); } }\n @keyframes cargaBrillo { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }\n @media (prefers-reduced-motion: reduce) {\n #esi-horarios .cargando-barra span, #esi-horarios .cargando-rejilla i { animation: none; }\n }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }\n #esi-horarios .fade-in { animation: fadeIn .3s ease-out; }\n\n<\/style>\n<\/head>\n<body>\n<div id=\"esi-horarios\">\n<div class=\"toolbar\">\n <div class=\"mode-tabs\" id=\"cuatriTabs\">\n <button class=\"mode-tab\" data-cuatri=\"1C\" onclick=\"setCuatri('1C')\">1er Cuatrimestre<\/button>\n <button class=\"mode-tab\" data-cuatri=\"2C\" onclick=\"setCuatri('2C')\">2\u00ba Cuatrimestre<\/button>\n <\/div>\n <div class=\"toolbar-sep\"><\/div>\n <div class=\"mode-tabs\">\n <button class=\"mode-tab active\" data-mode=\"student\" onclick=\"setMode('student')\">Grupo<\/button>\n \n <button class=\"mode-tab\" data-mode=\"room\" onclick=\"setMode('room')\">Aula<\/button>\n <\/div>\n<\/div>\n<div class=\"filters-bar\" id=\"filtersBar\"><\/div>\n<div class=\"main\">\n <div class=\"status-bar\">\n <div class=\"count\" id=\"statusCount\"><\/div>\n <div style=\"display:flex; gap:1rem; align-items:center;\">\n <div class=\"legend\">\n <div class=\"legend-item\"><div class=\"legend-dot theory\"><\/div>Teor\u00eda<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot lab\"><\/div>Laboratorio<\/div>\n <div class=\"legend-item\"><div class=\"legend-dot event\"><\/div>Evento<\/div>\n <\/div>\n <div class=\"view-toggle\">\n <button class=\"view-btn active\" onclick=\"setView('grid')\">Cuadr\u00edcula<\/button>\n <button class=\"view-btn\" onclick=\"setView('list')\">Lista<\/button>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"content\">\n <div class=\"cargando\" role=\"status\" aria-live=\"polite\">\n <div class=\"cargando-barra\"><span><\/span><\/div>\n <p>Cargando horarios\u2026<\/p>\n <div class=\"cargando-rejilla\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n <\/div>\n <\/div>\n<\/div>\n<\/div>\n<script src=\"\/TV\/hall\/horarios.js?v=2\"><\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Horarios ESI \u2013 UCLM 2026\/27 1er Cuatrimestre 2\u00ba Cuatrimestre Grupo Aula Teor\u00eda Laboratorio Evento Cuadr\u00edcula Lista Cargando horarios\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22820","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM\" \/>\n<meta property=\"og:description\" content=\"Horarios ESI \u2013 UCLM 2026\/27 1er Cuatrimestre 2\u00ba Cuatrimestre Grupo Aula Teor\u00eda Laboratorio Evento Cuadr\u00edcula Lista Cargando horarios\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/\" \/>\n<meta property=\"og:site_name\" content=\"Escuela Superior de Inform\u00e1tica de UCLM\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Escuela-Superior-de-Informtica-543261809027158\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T19:23:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@esiuclm\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/\",\"name\":\"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#website\"},\"datePublished\":\"2026-03-10T12:24:08+00:00\",\"dateModified\":\"2026-09-17T19:23:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/index.php\\\/consulta-de-horarios-del-grado-en-ingenieria-informatica\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/esi.uclm.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#website\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/\",\"name\":\"Escuela Superior de Inform\u00e1tica de UCLM en Ciudad Real, Castilla-La Mancha\",\"description\":\"La Escuela Superior de Inform\u00e1tica de Ciudad Real (Castilla-La Mancha), Universidad de Castilla-La Mancha es un centro universitario que imparte el ciclo completo de Ingenier\u00eda en Inform\u00e1tica: grado, m\u00e1ster y doctorado.\",\"publisher\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/esi.uclm.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#organization\",\"name\":\"Escuela Superior de Inform\u00e1tica de UCLM\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/esi.uclm.es\\\/assets\\\/uploads\\\/2022\\\/03\\\/LogoESI_cabecera-1.png\",\"contentUrl\":\"https:\\\/\\\/esi.uclm.es\\\/assets\\\/uploads\\\/2022\\\/03\\\/LogoESI_cabecera-1.png\",\"width\":460,\"height\":184,\"caption\":\"Escuela Superior de Inform\u00e1tica de UCLM\"},\"image\":{\"@id\":\"https:\\\/\\\/esi.uclm.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Escuela-Superior-de-Informtica-543261809027158\",\"https:\\\/\\\/x.com\\\/esiuclm\",\"https:\\\/\\\/www.instagram.com\\\/esiuclm\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/esiuclm\",\"https:\\\/\\\/www.twitch.tv\\\/esiuclm\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/12656631\\\/admin\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","og_locale":"es_ES","og_type":"article","og_title":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM","og_description":"Horarios ESI \u2013 UCLM 2026\/27 1er Cuatrimestre 2\u00ba Cuatrimestre Grupo Aula Teor\u00eda Laboratorio Evento Cuadr\u00edcula Lista Cargando horarios\u2026","og_url":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","og_site_name":"Escuela Superior de Inform\u00e1tica de UCLM","article_publisher":"https:\/\/www.facebook.com\/Escuela-Superior-de-Informtica-543261809027158","article_modified_time":"2026-09-17T19:23:52+00:00","twitter_card":"summary_large_image","twitter_site":"@esiuclm","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","url":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/","name":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica - Escuela Superior de Inform\u00e1tica de UCLM","isPartOf":{"@id":"https:\/\/esi.uclm.es\/#website"},"datePublished":"2026-03-10T12:24:08+00:00","dateModified":"2026-09-17T19:23:52+00:00","breadcrumb":{"@id":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/esi.uclm.es\/index.php\/consulta-de-horarios-del-grado-en-ingenieria-informatica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/esi.uclm.es\/"},{"@type":"ListItem","position":2,"name":"Consulta de Horarios del Grado en Ingenier\u00eda Inform\u00e1tica"}]},{"@type":"WebSite","@id":"https:\/\/esi.uclm.es\/#website","url":"https:\/\/esi.uclm.es\/","name":"Escuela Superior de Inform\u00e1tica de UCLM en Ciudad Real, Castilla-La Mancha","description":"La Escuela Superior de Inform\u00e1tica de Ciudad Real (Castilla-La Mancha), Universidad de Castilla-La Mancha es un centro universitario que imparte el ciclo completo de Ingenier\u00eda en Inform\u00e1tica: grado, m\u00e1ster y doctorado.","publisher":{"@id":"https:\/\/esi.uclm.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/esi.uclm.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/esi.uclm.es\/#organization","name":"Escuela Superior de Inform\u00e1tica de UCLM","url":"https:\/\/esi.uclm.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/esi.uclm.es\/#\/schema\/logo\/image\/","url":"https:\/\/esi.uclm.es\/assets\/uploads\/2022\/03\/LogoESI_cabecera-1.png","contentUrl":"https:\/\/esi.uclm.es\/assets\/uploads\/2022\/03\/LogoESI_cabecera-1.png","width":460,"height":184,"caption":"Escuela Superior de Inform\u00e1tica de UCLM"},"image":{"@id":"https:\/\/esi.uclm.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Escuela-Superior-de-Informtica-543261809027158","https:\/\/x.com\/esiuclm","https:\/\/www.instagram.com\/esiuclm\/","https:\/\/www.youtube.com\/user\/esiuclm","https:\/\/www.twitch.tv\/esiuclm","https:\/\/www.linkedin.com\/company\/12656631\/admin\/"]}]}},"_links":{"self":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages\/22820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/comments?post=22820"}],"version-history":[{"count":35,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages\/22820\/revisions"}],"predecessor-version":[{"id":23894,"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/pages\/22820\/revisions\/23894"}],"wp:attachment":[{"href":"https:\/\/esi.uclm.es\/index.php\/wp-json\/wp\/v2\/media?parent=22820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}