PageSourceSearch

https://itb.edu.ec/

html itb.edu.ec collected 2026-09-24 10:27:11 UTC 267,436 bytes, 3,167 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4<script  id="debugbar_loader" data-time="1790245630.828530" src="https://itb.edu.ec/?debugbar"></script>
4<script  id="debugbar_dynamic_script"></script>
4<style  id="debugbar_dynamic_style"></style>
4<script class="kint-rich-script">"use strict";(()=>{function m(n){if(!(n instanceof Element))throw new Error("Invalid argument to dedupeElement()");let t=n.ownerDocument,e=E(n);for(let s of t.querySelectorAll(e))n!==s&&s.parentNode.removeChild(s)}function d(n){return n instanceof Element?n.ownerDocument.contains(n):!1}function E(n){if(!(n instanceof Element))throw new Error("Invalid argument to buildClassSelector()");return[n.nodeName,...n.classList].join(".")}function f(n){if(!(n instanceof Element))throw new Error("Invalid argument to selectText()");let t=n.ownerDocument,e=t.getSelection(),s=t.createRange();s.selectNodeContents(n),e.removeAllRanges(),e.addRange(s)}function I(n,t){let e;return function(...s){clearTimeout(e),e=setTimeout(function(){n(...s)},t)}}function x(n){if(!(n instanceof Element))throw new Error("Invalid argument to offsetTop()");return n.offsetTop+(n.offsetParent?x(n.offsetParent):0)}var u=class n{static#e=new Set;static toggleSearchBox(t,e){let s=t.querySelector(".kint-search"),i=t.parentNode;if(s)if(s.classList.toggle("kint-show",e)){if(s.focus(),s.select(),!n.#e.has(s)){let r=i.querySelectorAll("dl").length,o=200;r>1e4&&(o=700),s.addEventListener("keyup",I(n.#t.bind(null,s),o)),n.#e.add(s)}n.#t(s)}else i.classList.remove("kint-search-root")}static#t(t){let e=t.closest(".kint-parent")?.parentNode;if(e)if(t.classList.contains("kint-show")&&t.value.length){let s=e.dataset.lastSearch;if(e.classList.add("kint-search-root"),s!==t.value){e.dataset.lastSearch=t.value,e.classList.remove("kint-search-match");for(let i of e.querySelectorAll(".kint-search-match"))i.classList.remove("kint-search-match");n.#s(e,t.value.toUpperCase())}}else e.classList.remove("kint-search-root")}static#s(t,e){let s=t.cloneNode(!0);for(let c of s.querySelectorAll(".access-path"))c.remove();if(!s.textContent.toUpperCase().includes(e))return;t.classList.add("kint-search-match");let i=t.firstElementChild;for(;i&&i.tagName!=="DT";)i=i.nextElementSibling;if(!i)return;let r=a.getChildContainer(i);if(!r)return;let o,l;for(let c of r.children)c.tagName==="DL"?n.#s(c,e):c.tagName==="UL"&&(c.classList.contains("kint-tabs")?o=c.children:c.classList.contains("kint-tab-contents")&&(l=c.children));if(!(!o||o.length!==l?.length))for(let c=o.length;c--;){let k=!1,F=!1;o[c].textContent.toUpperCase().includes(e)&&(k=!0);let O=l[c].cloneNode(!0);for(let v of O.querySelectorAll(".access-path"))v.remove();if(O.textContent.toUpperCase().includes(e)&&(k=!0,F=!0),k&&o[c].classList.add("kint-search-match"),F)for(let v of l[c].children)v.tagName==="DL"&&n.#s(v,e)}}};var g=class{static sort(t,e){let s=t.dataset.kintTableSort,i=parseInt(s)===e?-1:1,r=t.tBodies[0];[...r.rows].sort(function(o,l){o=o.cells[e].textContent.trim().toLocaleLowerCase(),l=l.cells[e].textContent.trim().toLocaleLowerCase();let c=0;return!isNaN(o)&&!isNaN(l)?(o=parseFloat(o),l=parseFloat(l),c=o-l):isNaN(o)&&!isNaN(l)?c=1:isNaN(l)&&!isNaN(o)?c=-1:c=(""+o).localeCompare(""+l),c*i}).forEach(o=>r.appendChild(o)),i<0?t.dataset.kintTableSort=null:t.dataset.kintTableSort=e}};var a=class n{#e;#t;#s;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Rich.constructor()");this.#e=t,this.#e.runOnInit(this.#i.bind(this));let e=new q(this,t);new b(this,t.window,e)}#i(){let t=this.#e.window.document;if(d(this.#t)||(this.#t=t.querySelector("style.kint-rich-style")),this.#t&&m(this.#t),t.querySelector(".kint-rich.kint-file")){this.setupFolder(t);let e=this.#s.querySelector("dd.kint-foldout"),s=Array.from(t.querySelectorAll(".kint-rich.kint-file"));for(let i of s)i.parentNode!==e&&e.appendChild(i);this.#s.classList.add("kint-show")}}addToFolder(t){let e=t.closest(".kint-rich");if(!e)throw new Error("Bad addToFolder");let s=this.#e.window.document;if(this.setupFolder(s),this.folder.contains(t))throw new Error("Bad addToFolder");let i=this.#s.querySelector("dd.kint-foldout"),r=t.closest(".kint-parent, .kint-rich"),o=Array.from(e.querySelectorAll(".kint-folder-trigger"));if(e===r||e.querySelectorAll(".kint-rich > dl").length===1){for(let l of o)l.remove();e.classList.add("kint-file"),i.insertBefore(e,i.firstChild)}else{let l=s.createElement("div");l.classList.add("kint-rich"),l.classList.add("kint-file"),l.appendChild(r.closest(".kint-rich > dl"));let c=e.lastElementChild;c.matches(".kint-rich > footer")&&l.appendChild(c.cloneNode(!0));for(let k of o)k.remove();i.insertBefore(l,i.firstChild)}n.toggle(this.#s.querySelector(".kint-parent"),!0)}setupFolder(t){if(this.#s)d(this.#s)||(this.#s=t.querySelector(".kint-rich.kint-folder"));else{let e=t.createElement("template");e.innerHTML='<div class="kint-rich kint-folder"><dl><dt class="kint-parent"><nav></nav>Kint</dt><dd class="kint-foldout"></dd></dl></div>',this.#s=e.content.firstChild,t.body.appendChild(this.#s)}}get folder(){return d(this.#s)||(this.#s=this.#e.window.document.querySelector(".kint-rich.kint-folder")),this.#s&&m(this.#s),this.#s}isFolderOpen(){let t=this.#s?.querySelector("dd.kint-foldout");if(t)return t.previousSibling.classList.contains("kint-show")}static getChildContainer(t){let e=t.nextElementSibling;for(;e&&!e.matches("dd");
4)e=e.nextElementSibling;return e}static toggle(t,e){let s=n.getChildContainer(t);s&&(e=t.classList.toggle("kint-show",e),n.#n(s,e))}static switchTab(t){t.parentNode.getElementsByClassName("kint-active-tab")[0].classList.remove("kint-active-tab"),t.classList.add("kint-active-tab");let e=t,s=0;for(;e=e.previousElementSibling;)s++;let i=t.parentNode.nextSibling.children;for(let r=i.length;r--;)r===s?(i[r].classList.add("kint-show"),n.#n(i[r],!0)):i[r].classList.remove("kint-show")}static toggleChildren(t,e){let s=n.getChildContainer(t);if(!s)return;e===void 0&&(e=t.classList.contains("kint-show"));let i=Array.from(s.getElementsByClassName("kint-parent"));for(let r of i)r.classList.toggle("kint-show",e)}static toggleAccessPath(t,e){let s=t.querySelector(".access-path");s?.classList.toggle("kint-show",e)&&f(s)}static#n(t,e){if(t.children.length===2&&t.lastElementChild.matches("ul.kint-tab-contents"))for(let s of t.lastElementChild.children)s.matches("li.kint-show")&&(t=s);if(t.children.length===1&&t.firstElementChild.matches("dl")){let s=t.firstElementChild.firstElementChild;s?.classList?.contains("kint-parent")&&n.toggle(s,e)}}},b=class{#e;#t;#s;#i=null;#n=null;#o=0;constructor(t,e,s){this.#e=t,this.#t=s,this.#s=e,this.#s.addEventListener("click",this.#a.bind(this),!0)}#r(){clearTimeout(this.#i),this.#i=setTimeout(this.#l.bind(this),250)}#l(){clearTimeout(this.#i),this.#i=null,this.#n=null,this.#o=0}#c(){let t=this.#n;if(!t.matches(".kint-parent > nav"))return;let e=t.parentNode;if(this.#o===1)a.toggleChildren(e),this.#t.onTreeChanged(),this.#r(),this.#o=2;else if(this.#o===2){this.#l();let s=e.classList.contains("kint-show"),i=this.#e.folder?.querySelector(".kint-parent"),r=Array.from(this.#s.document.getElementsByClassName("kint-parent"));for(let o of r)o!==i&&o.classList.toggle("kint-show",s);this.#t.onTreeChanged(),this.#t.scrollToFocus()}}#a(t){if(this.#o){this.#c();return}let e=t.target;if(!e.closest(".kint-rich"))return;if(e.tagName==="DFN"&&f(e),e.tagName==="TH"){t.ctrlKey||g.sort(e.closest("table"),e.cellIndex);return}if(e.tagName==="LI"&&e.parentNode.className==="kint-tabs"){if(e.className!=="kint-active-tab"){let i=e.closest("dl")?.querySelector(".kint-parent > nav")??e;a.switchTab(e),this.#t.onTreeChanged(),this.#t.setCursor(i)}return}let s=e.closest("dt");if(e.tagName==="NAV")e.parentNode.tagName==="FOOTER"?(this.#t.setCursor(e),e.parentNode.classList.toggle("kint-show")):s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(e),this.#r(),this.#o=1,this.#n=e);else if(e.classList.contains("kint-access-path-trigger"))s&&a.toggleAccessPath(s);else if(e.classList.contains("kint-search-trigger"))s?.matches(".kint-rich > dl > dt.kint-parent")&&u.toggleSearchBox(s);else if(e.classList.contains("kint-folder-trigger")){if(s?.matches(".kint-rich > dl > dt.kint-parent"))this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav")),this.#t.scrollToFocus();else if(e.parentNode.tagName==="FOOTER"){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#e.addToFolder(e),this.#t.onTreeChanged(),this.#t.setCursor(i),this.#t.scrollToFocus()}}else e.classList.contains("kint-search")||(e.tagName==="PRE"&&t.detail===3?f(e):e.closest(".kint-source")&&t.detail===3?f(e.closest(".kint-source")):e.classList.contains("access-path")?f(e):e.tagName!=="A"&&s?.classList.contains("kint-parent")&&(a.toggle(s),this.#t.onTreeChanged(),this.#t.setCursor(s.querySelector("nav"))))}},j=65,G=68,A=70,S=72,K=74,D=75,p=76,V=83,P=9,T=13,B=27,L=32,N=37,R=38,C=39,H=40,M=".kint-rich .kint-parent > nav, .kint-rich > footer > nav, .kint-rich .kint-tabs > li:not(.kint-active-tab)",q=class{#e=[];#t=0;#s=!1;#i;#n;constructor(t,e){this.#i=t,this.#n=e.window,this.#n.addEventListener("keydown",this.#c.bind(this),!0),e.runOnInit(this.onTreeChanged.bind(this))}scrollToFocus(){let t=this.#e[this.#t];if(!t)return;let e=this.#i.folder;if(t===e?.querySelector(".kint-parent > nav"))return;let s=x(t);if(this.#i.isFolderOpen()){let i=e.querySelector("dd.kint-foldout");i.scrollTo(0,s-i.clientHeight/2)}else this.#n.scrollTo(0,s-this.#n.innerHeight/2)}onTreeChanged(){let t=this.#e[this.#t];this.#e=[];let e=this.#i.folder,s=e?.querySelector(".kint-parent > nav"),i=this.#n.document;this.#i.isFolderOpen()&&(i=e,this.#e.push(s));let r=Array.from(i.querySelectorAll(M));for(let o of r)o.offsetParent!==null&&o!==s&&this.#e.push(o);if(s&&!this.#i.isFolderOpen()&&this.#e.push(s),this.#e.length===0){this.#s=!1,this.#r();return}t&&this.#e.indexOf(t)!==-1?this.#t=this.#e.indexOf(t):this.#r()}setCursor(t){if(this.#i.isFolderOpen()&&!this.#i.folder.contains(t)||!t.matches(M))return!1;let e=this.#e.indexOf(t);if(e===-1&&(this.onTreeChanged(),e=this.#e.indexOf(t)),e!==-1){if(e!==this.#t)return this.#t=e,this.#r(),!0;this.#e[e]?.classList.remove("kint-weak-focus")}else console.error("setCursor failed to find target in list",t),console.info("Please report this as a bug in Kint at https://github.com/kint-php/kint");return!1}#o(t){if(this.#e.length===0)return this.#t=0,null;for(this.#t+=t;this.#t<0;)this.#t+=this.#e.length;for(;this.#t>=this.#e.length;)this.#t-=this.#e.length;return this.#r(),this.#t}#r(){let t=this.#n.document.querySelector(".kint-focused");t&&(t.classList.remove("kint-focused"),t.classList.remove("kint-weak-focus")),this.#s&&this.#e[this.#t]?.classList.add("kint-focused")}#l(t){let e=t.closest(".kint-rich .kint-parent ~ dd")?.parentNode.querySelector(".kint-parent > nav");e&&(this.setCursor(e),this.scrollToFocus())}#c(t){if(this.#s&&t.keyCode===B&&t.target.matches(".kint-search")){t.target.blur(),this.#r();return}if(t.target!==this.#n.document.body||t.altKey||t.ctrlKey)return;if(t.keyCode===G){if(this.#s)this.#s=!1;else{if(this.#s=!0,this.onTreeChanged(),this.#e.length===0){this.#s=!1;return}this.scrollToFocus()}this.#r(),t.preventDefault();return}else if(t.keyCode===B){this.#s&&(this.#s=!1,this.#r(),t.preventDefault());return}else if(!this.#s)return;t.preventDefault(),d(this.#e[this.#t])||this.onTreeChanged();let e=this.#e[this.#t];if([P,R,D,H,K].includes(t.keyCode)){t.keyCode===P?this.#o(t.shiftKey?-1:1):t.keyCode===R||t.keyCode===D?this.#o(-1):(t.keyCode===H||t.keyCode===K)&&this.#o(1),this.scrollToFocus();return}if(e.tagName==="LI"&&[L,T,C,p,N,S].includes(t.keyCode)){t.keyCode===L||t.keyCode===T?(a.switchTab(e),this.onTreeChanged()):t.keyCode===C||t.keyCode===p?this.#o(1):(t.keyCode===N||t.keyCode===S)&&this.#o(-1),this.scrollToFocus();return}if(e.parentNode.tagName==="FOOTER"&&e.closest(".kint-rich")){if(t.keyCode===L||t.keyCode===T)e.parentNode.classList.toggle("kint-show");else if(t.keyCode===N||t.keyCode===S)if(e.parentNode.classList.contains("kint-show"))e.parentNode.classList.remove("kint-show");else{this.#l(e.closest(".kint-rich"));return}else if(t.keyCode===C||t.keyCode===p)e.parentNode.classList.add("kint-show");else if(t.keyCode===A&&!this.#i.isFolderOpen()&&e.matches(".kint-rich > footer > nav")){let i=e.closest(".kint-rich").querySelector(".kint-parent > nav, .kint-rich > footer > nav");this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(i),this.scrollToFocus()}return}let s=e.closest(".kint-parent");
4if(s){if(t.keyCode===j){a.toggleAccessPath(s);return}if(t.keyCode===A){!this.#i.isFolderOpen()&&s.matches(".kint-rich:not(.kint-folder) > dl > .kint-parent")&&(this.#i.addToFolder(e),this.onTreeChanged(),this.setCursor(e),this.scrollToFocus());return}if(t.keyCode===V){let i=s.closest(".kint-rich > dl")?.querySelector(".kint-search")?.closest(".kint-parent");if(i){e.classList.add("kint-weak-focus"),u.toggleSearchBox(i,!0);return}}if(t.keyCode===L||t.keyCode===T){a.toggle(s),this.onTreeChanged();return}if([C,p,N,S].includes(t.keyCode)){let i=s.classList.contains("kint-show");if(t.keyCode===C||t.keyCode===p){i&&a.toggleChildren(s,!0),a.toggle(s,!0),this.onTreeChanged();return}else if(i){a.toggleChildren(s,!1),a.toggle(s,!1),this.onTreeChanged();return}else{this.#l(s);return}}}}};var y=class{#e;#t;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Plain.constructor()");this.#e=t.window,t.runOnInit(this.#s.bind(this))}#s(){d(this.#t)||(this.#t=this.#e.document.querySelector("style.kint-plain-style")),this.#t&&m(this.#t)}};var w=class{#e;constructor(t){if(!(t instanceof h))throw new Error("Invalid argument to Microtime.constructor()");this.#e=t.window,t.runOnInit(this.#t.bind(this))}#t(){let t={},e=this.#e.document.querySelectorAll("[data-kint-microtime-group]");for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=s.dataset.kintMicrotimeGroup,o=parseFloat(i.textContent),l=parseFloat(s.querySelector(".kint-microtime-avg").textContent);t[r]??={min:o,max:o,avg:l},t[r].min>o&&(t[r].min=o),t[r].max<o&&(t[r].max=o),t[r].avg=l}for(let s of e){let i=s.querySelector(".kint-microtime-lap");if(!i)continue;let r=parseFloat(i.textContent),o=t[s.dataset.kintMicrotimeGroup];if(s.querySelector(".kint-microtime-avg").textContent=o.avg,!(r===o.min&&r===o.max))if(s.classList.add("kint-microtime-js"),r>o.avg){let l=(r-o.avg)/(o.max-o.avg);i.style.background="hsl("+(40-40*l)+", 100%, 65%)"}else{let l=0;o.avg!==o.min&&(l=(o.avg-r)/(o.avg-o.min)),i.style.background="hsl("+(40+80*l)+", 100%, 65%)"}}}};var U=Symbol(),h=class n{static#e=null;#t;#s=[];#i=new Set;static init(t){return n.#e??=new n(t,U),n.#e.#n(),n.#e.runOnLoad(n.#r),n.#e}get window(){return this.#t}constructor(t,e){if(U!==e)throw new Error("Kint constructor is private. Use Kint.init()");if(!(t instanceof Window))throw new Error("Invalid argument to Kint.init()");this.#t=t,this.runOnInit(this.#o.bind(this)),new y(this),new a(this),new w(this)}runOnLoad(t){if(this.#t.document.readyState==="complete")try{t()}catch{}else this.#t.addEventListener("load",t)}runOnInit(t){this.#s.push(t)}#n(){this.#t.document.currentScript&&(this.#i.add(E(window.document.currentScript)),window.document.currentScript.remove())}#o(){for(let t of this.#i.keys())for(let e of this.#t.document.querySelectorAll(t))e.remove()}static#r(){for(let t of n.#e.#s)t()}};window.Kint||(window.Kint=h);window.Kint.init(window);})();
5</script>
5<style class="kint-rich-style">.kint-rich{--spacing: 4px;--nav-size: 15px;--backdrop-color: rgba(255, 255, 255, 0.9);--main-background: #e0eaef;--secondary-background: #c1d4df;--text-color: #1d1e1e;--variable-name-color: #1d1e1e;--variable-type-color: #0092db;--variable-type-color-hover: #5cb730;--border-color: #b6cedb;--border-color-hover: #0092db;--border: 1px solid var(--border-color);--foldout-max-size: calc(100vh - 100px);--foldout-zindex: 999999;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><g stroke-width='2' fill='%23FFF'><path d='M1 1h28v28H1zm5 14h18m-9 9V6M1 61h28v28H1zm5 14h18' stroke='%23379'/><path d='M1 31h28v28H1zm5 14h18m-9 9V36M1 91h28v28H1zm5 14h18' stroke='%235A3'/><path d='M1 121h28v28H1zm5 5l18 18m-18 0l18-18' stroke='%23CCC'/></g></svg>");--ap-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 8h3m3 3v3M8 2v3m3 3h3M3 8' stroke-width='2' stroke-linecap='round'/><circle stroke-width='1.5' r='4.5' cx='8' cy='8'/></g></svg>");--folder-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2h4l2 2h6v9H2V2h2' stroke-width='2' stroke='%23000' fill='transparent' stroke-linejoin='round'/></svg>");--search-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><g stroke='%23000' fill='transparent'><path d='M2 14l3-3' stroke-linecap='round' stroke-width='3'/><circle stroke-width='2' r='5' cx='9' cy='7'/></g></svg>");font-size:13px;overflow-x:auto;white-space:nowrap;background:var(--backdrop-color);direction:ltr;contain:content}.kint-rich.kint-folder{position:fixed;bottom:0;left:0;right:0;z-index:var(--foldout-zindex);width:100%;margin:0;display:block}.kint-rich.kint-folder dd.kint-foldout{max-height:var(--foldout-max-size);padding-right:calc(var(--spacing)*2);overflow-y:scroll;display:none}.kint-rich.kint-folder dd.kint-foldout.kint-show{display:block}.kint-rich::selection{background:var(--border-color-hover);color:var(--text-color)}.kint-rich .kint-focused{box-shadow:0 0 3px 3px var(--variable-type-color-hover)}.kint-rich .kint-focused.kint-weak-focus{box-shadow:0 0 3px 1px color-mix(in srgb, var(--variable-type-color-hover) 50%, transparent)}.kint-rich,.kint-rich::before,.kint-rich::after,.kint-rich *,.kint-rich *::before,.kint-rich *::after{box-sizing:border-box;border-radius:0;color:var(--text-color);float:none !important;font-family:Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;line-height:15px;margin:0;padding:0;text-align:left}.kint-rich{margin:calc(var(--spacing)*2) 0}.kint-rich dt,.kint-rich dl{width:auto}.kint-rich dt,.kint-rich div.access-path{background:var(--main-background);border:var(--border);color:var(--text-color);display:block;font-weight:bold;list-style:none outside none;overflow:auto;padding:var(--spacing)}.kint-rich dt:hover,.kint-rich div.access-path:hover{border-color:var(--border-color-hover)}.kint-rich>dl dl{padding:0 0 0 calc(var(--spacing)*3)}.kint-rich dt.kint-parent>nav,.kint-rich>footer>nav{background:var(--caret-image) no-repeat scroll 0 0/var(--nav-size) 75px rgba(0,0,0,0);cursor:pointer;display:inline-block;height:var(--nav-size);width:var(--nav-size);margin-right:3px;vertical-align:middle}.kint-rich dt.kint-parent:hover>nav,.kint-rich>footer>nav:hover{background-position:0 25%}.kint-rich dt.kint-parent.kint-show>nav,.kint-rich>footer.kint-show>nav{background-position:0 50%}.kint-rich dt.kint-parent.kint-show:hover>nav,.kint-rich>footer.kint-show>nav:hover{background-position:0 75%}.kint-rich dt.kint-parent.kint-locked>nav{background-position:0 100%}.kint-rich dt.kint-parent+dd{display:none;border-left:1px dashed var(--border-color);contain:strict}.kint-rich dt.kint-parent.kint-show+dd{display:block;contain:content}.kint-rich var,.kint-rich var a{color:var(--variable-type-color);font-style:normal}.kint-rich dt:hover var,.kint-rich dt:hover var a{color:var(--variable-type-color-hover)}.kint-rich dfn{font-style:normal;font-family:monospace;color:var(--variable-name-color)}.kint-rich pre{color:var(--text-color);margin:0 0 0 calc(var(--spacing)*3);padding:5px;overflow-y:hidden;border-top:0;border:var(--border);background:var(--main-background);
5display:block;word-break:normal}.kint-rich .kint-access-path-trigger,.kint-rich .kint-folder-trigger,.kint-rich .kint-search-trigger{background:color-mix(in srgb, var(--text-color) 80%, transparent);border-radius:3px;padding:2px;height:var(--nav-size);width:var(--nav-size);font-size:var(--nav-size);margin-left:5px;font-weight:bold;text-align:center;line-height:1;float:right !important;cursor:pointer;position:relative;overflow:hidden}.kint-rich .kint-access-path-trigger::before,.kint-rich .kint-folder-trigger::before,.kint-rich .kint-search-trigger::before{display:block;content:"";width:100%;height:100%;background:var(--main-background);mask:center/contain no-repeat alpha}.kint-rich .kint-access-path-trigger:hover,.kint-rich .kint-folder-trigger:hover,.kint-rich .kint-search-trigger:hover{background:var(--main-background)}.kint-rich .kint-access-path-trigger:hover::before,.kint-rich .kint-folder-trigger:hover::before,.kint-rich .kint-search-trigger:hover::before{background:var(--text-color)}.kint-rich .kint-access-path-trigger::before{mask-image:var(--ap-image)}.kint-rich .kint-folder-trigger::before{mask-image:var(--folder-image)}.kint-rich .kint-search-trigger::before{mask-image:var(--search-image)}.kint-rich input.kint-search{display:none;border:var(--border);border-top-width:0;border-bottom-width:0;padding:var(--spacing);float:right !important;margin:calc(var(--spacing)*-1) 0;color:var(--variable-name-color);background:var(--secondary-background);height:calc(var(--nav-size) + var(--spacing)*2);width:calc(var(--nav-size)*10);position:relative;z-index:100}.kint-rich input.kint-search.kint-show{display:block}.kint-rich .kint-search-root ul.kint-tabs>li:not(.kint-search-match){background:var(--secondary-background);filter:saturate(0);opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match){opacity:.5}.kint-rich .kint-search-root dl:not(.kint-search-match)>dt{background:var(--main-background);filter:saturate(0)}.kint-rich .kint-search-root dl:not(.kint-search-match) dl,.kint-rich .kint-search-root dl:not(.kint-search-match) ul.kint-tabs>li:not(.kint-search-match){opacity:1}.kint-rich div.access-path{background:var(--secondary-background);display:none;margin-top:5px;padding:4px;white-space:pre}.kint-rich div.access-path.kint-show{display:block}.kint-rich footer{padding:0 3px 3px;font-size:9px;background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger{background:rgba(0,0,0,0)}.kint-rich footer>.kint-folder-trigger::before{background:var(--text-color)}.kint-rich footer nav{height:10px;width:10px;background-size:10px 50px}.kint-rich footer>ol{display:none;margin-left:32px}.kint-rich footer.kint-show>ol{display:block}.kint-rich a{color:var(--text-color);text-shadow:none;text-decoration:underline}.kint-rich a:hover{color:var(--variable-name-color);border-bottom:1px dotted var(--variable-name-color)}.kint-rich ul{list-style:none;padding-left:calc(var(--spacing)*3)}.kint-rich ul:not(.kint-tabs) li{border-left:1px dashed var(--border-color)}.kint-rich ul:not(.kint-tabs) li>dl{border-left:none}.kint-rich ul.kint-tabs{margin:0 0 0 calc(var(--spacing)*3);padding-left:0;background:var(--main-background);border:var(--border);border-top:0}.kint-rich ul.kint-tabs>li{background:var(--secondary-background);border:var(--border);cursor:pointer;display:inline-block;height:calc(var(--spacing)*6);margin:calc(var(--spacing)/2);padding:0 calc(2px + var(--spacing)*2.5);vertical-align:top}.kint-rich ul.kint-tabs>li:hover,.kint-rich ul.kint-tabs>li.kint-active-tab:hover{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich ul.kint-tabs>li.kint-active-tab{background:var(--main-background);border-top:0;margin-top:-1px;height:27px;line-height:24px}.kint-rich ul.kint-tabs>li:not(.kint-active-tab){line-height:calc(var(--spacing)*5)}.kint-rich ul.kint-tabs li+li{margin-left:0}.kint-rich ul.kint-tab-contents>li{display:none;contain:strict}.kint-rich ul.kint-tab-contents>li.kint-show{display:block;contain:content}.kint-rich dt:hover+dd>ul>li.kint-active-tab{border-color:var(--border-color-hover);color:var(--variable-type-color-hover)}.kint-rich dt>.kint-color-preview{width:var(--nav-size);height:var(--nav-size);display:inline-block;vertical-align:middle;margin-left:10px;border:var(--border);background-color:#ccc;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="%23FFF" d="M0 0h1v2h1V1H0z"/></svg>');background-size:min(20px,100%)}.kint-rich dt>.kint-color-preview:hover{border-color:var(--border-color-hover)}.kint-rich dt>.kint-color-preview>div{width:100%;height:100%}.kint-rich table{border-collapse:collapse;empty-cells:show;border-spacing:0}.kint-rich table *{font-size:12px}.kint-rich table dt{background:none;padding:calc(var(--spacing)/2)}.kint-rich table dt .kint-parent{min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kint-rich table td,.kint-rich table th{border:var(--border);padding:calc(var(--spacing)/2);vertical-align:center}.kint-rich table th{cursor:alias}.kint-rich table td:first-child,.kint-rich table th{font-weight:bold;background:var(--secondary-background);color:var(--variable-name-color)}.kint-rich table td{background:var(--main-background);white-space:pre}.kint-rich table td>dl{padding:0}.kint-rich table pre{border-top:0;border-right:0}.kint-rich table thead th:first-child{background:none;border:0}.kint-rich table tr:hover>td{box-shadow:0 0 1px 0 var(--border-color-hover) inset}.kint-rich table tr:hover var{color:var(--variable-type-color-hover)}.kint-rich table ul.kint-tabs li.kint-active-tab{height:20px;line-height:17px}.kint-rich pre.kint-source{margin-left:-1px}.kint-rich pre.kint-source[data-kint-filename]:before{display:block;content:attr(data-kint-filename);margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:1px solid var(--secondary-background)}.kint-rich pre.kint-source>div:before{display:inline-block;content:counter(kint-l);counter-increment:kint-l;border-right:1px solid var(--border-color-hover);padding-right:calc(var(--spacing)*2);margin-right:calc(var(--spacing)*2)}.kint-rich pre.kint-source>div.kint-highlight{background:var(--secondary-background)}.kint-rich .kint-microtime-js .kint-microtime-lap{text-shadow:-1px 0 var(--border-color-hover),0 1px var(--border-color-hover),1px 0 var(--border-color-hover),0 -1px var(--border-color-hover);color:var(--main-background);font-weight:bold}input.kint-note-input{width:100%}.kint-rich{--main-background: #f8f8f8;--secondary-background: #f8f8f8;--variable-type-color: #06f;--variable-type-color-hover: #f00;--border-color: #d7d7d7;--border-color-hover: #aaa;--alternative-background: #fff;--highlight-color: #cfc;--caret-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 150'><path d='M6 7h18l-9 15zm0 30h18l-9 15zm0 45h18l-9-15zm0 30h18l-9-15zm0 12l18 18m-18 0l18-18' fill='%23555'/><path d='M6 126l18 18m-18 0l18-18' stroke-width='2' stroke='%23555'/></svg>")}.kint-rich .kint-focused{box-shadow:0 0 3px 2px var(--variable-type-color-hover)}.kint-rich dt{font-weight:normal}.kint-rich dt.kint-parent{margin-top:4px}.kint-rich dl dl{margin-top:4px;padding-left:25px;border-left:none}.kint-rich>dl>dt{background:var(--secondary-background)}.kint-rich ul{margin:0;padding-left:0}.kint-rich ul:not(.kint-tabs)>li{border-left:0}.kint-rich ul.kint-tabs{background:var(--secondary-background);border:var(--border);border-width:0 1px 1px 1px;padding:4px 0 0 12px;margin-left:-1px;margin-top:-1px}.kint-rich ul.kint-tabs li,.kint-rich ul.kint-tabs li+li{margin:0 0 0 4px}.kint-rich ul.kint-tabs li{border-bottom-width:0;height:calc(var(--spacing)*6 + 1px)}.kint-rich ul.kint-tabs li:first-child{margin-left:0}.kint-rich ul.kint-tabs li.kint-active-tab{border-top:var(--border);background:var(--alternative-background);font-weight:bold;padding-top:0;border-bottom:1px solid var(--alternative-background) !important;margin-bottom:-1px}.kint-rich ul.kint-tabs li.kint-active-tab:hover{border-bottom:1px solid var(--alternative-background)}.kint-rich ul>li>pre{border:var(--border)}.kint-rich dt:hover+dd>ul{border-color:var(--border-color-hover)}.kint-rich pre{background:var(--alternative-background);margin-top:4px;margin-left:25px}.kint-rich .kint-source{margin-left:-1px}.kint-rich .kint-source .kint-highlight{background:var(--highlight-color)}.kint-rich .kint-parent.kint-show>.kint-search{border-bottom-width:1px}.kint-rich table td{background:var(--alternative-background)}.kint-rich table td>dl{padding:0;margin:0}.kint-rich table td>dl>dt.kint-parent{margin:0}.kint-rich table td:first-child,.kint-rich table td,.kint-rich table th{padding:2px 4px}.kint-rich table dd,.kint-rich table dt{background:var(--alternative-background)}.kint-rich table tr:hover>td{box-shadow:none;background:var(--highlight-color)}
6</style>
7
8    <meta charset="utf-8">
9    <meta name="viewport" content="width=device-width, initial-scale=1">
10    <meta name="description" content="Instituto Superior Tecnológico Bolivariano de Tecnología">
11    <meta name="author" content="ITB - TIC">
12    <meta name="generator" content="ITB - TIC">
13    <title>ITB - Inicio</title>
14    <link rel="icon" href="https://itb.edu.ec/statics/imagenes/plantilla/favicon.ico">
15    <link href="https://itb.edu.ec/statics/vendor/bootstrap523/css/bootstrap.min.css" rel="stylesheet">
16    <link href="https://itb.edu.ec/statics/vendor/animatecss/animate.min.css" rel="stylesheet">
17    <link href="https://itb.edu.ec/statics/fonts/fontawesome672/css/all.min.css" rel="stylesheet">
18    <link href="https://itb.edu.ec/statics/css/estilo.css" rel="stylesheet">
19                        <link rel="preconnect" href="https://fonts.googleapis.com" >
20                    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21                    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Caveat+Brush&amp;display=swap" >
22                    <link rel="stylesheet" href="https://itb.edu.ec/statics/vendor/swiper/swiper-bundle.min.css" >
23                    <link rel="stylesheet" href="https://itb.edu.ec/statics/inicio/inicio.css" >
24                    <link rel="stylesheet" href="https://itb.edu.ec/statics/vendor/bootstrap-select/bootstrap-select.css" >
25            </head>
26<body id="body" style="overflow:hidden;">
27<div id="content-preloader">
28    <img src="https://itb.edu.ec/statics/imagenes/main/nadalog.jpg" width="300" height="110" alt="Cargando..."/>
29    <div id="preloader"></div>
30</div>
31    <div id="overlay"></div>
32    <div id="overlaycolor"></div>
33<div class="tpl-snow"></div>
34<script>const _root='https://itb.edu.ec/';const prelodmask = '1';</script>
34
35<header>
36    <nav class="navbar navbar-dark bg-naranja fixed-top" id="navsocial" aria-label="Bar Link">
37        <div class="container justify-content-end">
38            <ul class="social-icons-ql">
39                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.1s;">
40                    <a href="https://www.tiktok.com/@itb_ec?lang=es" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
41                </li>
42                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.2s;">
43                    <a href="https://www.instagram.com/itb_ec/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
44                </li>
45                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.3s;">
46                    <a href="https://www.facebook.com/itb.edu.ec" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
47                </li>
48                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.4s;">
49                    <a href="https://x.com/ITBolivariano" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
50                </li>
51                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.5s;">
52                    <a href="https://www.youtube.com/c/itbinstitutosuperioruniversitariobolivariano" target="_blank"><i class="fa-brands fa-youtube"></i></a>
53                </li>
54                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.6s;">
55                    <a href="https://www.linkedin.com/company/itb-ec/?originalSubdomain=ec" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
56                </li>
57            </ul>
58            <a href="https://eva.itb.edu.ec/" class="btn btn-sm btn-naranja rounded rounded-pill mb-3 mx-2 wow animate__animated animate__fadeInRight"> Portal estudiantil </a>
59        </div>
60    </nav>
61    <nav class="navbar navbar-expand-lg fixed-top bg-white py-2 py-lg-0" id="navmenu">
62        <div class="container d-flex justify-content-sm-between justify-content-lg-center px-3 px-lg-0 py-0 py-lg-1 py-xl-0">
63            <a class="navbar-brand animate__animated animate__fadeInLeft" style="animation-delay:0.2s;" href="https://itb.edu.ec/">
64                <img src="https://itb.edu.ec/statics/imagenes/plantilla/logo-itb.png" alt="Logo Itb">
65            </a>
66            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapseMenu" aria-controls="navbarCollapseMenu" aria-expanded="false" aria-label="Toggle navigation">
67                <span class="navbar-toggler-icon"></span>
68            </button>
69            <div class="collapse d-lg-flex justify-content-start justify-content-lg-end align-items-center navbar-collapse animate__animated animate__fadeInRight" style="animation-delay:0.3s;" id="navbarCollapseMenu" data-isanmate="false">
70                <ul class="navbar-nav">
71                    <li class="nav-item dropdown position-static align-content-center">
72                        <a class="nav-link dropdown-toggle d-flex align-items-center pt-3 px-lg-2 py-lg-3 py-xl-4 px-xl-3 " href="#" id="megaMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
73                            Instituto
74                        </a>
75                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
76                            <div class="container-fluid">
77                                <div class="row py-lg-4 px-lg-4">
78                                    <div class="d-none d-lg-block col-lg-5">
79                                        <h1>Acerca de ITB</h1>
80                                        <p class="text-justify">
81                                            En ITB, nuestra principal prioridad es brindarle una educación de alta calidad en un entorno propicio para su crecimiento
82                                            como estudiante y futuro profesional. Ofrece a cada estudiante una oportunidad &uacute;nica de convertirse en un pensador original que se enfrenta a los desafíos del mundo. Más all&aacute; de los fundamentos, le brindamos las herramientas
83                                            para expandir su conocimiento.</p>
84                                        <div class="d-grid">
85                                            <a href="https://itb.edu.ec/Antecedentes" class="btn btn-outline-azul rounded-0 py-3"> OBT&Eacute;N M&Aacute;S INFORMACI&Oacute;N</a>
86                                        </div>
87                                    </div>
88                                    <div class="col-lg-7">
89                                        <div class="row">
90                                            <div class="d-none d-lg-block col-lg-4">
91                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Rendicion">
92                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/instituto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
93                                                    <div class="card-body">
94                                                        <h5 class="card-title">DATOS Y CALIFICACIONES DEL ITB</h5>
95                                                        <p class="card-text">
96                                                            Con cifras: nuestra identidad y la posici&oacute;n que ocupamos.
97                                                        </p>
98                                                    </div>
99                                                </div>
100                                            </div>
101                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
102                                                <h6 class="dropdown-header">Instituto</h6>
103                                                <a class="dropdown-item " href="https://itb.edu.ec/Antecedentes">Antecedentes</a>
104                                                <a class="dropdown-item " href="https://itb.edu.ec/Filosofia">Filosof&iacute;a Institucional</a>
105                                                <a class="dropdown-item " href="https://itb.edu.ec/Mensaje">Mensaje </a>
106                                                <a class="dropdown-item " href="https://itb.edu.ec/Himno">Himno al ITB</a>
107                                                <a class="dropdown-item " href="https://itb.edu.ec/Baselegal">Base Legal</a>
108                                                <a class="dropdown-item " href="https://itb.edu.ec/Trabaja_con_nosotros">Trabaja con Nosotros</a>
109
110                                                <h6 class="dropdown-header">Estructura</h6>
111                                                <a class="dropdown-item " href="https://itb.edu.ec/Autoridades">Autoridades</a>
112                                                <a class="dropdown-item " href="https://itb.edu.ec/Organigrama">Organigrama</a>
113                                                <a class="dropdown-item " href="https://itb.edu.ec/CoGobierno">Co-Gobierno</a>
114                                            </div>
115                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
116                                                <h6 class="dropdown-header">Transparencia</h6>
117                                                <a class="dropdown-item " href="https://itb.edu.ec/Presupuesto">Presupuesto</a>
118                                                <a class="dropdown-item " href="https://itb.edu.ec/Rendicion">Rendición de Cuentas</a>
119                                                <a class="dropdown-item " href="https://itb.edu.ec/Remuneracion">Remuneración Mensual</a>
120                                                <a class="dropdown-item " href="https://itb.edu.ec/Aranceles">Aranceles</a>
121                                                <a class="dropdown-item " href="https://itb.edu.ec/Balance">Balance General</a>
122                                                <a class="dropdown-item " href="https://itb.edu.ec/Obligaciones">Cumplimiento de Obligaciones</a>
123                                                <a class="dropdown-item " href="https://itb.edu.ec/Planificacion">Planificación</a>
124                                                <a class="dropdown-item " href="https://itb.edu.ec/Auditados">Balances Auditados</a>
125                                            </div>
126                                        </div>
127                                    </div>
128                                </div>
129                            </div>
130                        </div>
131                    </li>
132                    <li class="nav-item dropdown position-static align-content-center">
133                        <a href="#" id="megaMenu" role="button" data-bs-toggle="dropdown" class="nav-link dropdown-toggle d-flex align-items-center pt-3 px-lg-2 py-lg-3 py-xl-4 px-xl-3 " aria-expanded="false">
134                            Vida estudiantil
135                        </a>
136                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
137                            <div class="container-fluid">
138                                <div class="row py-lg-4 px-lg-4">
139                                    <div class="d-none d-lg-block col-lg-5">
140                                        <h1>Experiencia del Estudiante</h1>
141                                        <p class="text-justify">
142                                            Incluye toda la atención m&eacute;dica del campus en un solo lugar,
143                                            brindando f&aacute;cil acceso para los estudiantes y est&aacute; diseñado
144                                            para ser un entorno colaborativo de alto impacto para apoyar
145                                            el aprendizaje, el bienestar y el &eacute;xito de los estudiantes. </p>
146                                        <div class="d-grid">
147                                            <a class="btn btn-outline-azul rounded-0 py-3" href="https://itb.edu.ec/Bienestar"> OBT&Eacute;N M&Aacute;S INFORMACI&Oacute;N</a>
148                                        </div>
149                                    </div>
150                                    <div class="col-lg-7">
151                                        <div class="row">
152                                            <div class="d-none d-lg-block col-lg-4 ">
153                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Asistencia">
154                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/estudiantil.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
155                                                    <div class="card-body">
156                                                        <h5 class="card-title">SERVICIO DE
157                                                            ASISTENCIA SOCIAL</h5>
158                                                        <p class="card-text">
159                                                            Brinda apoyo, orientaci&oacute;n y acompa&ntilde;amiento a estudiantes y familias, fomentando el bienestar social y acad&eacute;mico.
160                                                        </p>
161                                                    </div>
162                                                </div>
163                                            </div>
164                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
165                                                <h6 class="dropdown-header">Bienestar estudiantil</h6>
166                                                <a class="dropdown-item " href="https://itb.edu.ec/Bienestar">Qui&eacute;nes Somos</a>
167                                                <a class="dropdown-item " href="https://itb.edu.ec/Informes">Informes</a>
168                                                <a class="dropdown-item " href="https://itb.edu.ec/Actividades">Actividades Realizadas</a>
169                                                <a class="dropdown-item " href="https://itb.edu.ec/Arte_Cultura">Arte y Cultura</a>
170                                                <h6 class="dropdown-header">Servicios y Beneficios</h6>
171                                                <a class="dropdown-item " href="https://itb.edu.ec/Asistencia">Asistencia Social</a>
172                                                <a class="dropdown-item " href="https://itb.edu.ec/Cruzroja">Cuenta en la Cruz Roja Ecuatoriana</a>
173                                                <a class="dropdown-item " href="https://itb.edu.ec/Gym">Gym</a>
174                                            </div>
175                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
176                                                <a class="dropdown-item " href="https://itb.edu.ec/Observatorio">Observatorio Bolivariano</a>
177                                                <a class="dropdown-item " href="https://itb.edu.ec/Orientacion">Orientaci&oacute;n Vocacional y Profesional</a>
178                                                <a class="dropdown-item " href="https://itb.edu.ec/Podologia">Podolog&iacute;a</a>
179                                                <a class="dropdown-item " href="https://itb.edu.ec/Psicologico">Psic&oacute;logo</a>
180                                                <a class="dropdown-item " href="https://itb.edu.ec/Suenos">C.D.I. Sue&ntilde;os Bolivarianos</a>
181                                            </div>
182                                        </div>
183                                    </div>
184                                </div>
185                            </div>
186                        </div>
187                    </li>
188                    <li class="nav-item align-content-center">
189                        <a class="nav-link pt-3 px-lg-2 py-xl-4 py-lg-3 px-xl-3 " href="https://itb.edu.ec/Oferta_academica">Oferta acad&eacute;mica</a>
190                    </li>
191                    <li class="nav-item dropdown position-static align-content-center">
192                        <a class="nav-link dropdown-toggle d-flex align-items-center pt-3 px-lg-2 py-lg-3 py-xl-4 px-xl-3 " href="#" id="megaMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
193                            Vinculaci&oacute;n
194                        </a>
195                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
196                            <div class="container-fluid">
197                                <div class="row py-lg-4 px-lg-4">
198                                    <div class="d-none d-lg-block col-lg-5">
199                                        <h1>Vinculaci&oacute;n con la Comunidad</h1>
200                                        <p class="text-justify">
201                                            Se esfuerza por eliminar barreras y contribuir a la pr&aacute;ctica
202                                            comunitaria de pertenencia de los estudiantes del ITB; al
203                                            hacerlo, cultivamos comunidades inclusivas y empoderamos
204                                            a los estudiantes para que se afirmen en sus identidades y las
205                                            formas en que se cruzan.</p>
206                                        <div class="d-grid">
207                                            <a class="btn btn-outline-azul rounded-0 py-3" href="https://itb.edu.ec/Vinculacion"> OBT&Eacute;N M&Aacute;S INFORMACI&Oacute;N</a>
208                                        </div>
209                                    </div>
210                                    <div class="col-lg-7">
211                                        <div class="row">
212                                            <div class="d-none d-lg-block col-lg-4">
213                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Centro_atencion">
214                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/vinculacion.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
215                                                    <div class="card-body">
216                                                        <h5 class="card-title">CENTRO DE
217                                                            ATENCI&Oacute;N M&Eacute;DICA</h5>
218                                                        <p class="card-text">
219                                                            Destinado a brindar servicios de salud, atenci&oacute;n preventiva y orientaci&oacute;n m&eacute;dica integral para la comunidad universitaria.
220                                                        </p>
221                                                    </div>
222                                                </div>
223                                            </div>
224                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
225                                                <h6 class="dropdown-header">Vinculaci&oacute;n con la <br> Comunidad</h6>
226                                                <a class="dropdown-item " href="https://itb.edu.ec/Vinculacion">Qui&eacute;nes Somos</a>
227                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_atencion">Centro de Atenci&oacute;n M&eacute;dica</a>
228                                                <a class="dropdown-item " href="https://itb.edu.ec/Convenio">Convenios</a>
229                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_vinculacion">Info-V&iacute;nculo</a>
230                                                <h6 class="dropdown-header">Programas</h6>
231                                                <a class="dropdown-item " href="https://itb.edu.ec/Salud_comunidad">Salud para la Comunidad</a>
232                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_contable">Centro Contable y Tributario</a>
233                                            </div>
234                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
235                                                <h6 class="dropdown-header">Graduados</h6>
236                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_graduado">Inf&oacute;rmate Graduado</a>
237                                                <a class="dropdown-item" href="https://bancodeproblemas.itb.edu.ec/">Banco de Problemas</a>
238
239                                            </div>
240                                        </div>
241                                    </div>
242                                </div>
243                            </div>
244                        </div>
245                    </li>
246                    <li class="nav-item dropdown position-static align-content-center srcmenuhiden">
247                        <a class="nav-link dropdown-toggle d-flex align-items-center pt-3 px-lg-2 py-lg-3 py-xl-4 px-xl-3 " href="#" id="megaMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
248                            Investigaci&oacute;n
249                        </a>
250                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
251                            <div class="container-fluid">
252                                <div class="row py-lg-4 px-lg-4">
253                                    <div class="d-none d-lg-block col-lg-5">
254                                        <h1>Investigaci&oacute;n</h1>
255                                        <p class="text-justify">
256                                            Fomentar y sistematizar la investigaci&oacute;n multi, inter y
257                                            transdisciplinar que se realiza en ITB por parte de docentes y
258                                            estudiantes, en correspondencia con los dominios
259                                            académicos declarados por la instituci&oacute;n y, que tiene como
260                                            finalidad esencial dar respuesta a los problemas planteados
261                                            por el entorno social de la región y el pa&iacute;s.</p>
262                                        <div class="d-grid">
263                                            <a class="btn btn-outline-azul rounded-0 py-3" href="https://itb.edu.ec/Investigacion"> OBT&Eacute;N M&Aacute;S INFORMACI&Oacute;N</a>
264                                        </div>
265                                    </div>
266                                    <div class="col-lg-7">
267                                        <div class="row">
268                                            <div class="d-none d-lg-block col-lg-4">
269                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Proyecto_investigacion">
270                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/investigacion.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
271                                                    <div class="card-body">
272                                                        <h5 class="card-title">PROYECTOS DE
273                                                            INVESTIGACI&Oacute;N</h5>
274                                                        <p class="card-text">
275                                                            Destinados a fomentar la generaci&oacute;n de conocimiento, la innovaci&oacute;n y el desarrollo cient&iacute;fico en beneficio de la comunidad.
276                                                        </p>
277                                                    </div>
278                                                </div>
279                                            </div>
280                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
281                                                <h6 class="dropdown-header">Investigaci&oacute;n</h6>
282                                                <a class="dropdown-item " href="https://itb.edu.ec/Investigacion">Qui&eacute;nes Somos</a>
283                                                <a class="dropdown-item " href="https://itb.edu.ec/Modelo_politicas">Modelo y Pol&iacute;ticas de Investigaci&oacute;n</a>
284                                                <a class="dropdown-item " href="https://itb.edu.ec/Convocatoria">Convocatorias</a>
285                                                <a class="dropdown-item " href="https://itb.edu.ec/Proyecto_investigacion">Proyectos de Investigaci&oacute;n</a>
286                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_interes">Noticias y Novedades</a>
287                                                <a class="dropdown-item " href="https://itb.edu.ec/Lineas">L&iacute;neas y Programas de Investigaci&oacute;n</a>
288                                                <a class="dropdown-item " href="https://itb.edu.ec/Conocimiento">Transferencia de Conocimiento y Tecnolog&iacute;as</a>
289                                                <a class="dropdown-item " href="https://itb.edu.ec/Servicios">Servicios Cient&iacute;ficos, T&eacute;cnico y Tecnol&oacute;gicos</a>
290                                            </div>
291                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
292                                                <a class="dropdown-item " href="https://itb.edu.ec/Semilleros">Semilleros de Investigaci&oacute;n e Innovaci&oacute;n</a>
293                                                <h6 class="dropdown-header">Gesti&oacute;n de la Informaci&oacute;n Cient&iacute;fica</h6>
294                                                <a class="dropdown-item " href="https://itb.edu.ec/Biblioteca_tradicional">Biblioteca Tradicional</a>
295                                                <a class="dropdown-item " href="https://itb.edu.ec/Biblioteca_virtual">Biblioteca Virtual</a>
296                                                <a class="dropdown-item " href="https://itb.edu.ec/Divulgacion">Divulgaci&oacute;n Cient&iacute;fica</a>
297                                                <a class="dropdown-item" href="https://identidadbolivariana.itb.edu.ec/" target="_blank">Identidad Bolivariana</a>
298                                                <a class="dropdown-item" href="https://dspace.itb.edu.ec/" target="_blank">Repositorio Digital</a>
299                                            </div>
300                                        </div>
301                                    </div>
302                                </div>
303                            </div>
304                        </div>
305                    </li>
306                    <li class="nav-item dropdown position-static align-content-center srcmenuhiden">
307                        <a class="nav-link dropdown-toggle d-flex align-items-center pt-3 px-lg-2 py-lg-3 py-xl-4 px-xl-3 " href="#" id="megaMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
308                            Contacto
309                        </a>
310                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
311                            <div class="container-fluid">
312                                <div class="row py-lg-4 px-lg-4">
313                                    <div class="d-none d-lg-block col-lg-5">
314                                        <h1>Admisión y Ayuda</h1>
315                                        <p class="text-justify">
316                                            Nuestras decisiones de admisión se basan en un proceso
317                                            holístico y selectivo, independientemente de las finanzas.
318                                            Tener la oportunidad de cambiar el mundo no debería
319                                            depender de tener el dinero para pagar el instituto. La ayuda
320                                            financiera líder en la industria de ITB garantiza que todos los
321                                            estudiantes de todos los orígenes puedan reunirse, aprender
322                                            juntos y crecer juntos. En pocas palabras: cuando usted se
323                                            compromete con nosotros, nosotros nos comprometemos con
324                                            usted.</p>
325                                        <div class="d-grid">
326                                            <a class="btn btn-outline-azul rounded-0 py-3" href="https://itb.edu.ec/Inscripcion"> OBT&Eacute;N M&Aacute;S INFORMACI&Oacute;N</a>
327                                        </div>
328                                    </div>
329                                    <div class="col-lg-7">
330                                        <div class="row">
331                                            <div class="d-none d-lg-block col-lg-4">
332                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Sugerencia">
333                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/contacto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
334                                                    <div class="card-body">
335                                                        <h5 class="card-title">CONTACTO</h5>
336                                                        <p class="card-text">
337                                                            Ponte en comunicaci&oacute;n con nosotros para consultas, informaci&oacute;n o atenci&oacute;n personalizada.
338                                                        </p>
339                                                    </div>
340                                                </div>
341                                            </div>
342                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
343                                                <h6 class="dropdown-header">Quiero estudiar en ITB</h6>
344                                                <a class="dropdown-item " href="https://itb.edu.ec/Inscripcion">Inscripci&oacute;n</a>
345                                                <h6 class="dropdown-header">Informaci&oacute;n de contacto</h6>
346                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio">Tel&eacute;fonos</a>
347                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio/correos">Correos</a>
348                                                <h6 class="dropdown-header">Pol&iacute;ticas</h6>
349                                                <a class="dropdown-item " href="https://itb.edu.ec/Politicas/cookies">Pol&iacute;tica de Cookies</a>
350                                                <a class="dropdown-item " href="https://itb.edu.ec/Politica_proteccion_datos">Pol&iacute;tica de Protecci&oacute;n de Datos Personales</a>
351                                            </div>
352                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
353                                                <h6 class="dropdown-header">Tu opini&oacute;n es importante</h6>
354                                                <a class="dropdown-item " href="https://itb.edu.ec/Sugerencia">Sugerencias</a>
355                                            </div>
356                                        </div>
357                                    </div>
358                                </div>
359                            </div>
360                        </div>
361                    </li>
362                    <li class="nav-item position-static d-none" id="searchcontainer">
363                        <div class="nav-link align-content-center">
364                            <input type="search" class="form-control rounded rounded-pill" id="search" placeholder="Buscar por carrera....">
365                            <div id="suggestions" class="autocomplete-suggestions"></div>
366                        </div>
367                    </li>
368                    <li class="nav-item position-static">
369                        <a class="nav-link py-3 px-lg-2 py-xl-4 px-xl-3">
370                            <i class="fas fa-search text-naranja fs-5 " id="searchicon"></i>
371                            <i class="fas fa-times text-azul fs-3 d-none" id="closesearchicon"></i>
372                        </a>
373                    </li>
374                </ul>
375
376            </div>
377        </div>
378    </nav>
379</header>
380<script>
381    document.getElementById('searchicon').addEventListener('click',function(){
382        document.getElementById('searchcontainer').classList.remove('d-none');
383        document.getElementById('closesearchicon').classList.remove('d-none');
384        document.getElementById('searchicon').classList.add('d-none');
385        document.querySelectorAll('.srcmenuhiden').forEach(element => {
386            element.classList.add('d-none');
387        });
388    });
389    document.getElementById('closesearchicon').addEventListener('click',function(){
390        document.getElementById('searchcontainer').classList.add('d-none');
391        document.getElementById('closesearchicon').classList.add('d-none');
392        document.getElementById('searchicon').classList.remove('d-none');
393        document.getElementById('search').value = '';
394        document.querySelectorAll('.srcmenuhiden').forEach(element => {
395            element.classList.remove('d-none');
396        });
397    });
398</script>
398
399<main>
400        <div id="wrapper">
401        <div id="content">
402
403            <div id="preloader-bg" class="d-none">
404                <div>
405                    <button class="close-video" onclick="CloseVideo()" title="El video se cerrar&aacute; pero puedes volver a verlo cuando quieras"> Cerrar video </button>
406                    <button id="btnToggleAudio" class="audio-video" onclick="ToggleAudio()" title="Activar o desactivar sonido"> Activar Sonido </button>
407                    <button class="skip-video" onclick="SkipVideo()" title="El video se cerrar&aacute; y no podr&aacute;s volver a verlo"> Omitir video </button>
408                </div>
409                <video autoplay muted playsinline preload="none" id="bgvideo" poster="https://itb.edu.ec/statics/imagenes/main/portada.jpg">
410                    Tu navegador no soporta videos.
411                </video>
412            </div>
413
414            <div id="homeCarousel" class="swiper-container home-swiper d-none pt-5" data-load-slider="true">
415                <div class="swiper-wrapper">
416                    <div class="swiper-slide section">
417                        <img class="d-none d-sm-none d-md-block bg lazyload" data-src="https://itb.edu.ec/statics/imagenes/slider/2.jpg" alt="Imagen 1">
418                        <img class="d-block d-sm-block d-md-none bg lazyload" data-src="https://itb.edu.ec/statics/imagenes/slider/mb2.jpg" alt="Imagen 1, Mobile">
419                        <div class="caption">
420                            <div class="container">
421                                <div class="row">
422                                    <div class="col-12 col-md-7 col-lg-6 pe-5 d-flex flex-column justify-content-center align-items-start" aria-label="Bienvenido al ITB, ITB Tiene recursos para ayudarte a tener exito">
423                                        <div class="outer">
424                                            <div class="inner">
425                                                <h1 class="section-heading text-start p-0 heading-style">
426                                                    <span class="text-naranja">BIENVENIDO</span><br>
427                                                    <span class="text-white">AL ITB</span>
428                                                </h1>
429                                            </div>
430                                        </div>
431                                        <p class="text-start text-white mt-3 hero-subtitle" style="font-family:'Oswald-Medium',sans-serif;font-size:21px;letter-spacing:0.5px;">
432                                            ITB TIENE RECURSOS PARA AYUDARTE <br> A TENER &Eacute;XITO
433                                        </p>
434                                        <div id="botton-container" class="botton-container mt-5">
435                                            <div class="row">
436                                                <div class="col-md-6">
437                                                    <a class="btn btn-naranja px-5 mx-1" href="#formInscripcionModal" data-bs-target="#formInscripcionModal" data-bs-toggle="modal" aria-label="Clic aquí para inscribirse">Inscribirme</a>
438                                                </div>
439                                                <div class="col-md-6">
440                                                    <a class="btn btn-verde px-5 mx-1" href="https://itb.edu.ec/Oferta_academica" aria-label="Clic aquí para ver los programas">Programas</a>
441                                                </div>
442                                            </div>
443                                        </div>
444                                    </div>
445                                    <div class="col-12 col-md-5 col-lg-6 pt-5">
446                                        <div class="btn-inscribete">
447                                            <a href="#formInscripcionModal" data-bs-target="#formInscripcionModal" data-bs-toggle="modal">
448                                                <i class="fas fa-arrow-right text-white"></i> Inscribete Ya!
449                                            </a>
450                                        </div>
451                                    </div>
452                                </div>
453                            </div>
454                        </div>
455                    </div>
456                                                                                                            <div class="swiper-slide only-image">
457                                        <img class="d-none d-sm-none d-md-block bg lazyload" data-src="https://itb.edu.ec/recursos/img/sli
457der/1783445513_9d75291574804309a8c8.jpeg" alt="Imagen 2">
458                                        <img class="d-block d-sm-block d-md-none bg lazyload" data-src="https://itb.edu.ec/recursos/img/slider/1783445513_0139165733ab352a23e7.jpeg" alt="Imagen 2, Mobile">
459                                        <div class="caption" style="background:transparent">
460                                        	<div class="container">
461                                            	<div class="row">
462                                                	<div class="col-12 col-md-7 col-lg-6 pe-5 d-flex flex-column justify-content-center align-items-start">
463                                                    	<div class="outer">
464                                                        	<div class="inner">
465                                                            	<h1 class="section-heading text-start p-0 heading-style"><span class="text-white">&nbsp;</span></h1>
466                                                        	</div>
467                                                    	</div>
468                                                                                                    	</div>
469                                            	</div>
470                                        	</div>
471                                    	</div>
472                                    </div>
473                            
474                                                                                                                                    <div class="swiper-slide only-image">
475                                        <img class="d-none d-sm-none d-md-block bg lazyload" data-src="https://itb.edu.ec/recursos/img/slider/1782161050_4ea9c0b51b083dbcfc08.jpg" alt="Imagen 2">
476                                        <img class="d-block d-sm-block d-md-none bg lazyload" data-src="https://itb.edu.ec/recursos/img/slider/1782161050_a891b084eec3246867e3.jpg" alt="Imagen 2, Mobile">
477                                        <div class="caption" style="background:transparent">
478                                        	<div class="container">
479                                            	<div class="row">
480                                                	<div class="col-12 col-md-7 col-lg-6 pe-5 d-flex flex-column justify-content-center align-items-start">
481                                                    	<div class="outer">
482                                                        	<div class="inner">
483                                                            	<h1 class="section-heading text-start p-0 heading-style"><span class="text-white">&nbsp;</span></h1>
484                                                        	</div>
485                                                    	</div>
486                                                                                                        	<div id="botton-container" class="botton-container mt-5">
487                                                        	<div class="row">
488                                                            	<div class="col-md-12">
489                                                                	<a class="btn btn-naranja px-5 mx-1" target="_blank" href="https://uebolivariana.edu.ec/">Conoce la UNIEBEC</a>
490                                                            	</div>
491                                                        	</div>
492                                                    	</div>
493                                                                                                    	</div>
494                                            	</div>
495                                        	</div>
496                                    	</div>
497                                    </div>
498                            
499                                                                                                                                                                                                                                            </div>
500            </div>
501
502            <form id="frmInscriptModal" class="needs-validation" method="POST" autocomplete="off">
503                <div class="modal fade" id="formInscripcionModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="formInscripcionModalLabel" aria-hidden="true">
504                    <div class="modal-dialog modal-dialog-centered">
505                        <div class="modal-content">
506                            <div class="modal-header border-bottom-0 px-md-4 py-3">
507                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
508                                <h2 class="p-0 text-center">ADMISIONES</h2>
509                                <p class="p-0">Llena el formulario a continuaci&oacute;
509n y nos pondremos en contacto lo m&aacute;s pronto posible.</p>
510                                <div class="progress" style="height:2px;">
511                                    <div id="bar-inscript" class="progress-bar bg-naranja" role="progressbar" style="width:30%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
512                                </div>
513                            </div>
514                            <div class="modal-body px-md-4 py-md-3">
515                                <div class="alert alert-secondary d-none" role="alert" id="alertErrorDefault">
516                                    <strong><i class="fa fa-globe"></i></strong> Error inesperado, int&eacute;ntelo m&aacute;s tarde...
517                                </div>
518                                <div class="alert alert-danger d-none" role="alert" id="alertFormError">
519                                    <a class="text-danger text-decoration-none" data-bs-toggle="collapse" href="#collapseAlertError" role="button" aria-expanded="false" aria-controls="collapseAlertError">
520                                        <span><i class="fa fa-exclamation-triangle text-danger"></i></span> Error! En uno o m&aacute;s campos <i class="fa fa-arrow-down text-danger"></i>
521                                    </a>
522                                    <div class="collapse" id="collapseAlertError">
523                                        <ul class="list-group list-group-flush bg-transparent" id="litaAlertaErrores">
524                                            <li class="list-group-item bg-transparent p-0 m-0">...</li>
525                                        </ul>
526                                    </div>
527                                </div>
528
529                                <ul class="nav nav-pills nav-fill mb-3 d-none" id="inicio-inscripcion-tab" role="tablist">
530                                    <li class="nav-item" role="presentation">
531                                        <button class="nav-link active"
532                                                id="pills-personal-tab"
533                                                data-bs-toggle="pill"
534                                                data-bs-target="#pills-personal"
535                                                data-bs-percent="1"
536                                                type="button"
537                                                role="tab"
538                                                aria-controls="pills-personal"
539                                                aria-selected="true">Personales</button>
540                                    </li>
541                                    <li class="nav-item" role="presentation">
542                                        <button class="nav-link"
543                                                id="pills-oferta-tab"
544                                                data-bs-toggle="pill"
545                                                data-bs-target="#pills-oferta"
546                                                data-bs-percent="2"
547                                                type="button"
548                                                role="tab"
549                                                aria-controls="pills-oferta"
550                                                aria-selected="false">Contacto</button>
551                                    </li>
552                                    <li class="nav-item" role="presentation">
553                                        <button class="nav-link"
554                                                id="pills-carrera-tab"
555                                                data-bs-toggle="pill"
556                                                data-bs-target="#pills-carrera"
557                                                data-bs-percent="3"
558                                                type="button"
559                                                role="tab"
560                                                aria-controls="pills-carrera"
561                                                aria-selected="false">Estudios</button>
562                                    </li>
563                                </ul>
564
565                                <div class="tab-content" id="pills-tabContent">
566                                    <div class="tab-pane fade show active" id="pills-personal" role="tabpanel" aria-labelledby="pills-personal-tab" tabindex="0">
567                                        <div class="row">
568                                            <h6 class="text-white text-center text-uppercase">Datos personales</h6>
569                                            <div class="col-6">
570                                                <div class="text-start mt-2">
571                                                    <div class="form-check form-switch">
572                                                        <input type="hidden" name="pasaporte" value="
5720">
573                                                        <input class="form-check-input cursor-pointer" type="checkbox" role="switch" id="pasaporte" name="pasaporte" value="1">
574                                                        <label class="form-check-label text-white cursor-pointer" data-tab="0" for="pasaporte" id="lblPasaporte">C&eacute;dula</label>
575                                                    </div>
576                                                    <input type="text" required id="cedula" name="dni" data-tab="0" minlength="9" maxlength="40" onkeypress="return soloNumero(event,'pasaporte')" class = "form-control form-control-sm rounded-0" placeholder = "Identificación *">
577                                                </div>
578                                            </div>
579                                            <div class="col-6 mt-1">
580                                                <div class="text-start">
581                                                    <label for = "telefono" class="form-label text-white">Tel&eacute;fono * :</label>
582                                                    <input type = "tel" required id = "telefono" name = "cell" data-tab = "0" class = "form-control form-control-sm rounded-0" maxlength="13" placeholder="0989999999 *">
583                                                </div>
584                                            </div>
585                                            <div class="col-6 mt-2">
586                                                <div class="text-start">
587                                                    <label for="nombre" class="form-label text-white">Nombres:</label>
588                                                    <input type="text" required id="nombre" name="nombre" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0" placeholder="Primer nombre *">
589                                                </div>
590                                            </div>
591                                            <div class="col-6 mt-2">
592                                                <div class="text-start">
593                                                    <label for="nombre2" class="form-label text-white">&nbsp;</label>
594                                                    <input type="text" id="nombre2" name="nombre2" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0" placeholder="Segundo nombre">
595                                                </div>
596                                            </div>
597                                            <div class="col-6 mt-2">
598                                                <div class="text-start">
599                                                    <label for="paterno" class="form-label text-white">Apellidos:</label>
600                                                    <input type="text" required id="paterno" name="apellidop" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0"
601                                                           placeholder="Apellido paterno *">
602                                                </div>
603                                            </div>
604                                            <div class="col-6 mt-2">
605                                                <div class="text-start">
606                                                    <label for="materno" class="form-label text-white">&nbsp;</label>
607                                                    <input type="text" id="materno" name="apellidom" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0" placeholder="Apellido materno">
608                                                </div>
609                                            </div>
610                                            <div class="col-6 mt-2">
611                                                <div class="text-start">
612                                                    <label for="sexo" class="form-label text-white"> G&eacute;nero * :</label>
613                                                    <select data-tab="0" class="form-select form-select-sm rounded-0" required id="sexo" name="sexo" aria-label="Seleccione">
614                                                        <option selected = "">Seleccione un g&eacute;nero</option>
615                                                        <option value = "f"> Femenino </option>
616                                                        <option value = "m"> Masculino </option>
617                                                        <option value = "o"> Otro </option>
618                                                    </select>
619                                                </div>
620                                            </div>
621                                            <div class="col-6 mt-2">
622                                                <div class="text-start">
623                                                    <label for="fecha" class="form-label text-white">Fecha de nacimiento * :</label>
624                                                    <input type="date" id="fecha" name="fecha" required data-tab="0" maxlength="10" minlength="10" class="form-control form-control-sm rounded-0" placeholder="Fecha de nacimiento *">
625                                                </div>
626                                            </div>
627                                            <div class="col-6 mt-2">
628                                                <div class="text-start">
629                                                    <label for="email" class="form-label text-white">Email * :</label>
630                                                    <input type="email" id="email" name="email" required data-tab="0" class="form-control form-control-sm rounded-0" placeholder="[email protected] *">
631                                                </div>
632                                            </div>
633                                            <div class="col-6 mt-2">
634                                                <input type="hidden" name="action" value="addIscipcion">
635                                                <div class="text-start">
636                                                    <label for="email" class="form-label text-white">Convencional:</label>
637                                                    <div class="input-group input-group-sm mb-3">
638                                                        <select class="form-select col-4" id="codigoarea" name="codigoarea" onchange="getCodigo(this)">
639                                                            <option value="07">El Oro|Azuay|Ca&ntilde;ar|Loja|Morona Santiago|Zamora</option>
640                                                            <option value="06">Esmeraldas|Carchi|Imbabura|Sucumb&iacute;os|Orellana|Napo</option>
641                                                            <option value="05">Gal&aacute;pagos|Manab&iacute;|Los R&iacute;os</option>
642                                                            <option value="04" selected="">Guayas|Sta. Elena</option>
643                                                            <option value="02">Pichincha|Sto. Domingo</option>
644                                                            <option value="03">Tungurahua|Cotopaxi|Chimborazo|Bolívar|Pastaza</option>
645                                                        </select>
646                                                        <span class="input-group-text" id="lblCodigo">04</span>
647                                                        <input type="text" class="form-control" id="convencional" name="telefono" aria-label="Convencional">
648                                                    </div>
649                                                </div>
650                                            </div>
651                                        </div>
652                                    </div>
653
654                                    <div class="tab-pane fade" id="pills-oferta" role="tabpanel" aria-labelledby="pills-oferta-tab" tabindex="0">
655                                        <div class="row">
656                                            <h6 class="text-white text-center text-uppercase">¿Que deseas estudiar?</h6>
657                                            <div class="col-md-12 mt-2">
658                                                <div class="text-start">
659                                                    <label for="carrera_id" class="form-label text-white"> Carrera * :</label>
660                                                    <select id="carrera_id" name="carrera_id" class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7" onchange="loadModalidaCarrera(this.value)" required>
661                                                        <option value="">Seleccione una carrera</option>
662                                                    </select>
663                                                </div>
664                                            </div>
665                                            <div class="col-md-12 mt-2">
666                                                <div class="text-start">
667                                                    <label for="modalidad_id" class="form-label text-white"> Modalidad * :</label>
668                                                    <select data-tab="1" required onchange="loadHorarios(this)" class="form-select form-select-sm rounded-0" id="modalidad_id" name="modalidad_id" aria-label="Seleccione">
669                                                        <option selected value="">Seleccione una modalidad</option>
670                                                    </select>
671                                                </div>
672                                            </div>
673                                            <div class="col-md-12 mt-2">
674                                                <div class="text-start">
675                                                    <label for="horario_id" class="form-label text-white"> Horarios * :</label>
676                                                    <select data-tab="1" class="form-select form-select-sm rounded-0" id="horario_id" name="horario_id" aria-label="Seleccione">
677                                                        <option selected value="">Seleccione un horario</option>
678                                                    </select>
679                                                    <small class="form-text text-white d-none" id="infoHorario">
680                                                        Su pre-inscripci&oacute;n quedar&aacute; pendiente. Un asesor lo contactar&aacute; para asignar un horario.
681                                                    </small>
682                                                    <input type="hidden" name="codigohora" id="codigohora">
683                                                    <input type="hidden" name="pendiente_horario" id="pendiente_horario" value="">
684                                                </div>
685                                            </div>
686                                            <h6 class="text-white text-center text-uppercase mt-3">¿Donde estudiaste?</h6>
687                                            <div class="col-md-12 mt-2">
688                                                <div class="text-start">
689                                                    <label for="colegio_id" class="form-label text-white">
689  Colegio * :</label>
690                                                    <select id="colegio_id" name="colegio_id" required class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7">
691                                                        <option value="">Seleccione un colegio</option>
692                                                    </select>
693                                                </div>
694                                            </div>
695                                            <div class="col-md-12 mt-2">
696                                                <div class="text-start">
697                                                    <label for="especialidad_id" class="form-label text-white">  Especialidad * :</label>
698                                                    <select id="especialidad_id" name="especializacion_id" required class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7">
699                                                        <option value="">Seleccione una especialidad</option>
700                                                    </select>
701                                                </div>
702                                            </div>
703                                        </div>
704                                    </div>
705
706                                    <div class="tab-pane fade" id="pills-carrera" role="tabpanel" aria-labelledby="pills-carrera-tab" tabindex="0">
707                                        <div class="row">
708                                            <h6 class="text-white text-center text-uppercase">Datos de Contacto</h6>
709                                            <div class="col-md-12 mt-2">
710                                                <div class="text-start">
711                                                    <label for="ciudad_id" class="form-label text-white">  Ciudad * :</label>
712                                                    <select id="ciudad_id" name="canton_id" required class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7" onchange="getParroquia(this)">
713                                                        <option value="">Seleccione una ciudad</option>
714                                                    </select>
715                                                </div>
716                                            </div>
717                                            <div class="col-md-12 mt-2">
718                                                <div class="text-start">
719                                                    <label for="parroquia_id" class="form-label text-white"> Parroquia * :</label>
720                                                    <select id="parroquia_id" name="parroquia_id" required class="form-select form-select-sm rounded-0">
721                                                        <option value="">Seleccione una parroquia</option>
722                                                    </select>
723                                                </div>
724                                            </div>
725
726                                            <div class="col-md-6 mt-2">
727                                                <div class="text-start">
728                                                    <label for="zona_id" class="form-label text-white"> Zona * :</label>
729                                                    <select id="zona_id" name="zona_id" required class="form-select form-select-sm rounded-0">
730                                                        <option value="">Seleccione una zona</option>
731                                                                                                                    <option class="texto" value="1">Norte</option>
732                                                                                                                    <option class="texto" value="2">Sur</option>
733                                                                                                                    <option class="texto" value="3">Centro</option>
734                                                                                                                    <option class="texto" value="4">Este</option>
735                                                                                                                    <option class="texto" value="5">Oeste</option>
736                                                                                                                    <option class="texto" value="6">Insular</option>
737                                                                                                            </select>
738                                                </div>
739                                            </div>
740                                            <div class="col-md-6 mt-2">
741                                                <div class="text-start">
742                                                    <label for="ncasas" class="form-label text-white">N&deg; de casa</label>
743                                                    <input type="text"
744                                                           id="ncasas"
745                                                           name="ncasas"
746                                                           data-tab="2"
747                                                           maxlength="8"
748                                                           class="form-control form-control-sm rounded-0"
749                                                           placeholder="Número de casa">
750                                                </div>
751                                            </div>
752                                            <div class="col-md-12 mt-2">
753                                                <div class="text-start">
754                                                    <label for = "calle1" class="form-label text-white">Calles:</label>
755                                                    <input type = "text"
756                                                           id = "calle1"
757                                                           name = "calle1"
758                                                           data-tab = "2"
759                                                           class = "form-control form-control-sm rounded-0"
760                                                           placeholder = "Calle principal">
761                                                </div>
762                                            </div>
763                                            <div class="col-md-12">
764                                                <div class="text-start">
765                                                    <label for="calle2" class="form-label">&nbsp;</label>
766                                                    <input type="text"
767                                                           id="calle2"
768                                                           name="calle2"
769                                                           data-tab="2"
770                                                           class="form-control form-control-sm rounded-0"
771                                                           placeholder="Calle secundaria">
772                                                </div>
773                                            </div>
774                                            <div class="col-md-12 mt-2">
775                                                <div class="text-start">
776                                                    <label for="opcion_id" class="form-label text-white" id="lblPregunta">¿Por qu&eacute; medio llegaste a nuestro sitio web?</label>
777                                                    <select required id="opcion_id" name="opcion_id" data-tab="2" class="selectpicker form-control form-control-sm rounded-0" aria-label="Seleccione" data-live-search="false" data-size="7">
778                                                        <option selected value=""> Seleccione </option>
779                                                    </select>
780                                                </div>
781                                            </div>
782                                        </div>
783                                    </div>
784                                </div>
785                            </div>
786                            <div class="modal-footer" id="contentFooter">
787                                <div class="progress d-none mx-3" id="bar-save-modal">
788                                    <div class="progress-bar progress-bar-striped progress-bar-animated bg-naranja"
789                                         role="progressbar"
790                                         aria-label="Progreso de guardado"
791                                         aria-valuenow="25"
792                                         aria-valuemin="0"
793                                         aria-valuemax="100"
794                                         style="width:20%">20%</div>
795                                </div>
796                                <div class="d-flex justify-content-end align-items-center gap-1" id="contentBtns">
797                                    <button type="button"
798                                            id="btn-back"
799                                            class="btn btn-naranja d-none"
800                                            onclick="nextTab('-','inicio-inscripcion-tab')">
801                                        <i class="fa-solid fa-arrow-left text-white"></i>&nbsp;Anterior
802                                    </button>
803                                    <div>
804                                        <button type="button"
805                                                id="btn-next"
806                                                class="btn btn-naranja"
807                                                onclick="nextTab('+','inicio-inscripcion-tab')">
808                                            Siguiente&nbsp; <i class="fa-solid fa-arrow-right text-white"></i>
809                                        </button>
810                                        <button type="button"
811                                                onclick="SaveForm();"
812                                                id="btn-finish"
813                                                class="btn btn-naranja d-none">
814                                            Finalizar&nbsp; <i class="fa-solid fa-paper-plane text-white"></i>
815                                        </button>
816                                    </div>
817                                </div>
818                            </div>
819                        </div>
820                    </div>
821                </div>
822            </form>
823
824            <div class="container-fluid pb-4 img-bgfoerta" data-bg-image="https://itb.edu.ec/statics/imagenes/main/texturaFondo.jpg" data-repeat="true">
825                <div class="container-fluid" id="mostrarmas">
826                    <div class="row d-flex justify-content-center py-5">
827                        <div class="col-md-12">
828                            <div class="container">
829                                <h1 id="titleoferta" class="titulo-seccion anim texto" data-animate="fadeIn" >¿Ya sabes qu&eacute; carrera quieres?</h1>
830                                <h4 id="subtitleoferta" class="anim subtitulo-seccion texto" data-animate="fadeIn">
830Explora las opciones disponibles.</h4>
831                                <div class="input-group searchofertas my-4" style="width:300px;" aria-label="Clic aquí para buscar">
832                                    <span class="input-group-text"> <i class="fas fa-search"></i> </span>
833                                    <input type="text" id="inpsrchome" class="form-control" placeholder="Buscar...">
834                                </div>
835                            </div>
836                        </div>
837                        <div id="contentSrcOfertas" class="my-3 d-none">
838                            <div class="row" id="ofertalista">
839                                <div class="col-sm-12">
840                                    <div class="progress">
841                                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%">Buscando...</div>
842                                    </div>
843                                </div>
844                            </div>
845                        </div>
846                        <div id="ofertasGrupo" class="heading">
847                            <div class="box-container swiper-wrapper">
848
849                                <div class="box-item swiper-slide">
850                                    <div class="card bg-dark text-white rounded-0 border-0">
851                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/valida.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
852                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
853                                            <h5 class="card-title text-center">&nbsp;</h5>
854                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> ITB Valida</h5>
855                                            <p class="card-title text-center fs-6 texto">
856                                                Una oportunidad &uacute;nica de impactar positivamente en la vida de las
857                                                personas, mejorando su bienestar f&iacute;sico, mental y social.</p>
858                                            <p class="card-text text-end">
859                                                <a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/15" aria-label="Clic para ver todas las carreras">Ver todas las carreras</a>
860                                            </p>
861                                        </div>
862                                    </div>
863                                </div>
864
865                                <div class="box-item swiper-slide">
866                                    <div class="card bg-dark text-white rounded-0 border-0">
867                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/economia.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
868                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
869                                            <h5 class="card-title text-center">&nbsp;</h5>
870                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Ciencias Econ&oacute;micas y Empresariales</h5>
871                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/14" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
872                                        </div>
873                                    </div>
874                                </div>
875
876                                <div class="box-item swiper-slide">
877                                    <div class="card bg-dark text-white rounded-0 border-0">
878                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/online.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
879                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
880                                            <h5 class="card-title text-center">&nbsp;</h5>
881                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Online</h5>
882                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/12" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
883                                        </div>
884                                    </div>
885                                </div>
886
887                                <div class="box-item swiper-slide">
888                                    <div class="card bg-dark text-white rounded-0 border-0">
889                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/salud.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
890                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
891                                            <h5 class="card-title text-center">&nbsp;</h5>
892                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Salud y Servicios Sociales</h5>
893                                            <p class="card-text text-end "><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/16" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
894                                        </div>
895                                    </div>
896                                </div>
897
898                                <div class="box-item swiper-slide">
899                                    <div class="card bg-dark text-white rounded-0 border-0">
900                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/transporte.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
901                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
902                                            <h5 class="card-title text-center">&nbsp;</h5>
903                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Transporte y Vialidad</h5>
904                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/13" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
905                                        </div>
906                                    </div>
907                                </div>
908
909                                <div class="box-item swiper-slide">
910                                    <div class="card bg-dark text-white rounded-0 border-0">
911                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/universidad.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
912                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
913                                            <h5 class="card-title text-center">&nbsp;</h5>
914                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Universitaria</h5>
915                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/17" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
916                                        </div>
917                                    </div>
918                                </div>
919
920                                <div class="box-item swiper-slide">
921                                    <div class="card bg-dark text-white rounded-0 border-0">
922                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/conduce.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
923                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
924                                            <h5 class="card-title text-center">&nbsp;</h5>
925                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Escuela de Conducci&oacute;n</h5>
926                                            <p class="card-text text-end"><a class="custom-link" target="_blank" href="https://conducecuador.itb.edu.ec/" aria-label="Clic para ir al sitio">Ver carreras</a></p>
927                                        </div>
928                                    </div>
929                                </div>
930
931                            </div>
932                        </div>
933                    </div>
934                </div>
935            </div>
936            <div class="container-fluid mt-1 py-5 img-container-mapa img-loader-bg" id="ofertashorarios" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bgmapa.jpeg">
937                <div class="container">
938                    <div class="row align-items-center">
939                        <div class="col-lg-6 col-md-9 col-12">
940                            <div class="gentle-card p-4 p-md-5 wow animate__animated animate__fadeIn">
941                                <div class="d-flex align-items-center mb-3">
942                                    <div class="icon-circle me-3">
943                                        <i class="fas fa-street-view text-white"></i>
944                                    </div>
945                                    <span class="text-white fw-bold text-uppercase small letter-spacing-1">Experiencia 360°</span>
946                                </div>
947                                <h3 class="display-6 mb-3 text-white">¿Te gustaría conocer nuestro instituto?</h3>
948                                <p class="mb-4 fs-5 text-white">
949                                    Te invitamos a vivir una experiencia única recorriendo nuestras modernas instalaciones desde la comodidad de tu hogar.
950                                </p>
951                                <a href="https://mapa360.itb.edu.ec" class="btn btn-gentle-naranja px-5 py-3 rounded-pill" target="_blank">
952                                    Explorar ahora <i class="fas fa-chevron-right ms-2 text-white"></i>
953                                </a>
954                            </div>
955                        </div>
956                    </div>
957                </div>
958            </div>
959            <style>
960                .img-container-mapa {
961                    position: relative;
962                    display: flex;
963                    align-items: center;
964                    min-height: 500px;
965                    background-size: cover;
966                    background-position: center;
967                    overflow: hidden;
968                    border-top: 1px solid rgba(255,255,255,0.1);
969                }
970
971                .img-container-mapa::before {
972                    content: "";
973                    position: absolute;
974                    inset: 0;
975                    background: linear-gradient(90deg, 
976                        rgba(0, 0, 0, 0.75) 0%, 
977                        rgba(0, 0, 0, 0.4) 50%, 
978                        rgba(0, 0, 0, 0.1) 100%);
979                    z-index: 1;
980                }
981
982                .img-container-mapa .container {
983                    position: relative;
984                    z-index: 2;
985                }
986
987                /* Tarjeta Glassmorphism Puro */
988                .gentle-card {
989                    background: transparent;
990                    backdrop-filter: blur(15px);
991                    -webkit-backdrop-filter: blur(15px);
992                    border-radius: 35px;
993                    border: 1px solid rgba(255, 255, 255, 0.15);
994                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
995                    transition: all 0.4s ease;
996                }
997                
998                .gentle-card:hover {
999                    border-color: rgba(255, 255, 255, 0.3);
1000                }
1001
1002                .icon-circle {
1003                    width: 50px;
1004                    height: 50px;
1005                    background: var(--naranja);
1006                    color: white;
1007                    border-radius: 15px; /* Un poco menos redondeado para ser gentil pero moderno */
1008                    display: flex;
1009                    align-items: center;
1010                    justify-content: center;
1011                    font-size: 1.4rem;
1012                    box-shadow: 0 5px 15px rgba(233, 78, 27, 0.3);
1013                }
1014
1015                .gentle-card h3 {
1016                    font-family: "Oswald-Medium", sans-serif;
1017                    font-weight: 500;
1018                    color: white !important;
1019                    text-shadow: 2px 2px 15px rgba(0,0,0,0.6);
1020                }
1021
1022                .gentle-card p {
1023                    font-family: "Gotham-Book", sans-serif;
1024                    color: white !important;
1025                    line-height: 1.6;
1026                    text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
1027                }
1028
1029                /* Botón Ajustado */
1030                .btn-gentle-naranja {
1031                    background: var(--naranja);
1032                    color: white !important;
1033                    font-family: "Oswald-Medium", sans-serif;
1034                    text-transform: uppercase;
1035                    letter-spacing: 0.5px;
1036                    font-size: 0.95rem;
1037                    border: none;
1038                    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
1039                    transition: all 0.3s ease;
1040                }
1041
1042                .btn-gentle-naranja:hover {
1043                    background: #d64115;
1044                    transform: scale(1.05);
1045                    box-shadow: 0 12px 20px rgba(233, 78, 27, 0.3);
1046                    color: white !important;
1047                }
1048
1049                @media (max-width: 767.98px) {
1050                    .img-container-mapa {
1051                        min-height: 450px;
1052                        padding: 20px 0;
1053                    }
1054                    .gentle-card {
1055                        border-radius: 25px;
1056                        text-align: center;
1057                    }
1058                    .gentle-card .d-flex {
1059                        justify-content: center;
1060                    }
1061                    .gentle-card h3 {
1062                        font-size: 1.7rem;
1063                    }
1064                    .gentle-card p {
1065                        font-size: 1rem !important;
1066                    }
1067                    .btn-gentle-naranja {
1068                        width: 100%;
1069                    }
1070                }
1071            </style>
1072
1073            <div class="container-fluid pb-3 pt-5" id="beneficioscontainer">
1074                <div class="container mb-3">
1075                    <div class="row mx-0">
1076                        <div class="col-lg-5 px-0 anim beneficios-img" data-animate="fadeInRight">
1077                            <img data-src="https://itb.edu.ec/statics/imagenes/main/beneficiosfondo.jpg" class="h-100 w-100 img-fluid lazyload img-beneficios" alt="Bg beneficios">
1078                        </div>
1079                        <div class="col-lg-7 beneficios-items d-flex flex-column justify-content-between">
1080
1081                            <div class="beneficio-top mt-3 mt-lg-0">
1082                                <h3 class="text-center mb-3">
1083                                    <span class="items-titulo texto"> Modalidad presencial, online e h&iacute;brida </span>
1084                                </h3>
1085                                <div class="row">
1086                                    <div class="col-sm-12 col-md-6">
1087                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1088                                            <div class="flex-shrink-0" style="background:#1d93d1;">
1089                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/1.png" class="img-fluid lazyload" alt="Serv. Medicos">
1090                                            </div>
1091                                            <div class="flex-grow-1 ms-3">
1092                                                <h6 class="texto" style="color:#1d93d1">Servicios m&eacute;dicos gratuitos.</h6>
1093                                                <p class="texto">
1094                                                    Atención médica gratuita en: podología, rehabilitación física, psicología, medicina deportiva y medicina general.
1095                                                </p>
1096                                            </div>
1097                                        </div>
1098                                    </div>
1099                                    <div class="col-sm-12 col-md-6">
1100                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1101                                            <div class="flex-shrink-0" style="background:#0d437f;">
1102                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/4.png" class="img-fluid lazyload" alt="Imge 1">
1103                                            </div>
1104                                            <div class="flex-grow-1 ms-3 texto">
1105                                                <h6 style="color:#0d437f">ITB GYM en guayaquil.</h6>
1106                                                <p>Membresía gratuita por 3 meses, a los nuevos estudiantes.</p>
1107                                            </div>
1108                                        </div>
1109                                    </div>
1110                                    <div class="col-sm-12 col-md-6">
1111                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1112                                            <div class="flex-shrink-0" style="background:#e57312;">
1113                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/2.png" class="img-fluid lazyload" alt="Pintas gratis">
1114                                            </div>
1115                                            <div class="flex-grow-1 ms-3 texto">
1116                                                <h6 style="color:#e57312;">Pintas de sangre gratuitas</h6>
1117                                                <p>Cuenta con nuestra ayuda en tus momentos difíciles.</p>
1118                                            </div>
1119                                        </div>
1120                                    </div>
1121                                    <div class="col-sm-12 col-md-6">
1122                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1123                                            <div class="flex-shrink-0" style="background:#52a539">
1124                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/5.png" class="img-fluid lazyload" alt="Bacas imge 1">
1125                                            </div>
1126                                            <div class="flex-grow-1 ms-3 texto">
1127                                                <h6 style="color:#52a539">Becas y ayudas financieras.</h6>
1128                                                <p>Que la falta de dinero no sea un impedimento.</p>
1129                                            </div>
1130                                        </div>
1131                                    </div>
1132                                    <div class="col-sm-12 col-md-6">
1133                                        <div class="d-flex align-items-center items-beneficios1 mb-1 anim" data-animate="fadeInRight">
1134                                            <div class="flex-shrink-0" style="background:#e25d9e;">
1135                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/3.png" class="img-fluid lazyload" alt="Img Medico">
1136                                            </div>
1137                                            <div class="flex-grow-1 ms-3 texto">
1138                                                <h6 style="color:#e25d9e">ITB SPA en Guayaquil.</h6>
1139                                                <p>Como estudiante tienes un 20% de descuento en tratamientos faciales y corporales.</p>
1140                                            </div>
1141                                        </div>
1142                                    </div>
1143                                </div>
1144                            </div>
1145
1146                            <div class="beneficio-bottom mt-3 mt-lg-0">
1147                                <h3 style="height:1px" class="text-center">
1148                                    <span class="green-tittle texto">Modalidad presencial</span>
1149                                </h3>
1150                                <div class="row">
1151                                    <div class="col-sm-12 col-md-4">
1152                                        <div class="d-flex align-items-center items-beneficios anim" data-animate="fadeInRight">
1153                                            <div class="flex-shrink-0" style="background:var(--naranja);">
1154                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/6.png" class="img-fluid lazyload" alt="Imge 1">
1155                                            </div>
1156                                            <div class="flex-grow-1 ms-3 texto">
1157                                                <h6>Exámenes Médicos Gratuitos</h6>
1158                                            </div>
1159                                        </div>
1160                                    </div>
1161                                    <div class="col-sm-12 col-md-4">
1162                                        <div class="d-flex align-items-center items-beneficios anim" data-animate="fadeInRight">
1163                                            <div class="flex-shrink-0" style="background:var(--azul);">
1164                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/7.png" class="img-fluid lazyload" alt="Imge 2">
1165                                            </div>
1166                                            <div class="flex-grow-1 ms-3 texto">
1167                                                <h6 style="color:var(--azul)">Becas / Ayudas financieras a deportistas.</h6>
1168                                            </div>
1169                                        </div>
1170                                    </div>
1171                                    <div class="col-sm-12 col-md-4">
1172                                        <div class="d-flex align-items-center items-beneficios anim" data-animate="fadeInRight">
1173                                            <div class="flex-shrink-0" style="background:#1d93d1">
1174                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/8.png" class="img-fluid lazyload" alt="Imge 3">
1175                                            </div>
1176                                            <div class="flex-grow-1 ms-3 texto">
1177                                                <h6 style="color:#1d93d1">Becas por ser parte del grupo de Arte y Cultura.</h6>
1178                                            </div>
1179                                        </div>
1180                                    </div>
1181                                </div>
1182                            </div>
1183
1184                        </div>
1185                    </div>
1186                </div>
1187            </div>
1188
1189            <div class="container-fluid mt-1 py-5 img-container2 img-loader-bg" id="ofertashorarios" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-horarios.jpg">
1190                <div class="container">
1191                    <div class="row">
1192                        <div class="offset-md-6 offset-lg-6 col-md-6">
1193                            <div id="cont-horarios">
1194                                <h1 class="titulo-seccion mb-3 text-center texto">Horarios</h1>
1195                                <div id="carouselHorariosCaptions" class="carousel slide" data-bs-touch="false">
1196                                    <div class="carousel-inner">
1197                                                                                <div class="carousel-item  active ">
1198                                            <div class="card border-0 bg-transparent">
1199                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1200                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior Universitaria en Podología</h5>
1201                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1202                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1203                                                                                                                    <p class="card-text texto"> <strong>NOCTURNO :</strong> Lunes a Viernes 18:30 A 22:00 </p>
1204                                                                                                                                                                <p class="text-center">
1205                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1205inscribirse"> Inscribirme </a>
1206                                                    </p>
1207                                                </div>
1208                                            </div>
1209                                        </div>
1210                                                                                <div class="carousel-item ">
1211                                            <div class="card border-0 bg-transparent">
1212                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1213                                                        <h5 class="card-title mb-3 texto fw-bold">Guía Nacional de Turismo</h5>
1214                                                                                                            <h6 class="card-subtitle mb-2 texto">ONLINE</h6>
1215                                                                                                                    <p class="card-text texto"> <strong>Nocturno (lunes a viernes) :</strong> 18H00 a 22H00 </p>
1216                                                                                                                                                                <p class="text-center">
1217                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1218                                                    </p>
1219                                                </div>
1220                                            </div>
1221                                        </div>
1222                                                                                <div class="carousel-item ">
1223                                            <div class="card border-0 bg-transparent">
1224                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1225                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Laboratorio Clínico</h5>
1226                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1227                                                                                                                    <p class="card-text texto"> <strong>Matutino (Lunes a Viernes) :</strong> 07H30 a 11H30 </p>
1228                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1229                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1230                                                                                                                                                                <p class="text-center">
1231                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1232                                                    </p>
1233                                                </div>
1234                                            </div>
1235                                        </div>
1236                                                                                <div class="carousel-item ">
1237                                            <div class="card border-0 bg-transparent">
1238                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1239                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior Universitaria en Gerontología</h5>
1240                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1241                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados de 08h00 - 18h00 y Domingos  de 08h00 - 14h00 </p>
1242                                                                                                                                                                <p class="text-center">
1243                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1243inscribirse"> Inscribirme </a>
1244                                                    </p>
1245                                                </div>
1246                                            </div>
1247                                        </div>
1248                                                                                <div class="carousel-item ">
1249                                            <div class="card border-0 bg-transparent">
1250                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1251                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Tricología y Cosmiatría</h5>
1252                                                                                                            <h6 class="card-subtitle mb-2 texto">Hibrida</h6>
1253                                                                                                                    <p class="card-text texto"> <strong>MATUTINO :</strong> Lunes a Viernes 07h30 A 11H30 </p>
1254                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1255                                                                                                                                                                <p class="text-center">
1256                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1257                                                    </p>
1258                                                </div>
1259                                            </div>
1260                                        </div>
1261                                                                                <div class="carousel-item ">
1262                                            <div class="card border-0 bg-transparent">
1263                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1264                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología en Planificación y Gestión de Transporte Terrestre</h5>
1265                                                                                                            <h6 class="card-subtitle mb-2 texto">Hibrida</h6>
1266                                                                                                                    <p class="card-text texto"> <strong>Nocturna :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1267                                                                                                                    <p class="card-text texto"> <strong>FINES DE SEMANA :</strong> SABADOS Y DOMINGOS </p>
1268                                                                                                                                                                <p class="text-center">
1269                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1270                                                    </p>
1271                                                </div>
1272                                            </div>
1273                                        </div>
1274                                                                                <div class="carousel-item ">
1275                                            <div class="card border-0 bg-transparent">
1276                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1277                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Administración</h5>
1278                                                                                                            <h6 class="card-subtitle mb-2 texto">SEMIPRESENCIAL</h6>
1279                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sabados y Domingos </p>
1280                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong> Lunes a Viernes 07H30 a 11H00 </p>
1281                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 07H30 a 11H00 </p>
1282                                                                                                                                                                    <h6 class="card-subtitle mb-2 texto">Online</h6>
1283                                                                                                                    <p class="card-text texto"> <strong>Nocturno - Lunes a viernes :</strong> 18H00 a 22H00 </p>
1284                                                                                                                                                                <p class="text-center">
1285                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1285inscribirse"> Inscribirme </a>
1286                                                    </p>
1287                                                </div>
1288                                            </div>
1289                                        </div>
1290                                                                                <div class="carousel-item ">
1291                                            <div class="card border-0 bg-transparent">
1292                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1293                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior Universitaria en Desarrollo de Software</h5>
1294                                                                                                            <h6 class="card-subtitle mb-2 texto">Semipresencial</h6>
1295                                                                                                                    <p class="card-text texto"> <strong>Matutino (Lunes a Viernes) :</strong> 07H30 a 11H00 </p>
1296                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1297                                                                                                                                                                    <h6 class="card-subtitle mb-2 texto">Online</h6>
1298                                                                                                                    <p class="card-text texto"> <strong>Nocturno (Lunes a Viernes) :</strong> 18H00 a 22H00 </p>
1299                                                                                                                                                                <p class="text-center">
1300                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1301                                                    </p>
1302                                                </div>
1303                                            </div>
1304                                        </div>
1305                                                                                <div class="carousel-item ">
1306                                            <div class="card border-0 bg-transparent">
1307                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1308                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Rehabilitación Física</h5>
1309                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1310                                                                                                                    <p class="card-text texto"> <strong>FINES DE SEMANA :</strong> Sábados y Domingos </p>
1311                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong> Lunes a Viernes 07H30 a 11H30 </p>
1312                                                                                                                    <p class="card-text texto"> <strong>Nocturna :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1313                                                                                                                                                                <p class="text-center">
1314                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1315                                                    </p>
1316                                                </div>
1317                                            </div>
1318                                        </div>
1319                                                                                <div class="carousel-item ">
1320                                            <div class="card border-0 bg-transparent">
1321                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1322                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Optometría</h5>
1323                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1324                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18h30 a 22h00 </p>
1325                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1326                                                                                                                                                                <p class="text-center">
1327                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1327inscribirse"> Inscribirme </a>
1328                                                    </p>
1329                                                </div>
1330                                            </div>
1331                                        </div>
1332                                                                                <div class="carousel-item ">
1333                                            <div class="card border-0 bg-transparent">
1334                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1335                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Mecánica Automotriz</h5>
1336                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1337                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1338                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1339                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong> Lunes a Viernes 07H30 a 11H00 </p>
1340                                                                                                                                                                <p class="text-center">
1341                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1342                                                    </p>
1343                                                </div>
1344                                            </div>
1345                                        </div>
1346                                                                                <div class="carousel-item ">
1347                                            <div class="card border-0 bg-transparent">
1348                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1349                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Imagenología y Radiología</h5>
1350                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1351                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1352                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1353                                                                                                                    <p class="card-text texto"> <strong>Matutino (Lunes a Viernes) :</strong> 07H30 a 11H30 </p>
1354                                                                                                                                                                <p class="text-center">
1355                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1356                                                    </p>
1357                                                </div>
1358                                            </div>
1359                                        </div>
1360                                                                                <div class="carousel-item ">
1361                                            <div class="card border-0 bg-transparent">
1362                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1363                                                        <h5 class="card-title mb-3 texto fw-bold">Técnico Superior en Enfermería</h5>
1364                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1365                                                                                                                    <p class="card-text texto"> <strong>Nocturna  :</strong> Lunes a viernes 18H30 a 22H00 </p>
1366                                                                                                                    <p class="card-text texto"> <strong>Matutina  :</strong> Lunes a viernes 07H30 a 11H30 </p>
1367                                                                                                                    <p class="card-text texto"> <strong>Vespertina :</strong> Lunes a Viernes 14H00 a 18H00 </p>
1368                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> SABADOS Y DOMINGOS </p>
1369                                                                                                                                                                <p class="text-center">
1370                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1370inscribirse"> Inscribirme </a>
1371                                                    </p>
1372                                                </div>
1373                                            </div>
1374                                        </div>
1375                                                                                <div class="carousel-item ">
1376                                            <div class="card border-0 bg-transparent">
1377                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1378                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Emergencias Médicas</h5>
1379                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1380                                                                                                                    <p class="card-text texto"> <strong>Vespertina (Lunes a Viernes) :</strong> 14H00 a 18H00 </p>
1381                                                                                                                    <p class="card-text texto"> <strong>FINES DE SEMANA :</strong> Sábados Y Domingos </p>
1382                                                                                                                                                                <p class="text-center">
1383                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1384                                                    </p>
1385                                                </div>
1386                                            </div>
1387                                        </div>
1388                                                                                <div class="carousel-item ">
1389                                            <div class="card border-0 bg-transparent">
1390                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1391                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Gastronomía</h5>
1392                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1393                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong>  Lunes a Viernes 07H30 a 11H00 </p>
1394                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1395                                                                                                                                                                <p class="text-center">
1396                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1397                                                    </p>
1398                                                </div>
1399                                            </div>
1400                                        </div>
1401                                                                                <div class="carousel-item ">
1402                                            <div class="card border-0 bg-transparent">
1403                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1404                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Agroecología</h5>
1405                                                                                                            <h6 class="card-subtitle mb-2 texto">Híbrida</h6>
1406                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1407                                                                                                                                                                <p class="text-center">
1408                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1408inscribirse"> Inscribirme </a>
1409                                                    </p>
1410                                                </div>
1411                                            </div>
1412                                        </div>
1413                                                                                <div class="carousel-item ">
1414                                            <div class="card border-0 bg-transparent">
1415                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1416                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Electricidad</h5>
1417                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1418                                                                                                                    <p class="card-text texto"> <strong>Matutino - Lunes a Viernes :</strong> 07H30 – 11H00 </p>
1419                                                                                                                    <p class="card-text texto"> <strong>Nocturno - Lunes a Viernes :</strong> 18H30 – 22H00  </p>
1420                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana  :</strong> Sábados 08h00 a 18h00 y domingos  08h00 a 14H00 </p>
1421                                                                                                                                                                <p class="text-center">
1422                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1423                                                    </p>
1424                                                </div>
1425                                            </div>
1426                                        </div>
1427                                                                            </div>
1428                                    <div class="carousel-indicators">
1429                                                                                    <button type="button"
1430                                                    data-bs-target="#carouselHorariosCaptions"
1431                                                    data-bs-slide-to="0"
1432                                                    class=" active "
1433                                                     aria-current="true"                                                     aria-label="Slide 1"></button>
1434                                                                                    <button type="button"
1435                                                    data-bs-target="#carouselHorariosCaptions"
1436                                                    data-bs-slide-to="1"
1437                                                    class=""
1438                                                                                                        aria-label="Slide 2"></button>
1439                                                                                    <button type="button"
1440                                                    data-bs-target="#carouselHorariosCaptions"
1441                                                    data-bs-slide-to="2"
1442                                                    class=""
1443                                                                                                        aria-label="Slide 3"></button>
1444                                                                                    <button type="button"
1445                                                    data-bs-target="#carouselHorariosCaptions"
1446                                                    data-bs-slide-to="3"
1447                                                    class=""
1448                                                                                                        aria-label="Slide 4"></button>
1449                                                                                    <button type="button"
1450                                                    data-bs-target="#carouselHorariosCaptions"
1451                                                    data-bs-slide-to="4"
1452                                                    class=""
1453                                                                                                        aria-label="Slide 5"></button>
1454                                                                                    <button type="button"
1455                                                    data-bs-target="#carouselHorariosCaptions"
1456                                                    data-bs-slide-to="5"
1457                                                    class=""
1458                                                                                                        aria-label="Slide 6"></button>
1459                                                                                    <button type="button"
1460                                                    data-bs-target="#carouselHorariosCaptions"
1461                                                    data-bs-slide-to="6"
1462                                                    class=""
1463                                                                                                        aria-label="Slide 7"></button>
1464                                                                                    <button type="button"
1465                                                    data-bs-target="#carouselHorariosCaptions"
1466                                                    data-bs-slide-to="7"
1467                                                    class=""
1468                                                                                                        aria-label="Slide 8"></button>
1469                                                                                    <button type="button"
1470                                                    data-bs-target="#carouselHorariosCaptions"
1471                                                    data-bs-slide-to="8"
1472                                                    class=""
1473                                                                                                        aria-label="Slide 9"></button>
1474                                                                                    <button type="button"
1475                                                    data-bs-target="#carouselHorariosCaptions"
1476                                                    data-bs-slide-to="9"
1477                                                    class=""
1478                                                                                                        aria-label="Slide 10"></button>
1479                                                                                    <button type="button"
1480                                                    data-bs-target="#carouselHorariosCaptions"
1481                                                    data-bs-slide-to="10"
1482                                                    class=""
1483                                                                                                        aria-label="Slide 11"></button>
1484                                                                                    <button type="button"
1485                                                    data-bs-target="#carouselHorariosCaptions"
1486                                                    data-bs-slide-to="11"
1487                                                    class=""
1488                                                                                                        aria-label="Slide 12"></button>
1489                                                                                    <button type="button"
1490                                                    data-bs-target="#carouselHorariosCaptions"
1491                                                    data-bs-slide-to="12"
1492                                                    class=""
1493                                                                                                        aria-label="Slide 13"></button>
1494                                                                                    <button type="button"
1495                                                    data-bs-target="#carouselHorariosCaptions"
1496                                                    data-bs-slide-to="13"
1497                                                    class=""
1498                                                                                                        aria-label="Slide 14"></button>
1499                                                                                    <button type="button"
1500                                                    data-bs-target="#carouselHorariosCaptions"
1501                                                    data-bs-slide-to="14"
1502                                                    class=""
1503                                                                                                        aria-label="Slide 15"></button>
1504                                                                                    <button type="button"
1505                                                    data-bs-target="#carouselHorariosCaptions"
1506                                                    data-bs-slide-to="15"
1507                                                    class=""
1508                                                                                                        aria-label="Slide 16"></button>
1509                                                                                    <button type="button"
1510                                                    data-bs-target="#carouselHorariosCaptions"
1511                                                    data-bs-slide-to="16"
1512                                                    class=""
1513                                                                                                        aria-label="Slide 17"></button>
1514                                                                            </div>
1515                                </div>
1516                            </div>
1517                        </div>
1518                    </div>
1519                </div>
1520            </div>
1521
1522            <div class="container-fluid py-5 img-noticias" id="robotContenido" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-azul.jpg" data-repeat="true">
1523                <div class="container">
1524                    <div class="row">
1525                        <div class="cat">
1526                            <div class="cat-main">
1527                                <div class="info animate__animated animate__pulse animate__infinite"></div>
1528                                <a href="https://eva.itb.edu.ec/" class="portfolio-link">
1529                                    <div class="petal plataformas">
1530                                        <img src="https://itb.edu.ec/statics/imagenes/main/pcicono.png">
1531                                        <h6 class="text-white pt-2 texto">Plataformas</h6>
1532                                    </div>
1533                                </a>
1534                                <a href="https://play.google.com/store/apps/details?id=org.itb.sga&pcampaignid=web_share" class="contact-link">
1535                                    <div class="petal aplicaciones">
1536                                        <img src="https://itb.edu.ec/statics/imagenes/main/redesicono.png">
1537                                        <h6 class="text-white pt-2 texto">Aplicaciones</h6>
1538                                    </div>
1539                                </a>
1540                                <a href="https://conducecuador.itb.edu.ec/" class="socialmedia-link">
1541                                    <div class="petal conduceec">
1542                                        <img src="https://itb.edu.ec/statics/imagenes/main/conduce-icono.png">
1543                                        <h6 class="text-white pt-2 texto">Conduce EC</h6>
1544                                    </div>
1545                                </a>
1546                                <a href="https://itb.edu.ec/Oferta_academica" class="inspiration-link">
1547                                    <div class="petal estudiarec">
1548                                        <img src="https://itb.edu.ec/statics/imagenes/main/universicono.png">
1549                                        <h6 class="text-white texto">Estudiar EC</h6>
1550                                    </div>
1551                                </a>
1552                            </div>
1553                        </div>
1554                    </div>
1555                </div>
1556                <div class="container">
1557                    <div class="row">
1558                        <h4 class="mb-1 titulo-seccion text-white texto">¿Qu&eacute;
1558 deseas hacer?</h4>
1559                        <h2 class="subtitulo-seccion text-white texto">Selecciona un Desaf&iacute;o</h2>
1560                        <table id="robottable">
1561                            <thead>
1562                                <tr>
1563                                    <td width="40%" class="fila-upleft">
1564                                        <div class="d-flex mb-3 items-bots-left urlclic" data-url="https://eva.itb.edu.ec/">
1565                                            <div class="p-2" style="background:#fbb023"></div>
1566                                            <div class="p-2 flex-grow-1 texto">
1567                                                <h3>Plataformas educativas</h3>
1568                                                <ul class="fa-ul">
1569                                                    <li>
1570                                                        <span class="fa-li"><i class="fa-solid fa-circle" style="color:#fbb023"></i> </span>Conoce nuestras plataformas educativas.
1571                                                    </li>
1572                                                </ul>
1573                                            </div>
1574                                            <div class="p-2 icono" style="background:#fbb023">
1575                                                <img src="https://itb.edu.ec/statics/imagenes/main/pcicono.png">
1576                                            </div>
1577                                        </div>
1578                                    </td>
1579                                    <td rowspan="2" align="center" class="robot-container">
1580                                        <img src="https://itb.edu.ec/statics/imagenes/main/robot.png" class="robot-image anim" data-animate="flip" alt="Robot">
1581                                    </td>
1582                                    <td width="40%" class="fila-uprigth">
1583                                        <div class="d-flex mb-3 items-bots-rigth urlclic" data-url="https://play.google.com/store/apps/details?id=org.itb.sga&pcampaignid=web_share">
1584                                            <div class="p-2 icono" >
1585                                                <img src="https://itb.edu.ec/statics/imagenes/main/redesicono.png">
1586                                            </div>
1587                                            <div class="p-2 flex-grow-1 texto">
1588                                                <h3>Aplicaci&oacute;n M&oacute;vil</h3>
1589                                                <ul class="fa-ul">
1590                                                    <li>
1591                                                        <span class="fa-li"> <i class="fa-solid fa-circle" style="color:#fad03c"></i> </span> Lleva tu aula contigo y mantente siempre informado.
1592                                                    </li>
1593                                                </ul>
1594                                            </div>
1595                                            <div class="p-2" style="background:#fad03c"></div>
1596                                        </div>
1597                                    </td>
1598                                </tr>
1599                                <tr>
1600                                    <td width="40%" class="fila-downleft">
1601                                        <div class="d-flex mb-3 items-bots-left urlclic" data-url="https://conducecuador.itb.edu.ec/">
1602                                            <div class="p-2" style="background:#fe6d04"></div>
1603                                            <div class="p-2 flex-grow-1 texto">
1604                                                <h3>Conduce EC</h3>
1605                                                <ul class="fa-ul">
1606                                                    <li>
1607                                                        <span class="fa-li"> <i class="fa-solid fa-circle" style="color:#fe6d04"></i> </span> Donde aprender a conducir es fácil y seguro.
1608                                                    </li>
1609                                                </ul>
1610                                            </div>
1611                                            <div class="p-2 icono">
1612                                                <img src="https://itb.edu.ec/statics/imagenes/main/conduce-icono.png">
1613                                            </div>
1614                                        </div>
1615                                    </td>
1616                                    <td width="40%" class="fila-downrigth">
1617                                        <div class="d-flex mb-3 items-bots-rigth urlclic" data-url="https://itb.edu.ec/Oferta_academica">
1618                                            <div class="p-2 icono" style="background:#fd9a23">
1619                                                <img src="https://itb.edu.ec/statics/imagenes/main/universicono.png"> </div>
1620                                            <div class="p-2 flex-grow-1 texto">
1621                                                <h3>ESTUDIAR</h3>
1622                                                <ul class="fa-ul">
1623                                                    <li>
1624                                                        <span class="fa-li"> <i class="fa-solid fa-circle" style="color:#fd9a23"></i> </span> ¿Qu&eacute; reto deseas emprender?
1625                                                    </li>
1626                                                </ul>
1627                                            </div>
1628                                            <div class="p-2" style="background:#fd9a23"></div>
1629                                        </div>
1630                                    </td>
1631                                </tr>
1632                            </thead>
1633                        </table>
1634
1635                    </div>
1636                </div>
1637            </div>
1638
1639            <div class="container-fluid mt-5"  id="mostrarmas">
1640                <div class="container py-5">
1641                    <div class="col-md-12">
1642                        <h4 class="text-naranja titulo-seccion mb-1 texto fw-bold">Acerca de ITB</h4>
1643                        <h2 class="subtitulo-seccion fw-normal lh-1 texto">No te pierdas ni un momento</h2>
1644                    </div>
1645                </div>
1646                <div class="row">
1647                    <div id="contenStadistics" class="col-md-12 anim" data-animate="fadeInUp">
1648
1649                        <div class="card border-0 rounded-0 texto">
1650                            <div class="card-header border-0">
1651                                <h1 class="text-center">1.61M</h1>
1652                            </div>
1653                            <div class="card-body">
1654                                <h6>Visitantes</h6>
1655                            </div>
1656                        </div>
1657
1658                        <div class="card border-0 rounded-0 texto">
1659                            <div class="card-header border-0">
1660                                <h1 class="text-center">29 a&ntilde;os</h1>
1661                            </div>
1662                            <div class="card-body">
1663                                <h6>Transformando vidas</h6>
1664                            </div>
1665                        </div>
1666
1667                        <div class="card border-0 rounded-0 texto">
1668                            <div class="card-header border-0">
1669                                <h1 class="text-center">+17000</h1>
1670                            </div>
1671                            <div class="card-body">
1672                                <h6>Futuros profesionales formándose con metodologías activas.</h6>
1673                            </div>
1674                        </div>
1675
1676                        <div class="card border-0 rounded-0 texto">
1677                            <div class="card-header border-0">
1678                                <h1 class="text-center">+3000</h1>
1679                            </div>
1680                            <div class="card-body">
1681                                <h6>Graduados transformando la industria con sus conocimientos.</h6>
1682                            </div>
1683                        </div>
1684
1685                        <div class="card border-0 rounded-0 texto">
1686                            <div class="card-header border-0">
1687                                <h1 class="text-center">+150</h1>
1688                            </div>
1689                            <div class="card-body">
1690                                <h6>Académicos formando en entornos de vanguardia.</h6>
1691                            </div>
1692                        </div>
1693
1694                        <div class="card border-0 rounded-0 texto">
1695                            <div class="card-header border-0">
1696                                <h1 class="text-center">+35</h1>
1697                            </div>
1698                            <div class="card-body">
1699                                <h6>Carreras técnicas y tecnológicas esperando por ti.</h6>
1700                            </div>
1701                        </div>
1702
1703                    </div>
1704                </div>
1705            </div>
1706
1707            <div class="container-fluid mt-5 py-5 img-container2" id="arteCultura" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-arte.jpg">
1708                <div class="container">
1709                    <div class="row justify-content-end">
1710                        <div class="col-12 col-md-7">
1711                            <h4 class="text-naranja mb-4 text-center titulo-seccion texto">Arte y cultura</h4>
1712                            <div class="swiper swiper-artec anim" data-animate="bounceIn">
1713                                <div class="swiper-wrapper">
1714                                    <div class="swiper-slide">
1715                                        <a href="https://itb.edu.ec/Arte_Cultura">
1716                                            <div class="swiper-slide d-flex align-items-center">
1717                                                <div class="card rounded-0 p-3">
1718                                                    <img data-src="https://itb.edu.ec/statics/imagenes/main/arteportada.jpg" class="img-fluid lazyload">
1719                                                    <div class="card-img-
1719overlay align-content-center text-center">
1720                                                        <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1721                                                    </div>
1722                                                    <div class="card-body p-4"></div>
1723                                                </div>
1724                                            </div>
1725                                        </a>
1726                                    </div>
1727
1728                                    <div class="swiper-slide d-flex align-items-center">
1729                                        <a href="https://itb.edu.ec/Arte_Cultura">
1730                                        <div class="card rounded-0 p-3">
1731                                            <img data-src="https://itb.edu.ec/statics/imagenes/main/arte4.jpg" class="img-fluid lazyload">
1732                                            <div class="card-img-overlay align-content-center text-center">
1733                                                <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1734                                            </div>
1735                                            <div class="card-body p-4"></div>
1736                                        </div>
1737                                        </a>
1738                                    </div>
1739
1740                                    <div class="swiper-slide">
1741                                        <a href="https://itb.edu.ec/Arte_Cultura">
1742                                        <div class="swiper-slide d-flex align-items-center">
1743                                            <div class="card rounded-0 p-3">
1744                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte1.jpg" class="img-fluid lazyload">
1745                                                <div class="card-img-overlay align-content-center text-center">
1746                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1747                                                </div>
1748                                                <div class="card-body p-4"></div>
1749                                            </div>
1750                                        </div>
1751                                        </a>
1752                                    </div>
1753
1754                                    <div class="swiper-slide">
1755                                        <a href="https://itb.edu.ec/Arte_Cultura">
1756                                        <div class="swiper-slide d-flex align-items-center">
1757                                            <div class="card rounded-0 p-3">
1758                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte2.jpg" class="img-fluid lazyload">
1759                                                <div class="card-img-overlay align-content-center text-center">
1760                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1761                                                </div>
1762                                                <div class="card-body p-4"></div>
1763                                            </div>
1764                                        </div>
1765                                        </a>
1766                                    </div>
1767
1768                                    <div class="swiper-slide">
1769                                        <a href="https://itb.edu.ec/Arte_Cultura">
1770                                        <div class="swiper-slide d-flex align-items-center">
1771                                            <div class="card rounded-0 p-3">
1772                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte3.jpg" class="img-fluid lazyload">
1773                                                <div class="card-img-overlay align-content-center text-center">
1774                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1775                                                </div>
1776                                                <div class="card-body p-4"></div>
1777                                            </div>
1778                                        </div>
1779                                        </a>
1780                                    </div>
1781
1782                                    <div class="swiper-slide">
1783                                        <a href="https://itb.edu.ec/Arte_Cultura">
1784                                        <div class="swiper-slide d-flex align-items-center">
1785                                            <div class="card rounded-0 p-3">
1786                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte4.jpg" class="img-fluid lazyload">
1787                                                <div class="card-img-
1787overlay align-content-center text-center">
1788                                                    <a href="#" class="btn btn-naranja">Ver m&aacute;s</a>
1789                                                </div>
1790                                                <div class="card-body p-4"></div>
1791                                            </div>
1792                                        </div>
1793                                        </a>
1794                                    </div>
1795
1796                                    <div class="swiper-slide">
1797                                        <a href="https://itb.edu.ec/Arte_Cultura">
1798                                        <div class="swiper-slide d-flex align-items-center">
1799                                            <div class="card rounded-0 p-3">
1800                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte1.jpg" class="img-fluid lazyload">
1801                                                <div class="card-img-overlay align-content-center text-center">
1802                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1803                                                </div>
1804                                                <div class="card-body p-4"></div>
1805                                            </div>
1806                                        </div>
1807                                        </a>
1808                                    </div>
1809
1810                                </div>
1811                            </div>
1812                        </div>
1813                    </div>
1814                </div>
1815            </div>
1816
1817            <div class="container-fluid py-5 mt-5 img-noticias" id="carrerasSlider" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-azul.jpg" data-repeat="true">
1818                <div class="container">
1819                    <div class="row">
1820                        <div class="col-12 d-block d-sm-none d-sm-block d-md-none">
1821                            <h1 class="text-white titulo-seccion texto" id="title-noticias">Noticias del ITB</h1>
1822                            <h5>
1823                            </h5>
1824                        </div>
1825                        <div class="col-12 col-md-5">
1826                            <div class="contentestimonio anim" data-animate="fadeInLeft">
1827                                <h2 class="text-white p-0 m-0 texto">CREANDO UN IMPACTO DURADERO</h2>
1828                                <div id="carouselTestimonio" class="carousel carousel-dark slide mt-4" data-bs-ride="carousel">
1829                                    <div class="carousel-inner">
1830                                        <div class="carousel-item active" data-bs-interval="10000">
1831                                            <div class="d-flex justify-content-center align-items-center">
1832                                                <div class="card border-0 mx-4">
1833                                                    <img data-src="https://itb.edu.ec/statics/imagenes/main/rehabilitafoto.jpg" class="card-img-top rounded-0 lazyload" alt="Imagen 1">
1834                                                    <div class="card-body">
1835                                                        <h5 class="card-title text-white texto">Rehabilitaci&oacute;n F&iacute;sica</h5>
1836                                                        <p class="card-text text-naranja texto">Vive la experiencia</p>
1837                                                        <p class="card-text text-white texto">
1838                                                            En este día, tendrás la oportunidad de interactuar con nuestros docentes,
1839                                                            hacerles todas las preguntas que desees y aprender diversas técnicas de rehabilitación.</p>
1840                                                    </div>
1841                                                </div>
1842                                            </div>
1843                                        </div>
1844                                        <div class="carousel-item" data-bs-interval="10000">
1845                                            <div class="d-flex justify-content-center align-items-center">
1846                                                <div class="card border-0 mx-4">
1847                                                    <img data-src="https://itb.edu.ec/statics/imagenes/main/rehabilitafoto.jpg" class="card-img-top rounded-0 lazyload" alt="Imagen 1">
1848                                                    <div class="card-body">
1849                                                        <h5 class="card-title text-white texto">Rehabilitaci&oacute;n F&iacute;sica</h5>
1850                                                        <p class="card-text text-naranja texto">Vive la experiencia</p>
1851                                                        <p class="card-text text-white texto">En este día, tendrás la oportunidad de interactuar con nuestros docentes,
1852                                                            hacerles todas las preguntas que desees y aprender diversas técnicas de rehabilitación.</p>
1853                                                    </div>
1854                                                </div>
1855                                            </div>
1856                                        </div>
1857                                    </div>
1858                                    <div class="carousel-indicators">
1859                                        <button type="button"
1860                                                data-bs-target="#carouselTestimonio"
1861                                                data-bs-slide-to="0"
1862                                                class="active"
1863                                                aria-current="true"
1864                                                aria-label="Slide 1"></button>
1865                                        <button type="button"
1866                                                data-bs-target="#carouselTestimonio"
1867                                                data-bs-slide-to="1"
1868                                                class=""
1869                                                aria-current="false"
1870                                                aria-label="Slide 2"></button>
1871                                    </div>
1872                                </div>
1873                                <div class="d-flex justify-content-center align-items-center">
1874                                    <a href="https://itb.edu.ec/Videos" class="btn btn-naranja px-5 text-center" aria-label="Clic para ver más">Ver m&aacute;s</a>
1875                                </div>
1876                            </div>
1877                        </div>
1878                        <div class="col-12 col-md-7 anim" data-animate="fadeInRight">
1879                            <div class="row">
1880                                <div class="col-12 d-none d-sm-block d-sm-none d-md-block">
1881                                    <h1 class="text-white mx-4 titulo-seccion texto" id="title-noticias">Noticias del ITB</h1>
1882                                    <h5>
1883                                        <a href="https://itb.edu.ec/Actividades" class="text-white mx-4 text-decoration-none subtitulo-seccion" aria-label="Clic para ver más">
1884                                            Ver m&aacute;s historias
1885                                            <svg fill="var(--naranja)"
1886                                                 height="20px"
1887                                                 id="Capa_1"
1888                                                 xmlns="http://www.w3.org/2000/svg" version="1.1"
1889                                                 viewBox="0 0 23.44 23.44">
1890                                                <path d="M12.85,23.42C3.37,23.96-2.8,13.43,2.33,5.39,7.31-2.4,19.05-1.59,22.86,6.81c3.41,7.53-1.79,16.14-10.01,16.6ZM13.27,22.03C26.55,20.79,25,.23,11.22,1.35S-.71,23.32,13.27,22.03Z"/>
1891                                                <path d="M16.3,11.08l-.69-.77-3.21-2.63c-.42-.71.05-1.38.84-1.12,1.56,1.52,3.61,2.81,5.15,4.31.37.36.75.6.48,1.18l-5.58,4.71c-.72.47-1.39-.36-.89-1.04l3.21-2.63.69-.77H5.8c-.44,0-.44-1.25,0-1.25h10.5Z"/>
1892                                            </svg>
1893                                        </a>
1894                                    </h5>
1895                                </div>
1896                                                                <div class="col-12 col-md-6 my-4">
1897                                    <div class="d-flex justify-content-center align-items-center h-100">
1898                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1899                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790204629_c39a6706dd7d3f288ee4.jpeg" class="card-img-top rounded-0 lazyload" alt="ITB promovió la inclusión y la comunicación sin barreras con el conversatorio “Manos que conectan”">
1900                                                                                        <div class="card-body urlclic"
1901                                                 data-url="https://itb.edu.ec/Actividades/detalle/2761/ITB-promovio-la-inclusion-y-la-comunicacion-sin-barreras-con-el-conversatorio-Manos-que-conectan">
1902                                                <h5 class="card-title texto">ITB promovió la inclusión y la comunicación sin barreras con el conversatorio “Manos que conectan”</h5>
1903                                                <p class="card-text texto">ITB) desarrolló el conversatorio “Manos que conectan”, un espacio de encuentro y reflexión dirigido a sus estudiantes para conocer más sobre las lenguas de señas</p>
1904                                                <a href="#" style="text-decoration:none;font-size:12px;">
1905                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1906                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1907                                                    </svg>
1908                                                    23 de Septiembre del 2026
1909                                                </a>
1910                                            </div>
1911                                        </div>
1912                                    </div>
1913                                </div>
1914                                                                <div class="col-12 col-md-6 my-4">
1915                                    <div class="d-flex justify-content-center align-items-center h-100">
1916                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1917                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790089831_e72a6600f18c19a1979d.jpeg" class="card-img-top rounded-0 lazyload" alt="ITB participó en el III Congreso Internacional de Inteligencia Artificial organizado por la Universidad Privada Domingo Savio de Bolivia">
1918                                                                                        <div class="card-body urlclic"
1919                                                 data-url="https://itb.edu.ec/Actividades/detalle/2760/ITB-participo-en-el-III-Congreso-Internacional-de-Inteligencia-Artificial-organizado-por-la-Universidad-Privada-Domingo-Savio-de-Bolivia">
1920                                                <h5 class="card-title texto">ITB participó en el III Congreso Internacional de Inteligencia Artificial organizado por la Universidad Privada Domingo Savio de Bolivia</h5>
1921                                                <p class="card-text texto">Con esta participación, el ITB llevó el trabajo de sus docentes e investigadoras a un escenario internacional, poniendo en circulación aportes desarrollados desde Ecuador y vinculados con los nuevos desafíos.</p>
1922                                                <a href="#" style="text-decoration:none;font-size:12px;">
1923                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1924                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1925                                                    </svg>
1926                                                    18 de Septiembre del 2026
1927                                                </a>
1928                                            </div>
1929                                        </div>
1930                                    </div>
1931                                </div>
1932                                                                <div class="col-12 col-md-6 my-4">
1933                                    <div class="d-flex justify-content-center align-items-center h-100">
1934                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1935                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790023074_343151f04ee96b149d7a.jpeg" class="card-img-top rounded-0 lazyload" alt=" UBE e ITB acercaron su oferta académica a estudiantes de distintas unidades educativas de Guayaquil">
1936                                                                                        <div class="card-body urlclic"
1937                                                 data-url="https://itb.edu.ec/Actividades/detalle/2759/-UBE-e-ITB-acercaron-su-oferta-academica-a-estudiantes-de-distintas-unidades-educativas-de-Guayaquil">
1938                                                <h5 class="card-title texto"> UBE e ITB acercaron su oferta académica a estudiantes de distintas unidades educativas de Guayaquil</h5>
1939                                                <p class="card-text texto">ITB junto a UBE, participaron en el evento: Del Cole a la U</p>
1940                                                <a href="#" style="text-decoration:none;font-size:12px;">
1941                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1942                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1943                                                    </svg>
1944                                                    21 de Septiembre del 2026
1945                                                </a>
1946                                            </div>
1947                                        </div>
1948                                    </div>
1949                                </div>
1950                                                                <div class="col-12 col-md-6 my-4">
1951                                    <div class="d-flex justify-content-center align-items-center h-100">
1952                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1953                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1789771163_baa8d86b7bf359151b7d.jpeg" class="card-img-top rounded-0 lazyload" alt="ITB reunió talento artístico en la segunda edición de “Universitarios en Escena”">
1954                                                                                        <div class="card-body urlclic"
1955                                                 data-url="https://itb.edu.ec/Actividades/detalle/2758/ITB-reunio-talento-artistico-en-la-segunda-edicion-de-Universitarios-en-Escena">
1956                                                <h5 class="card-title texto">ITB reunió talento artístico en la segunda edición de “Universitarios en Escena”</h5>
1957                                                <p class="card-text texto">La segunda edición de “Universitarios en Escena” permitió visibilizar el talento artístico y fortalecer la presencia de las artes escénicas dentro de la vida académica del ITB.</p>
1958                                                <a href="#" style="text-decoration:none;font-size:12px;">
1959                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1960                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1961                                                    </svg>
1962                                                    18 de Septiembre del 2026
1963                                                </a>
1964                                            </div>
1965                                        </div>
1966                                    </div>
1967                                </div>
1968                                                            </div>
1969                        </div>
1970                    </div>
1971                </div>
1972            </div>
1973
1974            <div class="container-fluid py-5 px-2 mt-5 img-noticias" id="eventoSlider" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-naranja.jpg" data-repeat="true">
1975                <div class="container" id="eventoContainer">
1976                    <h3 class="text-white texto"> Pr&oacute;ximos eventos del campus </h3>
1977                    <div class="row">
1978                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
1979                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
1980                                     data-url="https://itb.edu.ec/Actividades/detalle/2602/convocatoria-abierta">
1981                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
1982                                        <h1> Dic </h1>
1983                                        <h3><strong> 21 </strong></h3>
1984                                    </div>
1985                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
1986                                        <h6> <strong class="text-naranja texto">¡Convocatoria abierta!</strong> </h6>
1987                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> El ITB invita a su personal docente y administrativo a presentar Proye... </p>
1988                                        <span class="display-inline-block texto" style="font-size:12px;">
1989                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">21 de Diciembre del 2025</strong>&nbsp;
1990                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
1991                                        </span>
1992                                    </div>
1993                                </div>
1994                            </div>
1995                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
1996                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
1997                                     data-url="https://itb.edu.ec/Actividades/detalle/2587/metamorfosis-creativa-esta-por-comenzar">
1998                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
1999                                        <h1> Dic </h1>
2000                                        <h3><strong> 4 </strong></h3>
2001                                    </div>
2002                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2003                                        <h6> <strong class="text-naranja texto">¡METAMORFOSIS CREATIVA está por comenzar!</strong> </h6>
2004                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> Lo mejor del Diseño de Modas y Maquillaje &amp; Vestuario para Cine y TV d... </p>
2005                                        <span class="display-inline-block texto" style="font-size:12px;">
2006                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">4 de Diciembre del 2025</strong>&nbsp;
2007                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2008                                        </span>
2009                                    </div>
2010                                </div>
2011                            </div>
2012                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2013                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2014                                     data-url="https://itb.edu.ec/Actividades/detalle/2584/-a-veces-el-silencio-duele-mas-que-las-palabras.">
2015                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2016                                        <h1> Nov </h1>
2017                                        <h3><strong> 26 </strong></h3>
2018                                    </div>
2019                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2020                                        <h6> <strong class="text-naranja texto"> A veces, el silencio duele más que las palabras.</strong> </h6>
2021                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> Por eso, en el Instituto Superior Universitario Bolivariano de Tecnolo... </p>
2022                                        <span class="display-inline-block texto" style="font-size:12px;">
2023                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">26 de Noviembre del 2025</strong>&nbsp;
2024                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2025                                        </span>
2026                                    </div>
2027                                </div>
2028                            </div>
2029                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2030                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2031                                     data-url="https://itb.edu.ec/Actividades/detalle/2582/faces-presenta-su-primer-cafe-bolivariano-">
2032                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2033                                        <h1> Dic </h1>
2034                                        <h3><strong> 8 </strong></h3>
2035                                    </div>
2036                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2037                                        <h6> <strong class="text-naranja texto">¡FACES presenta su primer Café Bolivariano! </strong> </h6>
2038                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> En esta edición transformadora de Café Bolivariano reuniremos a destac... </p>
2039                                        <span class="display-inline-block texto" style="font-size:12px;">
2040                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">8 de Diciembre del 2025</strong>&nbsp;
2041                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2042                                        </span>
2043                                    </div>
2044                                </div>
2045                            </div>
2046                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2047                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2048                                     data-url="https://itb.edu.ec/Actividades/detalle/2581/no-te-lo-puedes-perder-">
2049                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2050                                        <h1> Nov </h1>
2051                                        <h3><strong> 20 </strong></h3>
2052                                    </div>
2053                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2054                                        <h6> <strong class="text-naranja texto">¡NO TE LO PUEDES PERDER! </strong> </h6>
2055                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> El ITB te invita a ser parte de un momento inolvidable: la transmisión... </p>
2056                                        <span class="display-inline-block texto" style="font-size:12px;">
2057                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">20 de Noviembre del 2025</strong>&nbsp;
2058                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2059                                        </span>
2060                                    </div>
2061                                </div>
2062                            </div>
2063                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2064                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2065                                     data-url="https://itb.edu.ec/Actividades/detalle/2578/vive-la-metamorfosis-creativa-">
2066                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2067                                        <h1> Nov </h1>
2068                                        <h3><strong> 26 </strong></h3>
2069                                    </div>
2070                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2071                                        <h6> <strong class="text-naranja texto">¡Vive la Metamorfosis Creativa! </strong> </h6>
2072                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> La Facultad de Ciencias Empresariales y Sistemas (FACES) abre sus puer... </p>
2073                                        <span class="display-inline-block texto" style="font-size:12px;">
2074                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">26 de Noviembre del 2025</strong>&nbsp;
2075                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2076                                        </span>
2077                                    </div>
2078                                </div>
2079                            </div>
2080                                            </div>
2081
2082                    <div class="row">
2083                        <div class="col-12 py-3">
2084                            <h5 class="d-flex justify-content-end">
2085                                <a href="https://itb.edu.ec/Actividades/evento" class="text-white text-decoration-none subtitulo-seccion px-4" aria-label="Clic para ver más">
2086                                    Ver m&aacute;s historias
2087                                    <svg fill="white"
2088                                         height="20px"
2089                                         id="Capa_2"
2090                                         xmlns="http://www.w3.org/2000/svg" version="1.1"
2091                                         viewBox="0 0 23.44 23.44">
2092                                        <path d="M12.85,23.42C3.37,23.96-2.8,13.43,2.33,5.39,7.31-2.4,19.05-1.59,22.86,6.81c3.41,7.53-1.79,16.14-10.01,16.6ZM13.27,22.03C26.55,20.79,25,.23,11.22,1.35S-.71,23.32,13.27,22.03Z"/>
2093                                        <path d="M16.3,11.08l-.69-.77-3.21-2.63c-.42-.71.05-1.38.84-1.12,1.56,1.52,3.61,2.81,5.15,4.31.37.36.75.6.48,1.18l-5.58,4.71c-.72.47-1.39-.36-.89-1.04l3.21-2.63.69-.77H5.8c-.44,0-.44-1.25,0-1.25h10.5Z"/>
2094                                    </svg>
2095                                </a>
2096                            </h5>
2097                        </div>
2098                    </div>
2099
2100                </div>
2101            </div>
2102
2103            <div class="container-fluid py-5 img-container2" id="podcast" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bgpotcas.jpg">
2104                <div class="container">
2105                    <div class="row">
2106                        <div class="col-md-7">
2107                            <div class="lazy-iframe px-md-5 py-3 anim"
2108                                 data-src="https://open.spotify.com/embed/show/0ZNoC0Ix7px47bM074bYA3?utm_source=generator"
2109                                data-animate="swing"></div>
2110                        </div>
2111                    </div>
2112                </div>
2113            </div>
2114
2115            <div class="container-fluid py-5 my-5" style="background:#eeeeee">
2116                <div class="container">
2117                    <div class="row">
2118                        <div class="col-md-12">
2119                            <h4 class="text-naranja mb-5 titulo-seccion texto"> Alianzas Acad&eacute;micas</h4>
2120                        </div>
2121                        <div class="col-md-12 anim" data-animate="fadeInRight" id="avalesContent">
2122                            <div class="swiper-wrapper">
2123                                                                    <div class="swiper-slide">
2124                                        <img class="lazyload"
2125                                             width="250"
2126                                             height="250"
2127                                             data-src="https://itb.edu.ec/recursos/img/avales/1692021926_06bed7f27746792e4510.png"
2128                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692021926_06bed7f27746792e4510.png"
2129                                             alt="Portada Avales">
2130                                    </div>
2131                                                                    <div class="swiper-slide">
2132                                        <img class="lazyload"
2133                                             width="250"
2134                                             height="250"
2135                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022031_b372df00923a4aa1fc6e.png"
2136                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022031_b372df00923a4aa1fc6e.png"
2137                                             alt="Portada Avales">
2138                                    </div>
2139                                                                    <div class="swiper-slide">
2140                                        <img class="lazyload"
2141                                             width="250"
2142                                             height="250"
2143                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022100_800d771b08591b268601.png"
2144                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022100_800d771b08591b268601.png"
2145                                             alt="Portada Avales">
2146                                    </div>
2147                                                                    <div class="swiper-slide">
2148                                        <img class="lazyload"
2149                                             width="250"
2150                                             height="250"
2151                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022155_9ba5ca042a3202018da0.png"
2152                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022155_9ba5ca042a3202018da0.png"
2153                                             alt="Portada Avales">
2154                                    </div>
2155                                                                    <div class="swiper-slide">
2156                                        <img class="lazyload"
2157                                             width="250"
2158                                             height="250"
2159                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022210_e55d3d817c90f6256bc2.png"
2160                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022210_e55d3d817c90f6256bc2.png"
2161                                             alt="Portada Avales">
2162                                    </div>
2163                                                                    <div class="swiper-slide">
2164                                        <img class="lazyload"
2165                                             width="250"
2166                                             height="250"
2167                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022288_f5e879b37ade454220c5.png"
2168                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022288_f5e879b37ade454220c5.png"
2169                                             alt="Portada Avales">
2170                                    </div>
2171                                                                    <div class="swiper-slide">
2172                                        <img class="lazyload"
2173                                             width="250"
2174                                             height="250"
2175                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022352_f8825b4bde1c81da4313.png"
2176                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022352_f8825b4bde1c81da4313.png"
2177                                             alt="Portada Avales">
2178                                    </div>
2179                                                                    <div class="swiper-slide">
2180                                        <img class="lazyload"
2181                                             width="250"
2182                                             height="250"
2183                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022411_967ac6e43e89ac2b795e.png"
2184                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022411_967ac6e43e89ac2b795e.png"
2185                                             alt="Portada Avales">
2186                                    </div>
2187                                                                    <div class="swiper-slide">
2188                                        <img class="lazyload"
2189                                             width="250"
2190                                             height="250"
2191                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022487_2222e8bf94f06ab3c884.png"
2192                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022487_2222e8bf94f06ab3c884.png"
2193                                             alt="Portada Avales">
2194                                    </div>
2195                                                            </div>
2196                        </div>
2197                    </div>
2198                </div>
2199            </div>
2200
2201        </div>
2202    </div>
2203
2204      
2205    <div class="links-float" id="links-float" data-wow-delay="0.1s">
2206        <div class="card rounded-0">
2207            <div class="card-header rounded-0" data-open="true">
2208                <i class="fas"></i>
2209            </div>
2210            <div class="list-group rounded-0">
2211                <a href="https://itb.edu.ec/Sugerencia"
2212                   target="_blank"
2213                   class="list-group-item list-group-item-action rounded-0">
2214                    <span class="tooltip-text">Sugerencias</span>
2215                    <i class="fas fa-envelope"></i>
2216                </a>
2217                <a href="https://itb.edu.ec/Videos"
2218                   target="_blank"
2219                   class="list-group-item list-group-item-action">
2220                    <span class="tooltip-text">Videos</span>
2221                    <i class="fab fa-youtube"></i>
2222                </a>
2223                <a href="https://itb.edu.ec/Gym" class="list-group-item list-group-item-action">
2224                    <span class="tooltip-text">Gimnasio</span>
2225                    <i class="fas fa-dumbbell"></i>
2226                </a>
2227                <a href="https://itb.edu.ec/Actividades" class="list-group-item list-group-item-action">
2228                    <span class="tooltip-text">Actividades</span>
2229                    <i class="far fa-newspaper"></i>
2230                </a>
2231                <a href="https://conducecuador.itb.edu.ec/" target="_blank" class="list-group-item list-group-item-action">
2232                    <span class="tooltip-text">Escuela de conducci&oacute;n</span>
2233                    <i class="fas fa-car"></i>
2234                </a>
2235            </div>
2236        </div>
2237    </div>
2238    <div class="img-foother">
2239        <img src="https://itb.edu.ec/statics/imagenes/plantilla/ruedabg.gif" alt="Pie de p&aacute;gina" loading="lazy" width="80" height="100">
2240    </div>
2241    <div class="container-fluid text-white-50 footer pt-5 wow fadeIn" data-wow-delay="0.1s">
2242        <div class="container py-5">
2243            <div class="row g-5">
2244                <div class="col-lg-4 col-md-6">
2245                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/logo-white.png"
2246                         class="img-fluid mb-4"
2247                         style="max-height:85px"
2248                         alt="Logo Itb Pie de p&aacute;gina">
2249                    <p class="mb-2 texto"><i class="fa fa-map-marker-alt me-3"></i> PBX : (04) 5000175 - 2307028 - 5002164 - 3727040</p>
2250                    <p class="mb-2 texto"><i class="fa fa-phone-alt me-3"></i> 1800 ITB-ITB: 482-482 </p>
2251                    <p class="mb-2">
2252                        <i class="fa fa-envelope me-3"></i>
2253                        <a href="mailto:[email protected]" data-bs-toggle="tooltip" data-bs-placement="top" title="Novedades Generales" aria-label="Correo Informacíon/Novedades generales">info</a>&nbsp;|&nbsp;
2254                        <a href="mailto:[email protected]" data-bs-toggle="tooltip" data-bs-placement="top" title="Novedades Tecnolog&iacute;as" aria-label="Correo Soporte">soporte</a>
2255                    </p>
2256                    <div class="d-flex pt-2">
2257                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2258                           style="animation-delay:0.1s;"
2259                           href="https://twitter.com/ITBolivariano"
2260                           target="_blank" aria-label="Boton Ir a Twiter ITB"><i class="fa-brands fa-x-twitter"></i></a>
2261                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2262                           style="animation-delay:0.3s;"
2263                           href="https://www.facebook.com/itb.edu.ec"
2264                           target="_blank" aria-label="Boton Ir a Facebook ITB"><i class="fab fa-facebook-f"></i></a>
2265                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2266                           style="animation-delay:0.6s;"
2267                           href="https://itb.edu.ec/"
2268                           aria-label="Boton Ir a  Google Plus ITB"><i class="fab fa-google-plus-g"></i></a>
2269                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2270                           style="animation-delay:0.9s;"
2271                           href="https://www.youtube.com/channel/UCc8EQVMtBoGCIWrnLKkG0cw"
2272                           target="_blank" aria-label="Boton ir a Youtube ITB"><i class="fab fa-youtube"></i></a>
2273                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2274                           style="animation-delay:1.2s;"
2275                           href="https://www.instagram.com/itb_ec/?hl=es-la"
2276                           target="" aria-label="Boton ir a Instagram ITB"><i class="fab fa-instagram"></i></a>
2277                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2278                           style="animation-delay:1.5s;"
2279                           href="https://www.tiktok.com/@itb_ec?lang=es"
2280                           target="" aria-label="Boton ir a Tiktok ITB"><i class="fab fa-tiktok"></i></a>
2281                    </div>
2282                </div>
2283                <div class="col-lg-4 col-md-6">
2284                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Beca"> Becas</a>
2285                    <a class="btn btn-link text-white-50 texto" href="https://buckcenter.edu.ec/" target="_blank"> Buckingham English Center S.A</a>
2286                    <a class="btn btn-link text-white-50 texto" href="https://conducecuador.itb.edu.ec/" target="_blank"> Conduce Ecuador</a>
2287                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Oferta_academica"> Oferta acad&eacute;mica</a>
2288                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Directorio"> Directorio Telefon&iacute;co</a>
2289                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Vinculacion"> Vinculaci&oacute;n</a>
2290                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Biblioteca_virtual"> Efem&eacute;rides</a>
2291                </div>
2292                <div class="col-lg-4 col-md-6">
2293                    <div class="row">
2294                        <div class="col-4">
2295                            <ul class="nav flex-column nav-tabs border-0" id="mapaTab" role="tablist">
2296                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
2297                                    <span class="active" id="matriz1-tab" data-bs-toggle="tab" data-bs-target="#matriz1" type="button" role="tab" aria-controls="matriz1" aria-selected="true" aria-label="Dirección Sede Matriz"> Matriz</span>
2298                                </li>
2299                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
2300                                    <span class="" id="matriz2-tab" data-bs-toggle="tab" data-bs-target="#matriz2" type="button" role="tab" aria-controls="matriz2" aria-selected="false" aria-label="Dirección Sede Boyacá"> Boyac&aacute;</span>
2301                                </li>
2302                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
2303                                    <span class="" id="matriz3-tab" data-bs-toggle="tab" data-bs-target="#matriz3" type="button" role="tab" aria-controls="matriz3" aria-selected="false" aria-label="Dirección Sede Rocafuerte"> Rocafuerte</span>
2304                                </li>
2305                                <li class="nav-item " role="presentation" onclick="cargaMapas()">
2306                                    <span class="" id="matriz4-tab" data-bs-toggle="tab" data-bs-target="#matriz4" type="button" role="tab" aria-controls="matriz4" aria-selected="false" aria-label="Dirección Sede Atarazana"> Teresa Benites Ayala</span>
2307                                </li>
2308                            </ul>
2309                        </div>
2310                        <div class="col-8">
2311                            <div class="tab-content" id="mapTabContent">
2312                                <div class="tab-pane fade show active" id="matriz1" role="tabpanel" aria-labelledby="matriz1-tab">
2313                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2314                                        <div id="frmmatriz1"><img src="https://itb.edu.ec/statics/imagenes/plantilla/mapa.jpg" class="card-img-top"></div>
2315                                        <div class="card-body">
2316                                            <p class="card-text texto">V&iacute;ctor Manuel Rend&oacute;n 236 y Pedro Carbo.</p>
2317                                        </div>
2318                                    </div>
2319                                </div>
2320                                <div class="tab-pane fade" id="matriz2" role="tabpanel" aria-labelledby="matriz2-tab">
2321                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2322                                        <div id="frmmatriz2"></div>
2323                                        <div class="card-body">
2324                                            <p class="card-text texto">Padre Solano No.324 y Boyac&aacute; Esquina.</p>
2325                                        </div>
2326                                    </div>
2327                                </div>
2328                                <div class="tab-pane fade" id="matriz3" role="tabpanel" aria-labelledby="matriz3-tab">
2329                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2330                                        <div id="frmmatriz3"></div>
2331                                        <div class="card-body">
2332                                            <p class="card-text texto">Roca #101 y Pedro Carbo Esquina.</p>
2333                                        </div>
2334                                    </div>
2335                                </div>
2336                                <div class="tab-pane fade" id="matriz4" role="tabpanel" aria-labelledby="matriz4-tab">
2337                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2338                                        <div id="frmmatriz4"></div>
2339                                        <div class="card-body">
2340                                            <p class="card-text texto">Avenida Pedro Men&eacute;ndez Gilbert y callej&oacute;n.</p>
2341                                        </div>
2342                                    </div>
2343                                </div>
2344                            </div>
2345                        </div>
2346                    </div>
2347                </div>
2348            </div>
2349        </div>
2350        <div class="container">
2351            <div class="copyright wow animate__animated animate__slideInRight">
2352                <div class="d-flex flex-wrap align-items-center">
2353                    <div class="flex-grow-1 text-center text-lg-start mb-2 mb-lg-0 pe-3">
2354                        &copy; 2025<a href="#" class="text-decoration-none"> TIC - ITB</a> | Todos los derechos reservados
2355                    </div>
2356                    <div class="d-flex flex-column flex-lg-row align-items-center gap-3 me-lg-4">
2357                        <div class="footer-menu">
2358                            <a href="javascript:void(0);" aria-label="Total de visitas 9 M"><span class="pe-1"><i class="fas fa-users text-white"></i></span>Visitas</a>
2359                            <a href="javascript:void(0);"  data-bs-toggle="tooltip"
2360                               data-bs-placement="top"
2361                               title="Total de visitas 9 M"
2362                               data-purecounter-start="0"
2363                               data-purecounter-end="9"
2364                               data-purecounter-duration="4"
2365                               class="purecounter">9 M</a>
2366                        </div>
2367                    </div>
2368                </div>
2369            </div>
2370        </div>
2371    </div>
2372    <div id="discapacidad" class="discapacidad">
2373        <i class="fas fa-wheelchair"></i>
2374    </div>
2375    <div id="contenMenudisc" class="conten-menu-discapaciada" style="display:none;">
2376        <div class="card border-0 rounded-0 shadow">
2377            <div class="card-header rounded-0">
2378                <h5 class="mb-0 text-center">Men&uacute; de Accesibilidad</h5>
2379            </div>
2380            <div id="tblMenuDisc" class="card-body pb-0">
2381                <div class="row justify-content-center">
2382                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
2383                        <a onclick="SetColor();" id="menuColorbtn" class="btn h-100 w-100 d-flex flex-column align-items-center justify-content-center font-weight-bold p-2"><i class='fas fa-palette me-2 mb-2'></i> <span>Escala de Grises</span> <i class="fa-solid fa-circle-check text-naranja position-absolute top-0 end-0 m-1 check-icon"></i></a>
2384                    </div>
2385                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
2386                        <a onclick="ChngCursor();" id="menuCursorBtn" class="btn h-100 w-100 d-flex flex-column align-items-center justify-content-center font-weight-bold p-2"><i class='fas fa-mouse-pointer me-2 mb-2'></i> <span>Ampliar Cursor</span> <i class="fa-solid fa-circle-check text-naranja position-absolute top-0 end-0 m-1 check-icon"></i></a>
2387                    </div>
2388                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
2389                        <a onclick="NarradorOff();" id="menuSpeackBtn" class="btn h-100 w-100 d-flex flex-column align-items-center justify-content-center font-weight-bold p-2"><i class='fas fa-volume-mute me-2 mb-2'></i> <span>Narrador</span> <i class="fa-solid fa-circle-check text-naranja position-absolute top-0 end-0 m-1 check-icon"></i></a>
2390                    </div>
2391                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
2392                        <a onclick="ResaltLink();" id="menuLinksBtn" class="btn h-100 w-100 d-flex flex-column align-items-center justify-content-center font-weight-bold p-2"><i class='fas fa-link me-2 mb-2'></i> <span>Destacar Links</span> <i class="fa-solid fa-circle-check text-naranja position-absolute top-0 end-0 m-1 check-icon"></i></a>
2393                    </div>
2394                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
2395                        <a onclick="ChngFuente();" id="menuFuenteBtn" class="btn h-100 w-100 d-flex flex-column align-items-center justify-content-center font-weight-bold p-2"><i class='fas fa-text-height me-2 mb-2'></i> <span>Ampliar Texto</span> <i class="fa-solid fa-circle-check text-naranja position-absolute top-0 end-0 m-1 check-icon"></i></a>
2396                    </div>
2397                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
2398                        <a onclick="ResetFuente();" id="menuReseTxtBtn" class="btn h-100 w-100 d-flex flex-column align-items-center justify-content-center font-weight-bold p-2 d-none"><i class='fas fa-undo me-2 mb-2'></i> <span>Resetear Fuente</span> <i class="fa-solid fa-circle-check text-naranja position-absolute top-0 end-0 m-1 check-icon"></i></a>
2399                    </div>
2400                    <div class="col-12 my-2">
2401                        <a onclick="ResetMenu();" id="menuResetBtn" class="btn h-100 w-100 d-flex justify-content-center align-items-center font-weight-bold d-none text-white py-2"><i class="fa-solid fa-rotate me-2" style="font-size: unset !important;"></i> <span>Restablecer Todo</span></a>
2402                    </div>
2403                </div>
2404            </div>
2405        </div>
2406    </div>
2407    <div id="whasapicon" class="whasapicon">
2408        <a href="https://api.whatsapp.com/send?phone=5930968695213&text='Consulta de Información desde Página Web'" target="_blank" aria-label="Contactar por WhatsApp">
2409            <i class="fab fa-whatsapp"></i>
2410        </a>
2411    </div>
2412    <span onclick="goToTop()" id="goTopBtn"> <i class="fa-solid fa-arrow-up fa-2xl"></i> </span>
2413
2414        <div class="content-cookies fixed-bottom" style="display: none">
2415        <div class="card shadow-lg px-4 py-4 py-sm-0 bg-transparent">
2416            <div class="card-body">
2417                <div class="row justify-content-evenly align-items-center">
2418                    <div class="col-sm-6 col-lg-8 col-xl-6 col-xxl-5">
2419                        <p class="mb-0 texto">Este sitio web utiliza cookies propias y de terceros para ofrecer una mejor experiencia. Al continuar su navegación, autoriza su uso de acuerdo a nuestra Política de Privacidad y manejo de cookies.</p>
2420                        <a href="https://itb.edu.ec/Politicas/cookies" class="text-decoration-underline text-naranja texto link">Revisar política</a>
2421                    </div>
2422                    <div class="col-sm-4 col-lg-3 col-xl-5 col-xxl-4 mt-4 mt-sm-0">
2423                        <div class="d-flex flex-xl-row flex-column w-100 gap-2">
2424                            <a href="javascript:void(0);" onclick="aceptarCookies();" class="btn w-100 rounded-pill texto bg-naranja">Aceptar todo</a>
2425                            <a href="javascript:void(0);" onclick="rechazarCookies();" class="btn w-100 rounded-pill texto btn-light">Rechazar todo</a>
2426                            <a data-bs-toggle="modal" data-bs-target="#cookiesModal" class="btn w-100 rounded-pill texto btn-light">Configuración</a>
2427                        </div>
2428                    </div>
2429                </div>
2430            </div>
2431        </div>
2432    </div>
2433
2434        <div class="modal fade" id="cookiesModal" tabindex="-1" aria-labelledby="cookiesModalLabel" aria-hidden="true">
2435        <div class="modal-dialog modal-lg">
2436            <div class="modal-content border-0 bg-transparent texto">
2437                <div class="modal-header justify-content-center">
2438                    <h5 class="modal-title" id="cookiesModalLabel">Configuración de cookies</h5>
2439                </div>
2440                <div class="modal-body p-5 pb-0 bg-white">
2441                    <div class="form-check form-switch mb-4">
2442                        <input class="form-check-input" type="checkbox" id="todasopcionales">
2443                        <label class="form-check-label" for="todasopcionales">Seleccionar todas las cookies opcionales</label>
2444                    </div>
2445                    <div class="form-check form-switch">
2446                        <input class="form-check-input" type="checkbox" id="necesarias" checked disabled>
2447                        <label class="form-check-label" for="necesarias">Necesarias (siempre activas)</label>
2448                        <p>Estas cookies son esenciales para el funcionamiento básico del sitio web. Permiten funciones como la navegación, el acceso a áreas seguras y la correcta visualización del contenido. Sin estas cookies, el sitio no puede funcionar correctamente.</p>
2449                    </div>
2450                    <div class="form-check form-switch">
2451                        <input class="form-check-input" type="checkbox" id="analiticas">
2452                        <label class="form-check-label" for="analiticas">Analíticas</label>
2453                        <p>Estas cookies nos ayudan a comprender cómo los visitantes interactúan con el sitio web mediante la recopilación de información de forma anónima. Usamos estos datos para mejorar continuamente la experiencia del usuario.</p>
2454                    </div>
2455                    <div class="form-check form-switch">
2456                        <input class="form-check-input" type="checkbox" id="preferencias">
2457                        <label class="form-check-label" for="preferencias">De preferencias</label>
2458                        <p>Estas cookies permiten recordar información que cambia la forma en que el sitio se comporta o 
2458se muestra, como el menú de accesibilidad.</p>
2459                    </div>
2460                </div>
2461                <div class="d-flex justify-content-end gap-2 border-top bg-white p-4">
2462                    <button type="button" class="btn rechazar px-3 py-2" onclick="rechazarCookies()" data-bs-dismiss="modal">Rechazar todo</button>
2463                    <button type="button" class="btn guardar px-3 py-2" onclick="guardarConsentimiento()" data-bs-dismiss="modal">Guardar cambios</button>
2464                </div>
2465                <div class="modal-footer justify-content-center border-0">
2466                    <a type="button" class="btn" data-bs-dismiss="modal" aria-label="Clic para cerrar"><i class="fas fa-times text-white"></i></a>
2467                </div>
2468            </div>
2469        </div>
2470    </div>
2471    <!-- Bot -->
2472    <df-messenger
2473            chat-icon="https:&#x2F;&#x2F;itb.edu.ec&#x2F;statics&#x2F;imagenes&#x2F;main&#x2F;chat.png"
2474            intent="WELCOME"
2475            chat-title="Agente Virtual ITB-Bot"
2476            agent-id="39adfdb1-3055-4fa6-affe-28e150469441"
2477            language-code="es"
2478    ></df-messenger>
2479    <div class="btn-bot" id="chatbot-btn">
2480        <img class="img-fluid" src="https://itb.edu.ec/statics/imagenes/main/chatbot.png">
2481    </div>
2482    <style>
2483        df-messenger {
2484            --df-messenger-bot-message: #f5f5f5;
2485            --df-messenger-button-titlebar-color: #2B4781;
2486            --df-messenger-chat-background-color: #fafafa;
2487            --df-messenger-send-icon: #0E1A39;
2488        }
2489    </style>
2490</main>
2491
2492<script src="https://itb.edu.ec/statics/vendor/bootstrap523/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 2492
2492
2493<script src="https://itb.edu.ec/statics/js/jquery371.min.js"></script>
vendor: 1 bytes, line 2493
2493
2494<script src="https://itb.edu.ec/statics/js/main.js"></script>
vendor: 1 bytes, line 2494
2494
2495<script src="https://itb.edu.ec/statics/js/lazysizes.min.js"></script>
vendor: 1 bytes, line 2495
2495
2496<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
2496
2497
2498<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/gsap.min.js"></script>
vendor: 1 bytes, line 2498
2498
2499<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 2499
2499
2500<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/ScrollSmoother.min.js"></script>
2500
2501<!-- Bot -->
2502<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
2502
2503
2504            
2504<script src="https://itb.edu.ec/statics/vendor/swiper/swiper-bundle.min.js" ></script>
2504
2505            
2505<script src="https://itb.edu.ec/statics/vendor/typeahead/bootstrap3-typeahead.js" ></script>
2505
2506            
2506<script src="https://itb.edu.ec/statics/vendor/Couter/purecounter_vanilla.js" ></script>
2506
2507            
2507<script src="https://itb.edu.ec/statics/vendor/bootstrap-select/bootstrap-select.js" ></script>
2507
2508            
2508<script src="https://itb.edu.ec/statics/inicio/inicio.js" ></script>
2508
2509        
2509<script>
2510        _sliders = [{"id":"72","descripcion":"...","ruta":"\/recursos\/img\/slider\/1783445513_0139165733ab352a23e7.jpeg","rutalg":"\/recursos\/img\/slider\/1783445513_9d75291574804309a8c8.jpeg","url":"","btnlabel":"","orden":"1","estado":"1","created_at":"2026-07-07 12:31:53","updated_at":"2026-07-07 12:31:53"},{"id":"71","descripcion":"...","ruta":"\/recursos\/img\/slider\/1782161050_a891b084eec3246867e3.jpg","rutalg":"\/recursos\/img\/slider\/1782161050_4ea9c0b51b083dbcfc08.jpg","url":"https:\/\/uebolivariana.edu.ec\/","btnlabel":"Conoce la UNIEBEC","orden":"2","estado":"1","created_at":"2026-06-22 15:40:42","updated_at":"2026-07-07 12:34:30"},{"id":"70","descripcion":"...","ruta":"\/recursos\/img\/slider\/1780515275_ce201274ce02ab4a4b73.jpg","rutalg":"\/recursos\/img\/slider\/1780515275_439bb49ccc1ae72037b0.jpg","url":"","btnlabel":"","orden":"3","estado":"1","created_at":"2026-06-03 14:34:35","updated_at":"2026-07-07 12:34:35"},{"id":"42","descripcion":"...","ruta":"\/recursos\/img\/slider\/1761238249_4b595eeb5f6921973faf.jpg","rutalg":"\/recursos\/img\/slider\/1761238677_9e17995058a3e5d1d3a0.jpg","url":"","btnlabel":"","orden":"4","estado":"1","created_at":"2025-01-14 13:09:35","updated_at":"2026-06-03 14:36:55"},{"id":"43","descripcion":"...","ruta":"\/recursos\/img\/slider\/1761238272_cebc623373f53ed5ac2b.jpg","rutalg":"\/recursos\/img\/slider\/1761238662_3355ac20e78010483745.jpg","url":"","btnlabel":"","orden":"4","estado":"1","created_at":"2025-01-14 13:11:12","updated_at":"2025-12-09 11:51:36"},{"id":"57","descripcion":"...","ruta":"\/recursos\/img\/slider\/1760723859_cba1570cd761defed57d.jpg","rutalg":"\/recursos\/img\/slider\/1767795805_be588ccffc01340ec372.jpg","url":"https:\/\/player.vimeo.com\/video\/1105509268?autoplay=1","btnlabel":"Ver M\u00e1s","orden":"4","estado":"1","created_at":"2025-07-29 10:36:26","updated_at":"2026-06-03 14:37:47"}];
2511    </script>
2511
2512
2513        
2513<script>
2514        function getParroquia(select) {
2515            let cantonId = $(select).val();
2516            let $parroquia = $('#parroquia_id');
2517            
2518            $parroquia.html('<option value="">Cargando...</option>');
2519
2520            $.ajax({
2521                type: 'POST',
2522                url: _root + 'ajaxsapp/ajax',
2523                headers: { 'X-Requested-With': 'XMLHttpRequest' },
2524                data: { action: "parroquias", cantonid: cantonId },
2525                dataType: 'json',
2526            }).done(function(response) {
2527                if (response[0] == 1) {
2528                    $parroquia.html(response[1]);
2529                } else {
2530                    $parroquia.html('<option value="">No hay opciones</option>');
2531                }
2532            }).fail(function() {
2533                $parroquia.html('<option value="">Error</option>');
2534            });
2535        }
2536    </script>
vendor: 1 bytes, line 2536
2536
2537<script>
2538    // Variables globales
2539    var fontSize = [1, 3, 6, 12];
2540    var ultimoElementoNarrado = null;
2541    var reproduciendo = false;
2542    // **************** Funcionalidad de escala de grises ****************
2543    function SetColor(){
2544        var current = getCookie('Color');
2545        var newValue = (current === '1') ? '0' : '1';
2546        setCookie('Color',newValue,1);
2547        getColor();
2548    }
2549    function getColor() {
2550        if(getCookie('Color') === '1') {
2551            $("html").addClass("gris");
2552            $("#menuColorbtn").html("<i class='fas fa-palette me-2 mb-2'></i><span>Agregar Color</span><i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2553            document.getElementById('menuColorbtn').classList.add('active');
2554        } else {
2555            $("html").removeClass("gris");
2556            $("#menuColorbtn").html("<i class='fas fa-palette me-2 mb-2'></i> <span>Escala de Grises</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2557            document.getElementById('menuColorbtn').classList.remove('active');
2558        }
2559        getBtnReset();
2560    }
2561    // **************** Funcionalidad de tamaño de fuente ****************
2562    function ChngFuente(){
2563        var aumentar = 1;
2564        var indice = 0;
2565        if(getCookie('fuente')) {
2566            var fuente = getCookie('fuente').split(":");
2567            aumentar = parseInt(fuente[0]);
2568            indice = parseInt(fuente[1]);
2569        }
2570        if(aumentar === 1) {
2571            indice = indice + 1;
2572            aumentar = (indice >= fontSize.length) ? 0 : 1;
2573        } else {
2574            indice = indice - 1;
2575            aumentar = (indice === 0) ? 1 : 0;
2576        }
2577        indice = (indice >= fontSize.length) ? fontSize.length - 1 : indice;
2578        indice = (indice < 0) ? 0 : indice;
2579        setCookie('fuente', aumentar + ':' + indice, 1);
2580        getFuente();
2581    }
2582    function getFuente() {
2583        if(getCookie('fuente')) {
2584            var elementos = document.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, a, small, span");
2585            var fuente = getCookie('fuente').split(":");
2586            var indice = parseInt(fuente[1]);
2587
2588            for (var i = 0; i < elementos.length; i++) {
2589                var sizeActual = parseInt(window.getComputedStyle(elementos[i]).fontSize);
2590                var newSize = (fuente[0] === '1') ?
2591                    parseInt(sizeActual + fontSize[indice]):
2592                    parseInt(sizeActual - fontSize[indice]);
2593                elementos[i].style.fontSize = newSize + "px";
2594            }
2595            if(fuente[0] === '1') {
2596                $("#menuFuenteBtn").html("<i class='fas fa-text-height me-2'></i> <span>Ampliar Texto</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2597            } else {
2598                $("#menuFuenteBtn").html("<i class='fas fa-text-height me-2'></i> <span>Reducir Texto</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2599            }
2600            if(indice === 0) {
2601                $("#menuFuenteBtn").html("<i class='fas fa-text-height me-2'></i> <span>Ampliar Texto</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2602            }
2603            if(indice > 0) {
2604                $("#menuReseTxtBtn").removeClass("d-none");
2605            } else {
2606                $("#menuReseTxtBtn").addClass("d-none");
2607            }
2608            $("#menuFuenteBtn").toggleClass("active", indice > 0);
2609            getBtnReset();
2610        }
2611    }
2612    function ResetFuente() {
2613        eraseCookie('fuente');
2614        window.location.reload();
2615    }
2616    // **************** Funcionalidad de cursor ****************
2617    function ChngCursor() {
2618        var current = getCookie('cursor');
2619        var newValue = (current === '1') ? '0' : '1';
2620        setCookie('cursor', newValue, 1);
2621        getCursor();
2622    }
2623    function getCursor() {
2624        if(getCookie('cursor') === '1') {
2625            $("html").addClass("cursorlg");
2626            $("#menuCursorBtn").html("<i class='fas fa-mouse-pointer me-2 mb-2'></i> <span>Normal Cursor</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2627            $("#menuCursorBtn").addClass("active");
2628        } else {
2629            $("html").removeClass("cursorlg");
2630            $("#menuCursorBtn").html("<i class='fas fa-mouse-pointer me-2 mb-2'></i> <span>Ampliar Cursor</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>");
2631            $("#menuCursorBtn").removeClass("active");
2632        }
2633        getBtnReset();
2634    }
2635    // **************** Funcionalidad de resaltar links ****************
2636    function ResaltLink() {
2637        var current = getCookie('links');
2638        var newValue = (current === '1') ? '0' : '1';
2639        setCookie('links', newValue, 1);
2640        getLinks();
2641    }
2642    function getLinks() {
2643        if(getCookie('links') === '0') {
2644            $("#menuLinksBtn")
2645                .html("<i class='fas fa-link me-2 mb-2'></i> <span>Normal Links</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>")
2646                .addClass("active");
2647            $("a").addClass("resaltado");
2648        } else {
2649            $("#menuLinksBtn")
2650                .html("<i class='fas fa-link me-2 mb-2'></i> <span>Destacar Links</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>")
2651                .removeClass("active");
2652            $("a").removeClass("resaltado");
2653        }
2654        getBtnReset();
2655    }
2656    // **************** Funcionalidad de narrador ****************
2657    function NarradorOff() {
2658        var current = getCookie('narrador');
2659        var newValue = (current === 'si') ? 'no' : 'si';
2660        setCookie('narrador', newValue, 1);
2661        recibirTexto();
2662    }
2663    function recibirTexto() {
2664        var puedeNarrar = getCookie('narrador') || 'no';
2665        if (puedeNarrar === 'si') {
2666            $("#menuSpeackBtn")
2667                .html("<i class='fas fa-volume-up me-2 mb-2'></i> <span>Narrador</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>")
2668                .addClass("active");
2669            $(".texto").hover(
2670                function() {
2671                    if (!reproduciendo && $(this).text() !== ultimoElementoNarrado) {
2672                        decir($(this).text());
2673                        ultimoElementoNarrado = $(this).text();
2674                        reproduciendo = true;
2675                    }
2676                },
2677                function() {
2678                    if ($(this).text() === ultimoElementoNarrado) {
2679                        detenerReproduccion();
2680                    }
2681                }
2682            );
2683            // Configurar eventos para imágenes con atributo alt
2684            $("img[alt]").hover(
2685                function() {
2686                    if (!reproduciendo && $(this).attr('alt') !== ultimoElementoNarrado) {
2687                        decir($(this).attr('alt'));
2688                        ultimoElementoNarrado = $(this).attr('alt');
2689                        reproduciendo = true;
2690                    }
2691                },
2692                function() {
2693                    if ($(this).attr('alt') === ultimoElementoNarrado) {
2694                        detenerReproduccion();
2695                    }
2696                }
2697            );
2698
2699            // Configurar eventos para elementos con aria-label
2700            $("[aria-label]").hover(
2701                function() {
2702                    if (!reproduciendo && $(this).attr('aria-label') !== ultimoElementoNarrado) {
2703                        decir($(this).attr('aria-label'));
2704                        ultimoElementoNarrado = $(this).attr('aria-label');
2705                        reproduciendo = true;
2706                    }
2707                },
2708                function() {
2709                    if ($(this).attr('aria-label') === ultimoElementoNarrado) {
2710                        detenerReproduccion();
2711                    }
2712                }
2713            );
2714
2715        } else {
2716            $("#menuSpeackBtn")
2717                .html("<i class='fas fa-volume-mute me-2 mb-2'></i> <span>Narrador</span> <i class='fa-solid fa-circle-check text-naranja position-absolute m-1 check-icon'></i>")
2718                .removeClass("active");
2719            detenerReproduccion();
2720        }
2721        getBtnReset();
2722    }
2723    function decir(texto) {
2724        var puedeNarrar = getCookie('narrador') || 'si';
2725        if (puedeNarrar === 'si') {
2726            var mensaje = new SpeechSynthesisUtterance(texto);
2727            mensaje.lang = 'es-ES';
2728            mensaje.onend = function() {
2729                reproduciendo = false;
2730            };
2731            speechSynthesis.speak(mensaje);
2732        }
2733    }
2734    function detenerReproduccion() {
2735        speechSynthesis.cancel();
2736        reproduciendo = false;
2737    }
2738    // **************** Funcionalidad de reset ****************
2739    function ResetMenu() {
2740        eraseCookie('Color');
2741        eraseCookie('fuente');
2742        eraseCookie('cursor');
2743        eraseCookie('links');
2744        eraseCookie('narrador');
2745        window.location.reload();
2746    }
2747    function getBtnReset() {
2748        var showReset = false;
2749        if(getCookie('Color') || getCookie('fuente') || getCookie('cursor') || getCookie('links') || getCookie('narrador')) {
2750            showReset = true;
2751        }
2752
2753        if(showReset) {
2754            $("#menuResetBtn").removeClass("d-none");
2755        } else {
2756            $("#menuResetBtn").addClass("d-none");
2757        }
2758    }
2759    // **************** Inicialización y eventos ****************
2760    $(document).ready(function(){
2761        // Cargar configuraciones guardadas al iniciar
2762        getColor();
2763        getFuente();
2764        getCursor();
2765        getLinks();
2766        recibirTexto();
2767        getBtnReset();
2768        // Mostrar/ocultar menú al hacer clic en el botón de discapacidad
2769        $(".discapacidad").click(function(e){
2770            e.stopPropagation();
2771            $("#contenMenudisc").fadeToggle(300);
2772        });
2773        // Cerrar menú solo al hacer clic en el botón de cerrar
2774        $("#btnclosemenu").click(function(e){
2775            e.stopPropagation();
2776            $("#contenMenudisc").hide();
2777        });
2778        // Prevenir que el menú se cierre al hacer clic en una opción
2779        $("#tblMenuDisc li").click(function(e){
2780            e.stopPropagation(); // Evita que el evento se propague al documento
2781            // El menú permanecerá abierto después de la selección
2782        });
2783        // Cerrar menú al hacer clic fuera de él
2784        $(document).click(function(e){
2785            if (!$(e.target).closest("#contenMenudisc").length && !$(e.target).closest(".discapacidad").length){
2786                $("#contenMenudisc").hide();
2787            }
2788        });
2789        // Menú de busqueda de carreras
2790        function debounce(func,wait){
2791            let timeout;
2792            return function() {
2793                const context = this, args = arguments;
2794                clearTimeout(timeout);
2795                timeout = setTimeout(() => func.apply(context, args), wait);
2796            };
2797        }
2798        $("#search").on("input",debounce(function(){
2799            const listaSugerencia = $("#suggestions");
2800            const animclase = "animate__bounceIn";
2801            listaSugerencia.hide();
2802            let query = $(this).val();
2803
2804            if(listaSugerencia.hasClass(animclase)){
2805                listaSugerencia.removeClass('animate__animated');
2806                listaSugerencia.removeClass(animclase);
2807            }
2808
2809            if(query.length > 3){
2810                $.ajax({
2811                    type: 'POST',
2812                    url: _root+'ajaxsapp/ajax',
2813                    headers: {'X-Requested-With':'XMLHttpRequest'},
2814                    data: {action:'query_carrera',s:query },
2815                    success: function(data) {
2816                        var array = eval(data);
2817                        var listado = "";
2818                        $.each(array,function(i,fila){
2819                            const tipo = fila['online']?'Online':'Presencial';
2820                            listado += '<div class="card-lista d-flex align-items-center" data-url="'+_root+fila['url']+'">' +
2821                                '<div class="flex-shrink-0">'+
2822                                '<img src="https://itb.edu.ec/'+fila['img']+'" width="50" alt="Carrera"></div>'+
2823                                '<div class="flex-grow-1 ms-3"><strong class="mb-1">'+fila['descripcion']+'</strong>'+
2824                                '</br> <small>'+tipo+'</small><small class="text-muted"> - '+fila['duracion']+'</small>'+
2825                                '</div></div>';
2826                        });
2827                        listaSugerencia.addClass('animate__animated');
2828                        listaSugerencia.addClass(animclase);
2829                        listaSugerencia.html(listado).show();
2830                    },
2831                    error: function(xhr,status,error){
2832                        console.log(xhr);
2833                        console.log(status);
2834                        console.log(error);
2835                    }
2836                });
2837            } else {
2838                $("#suggestions").hide();
2839                if(listaSugerencia.hasClass(animclase)){
2840                    listaSugerencia.removeClass('animate__animated');
2841                    listaSugerencia.removeClass(animclase);
2842                }
2843            }
2844        },500));
2845        $(document).on("click",".card-lista",function(){
2846            $("#search").val($(this).text());
2847            const url = $(this).data('url');
2848            if (url){
2849                $("#content-preloader").removeClass("d-none");
2850                window.location.href = url;
2851            }
2852            $("#suggestions").hide();
2853        });
2854    });
2855    window.addEventListener('load',function(){
2856        // No todas las paginas incluyen estos elementos del preloader.
2857        const overlayEl = document.getElementById('overlay');
2858        if (overlayEl) overlayEl.classList.add('overlay-efect');
2859        const overlayColorEl = document.getElementById('overlaycolor');
2860        if (overlayColorEl) overlayColorEl.classList.add('overlaycolor-efect');
2861        const contentPreloaderEl = document.getElementById('content-preloader');
2862        if (contentPreloaderEl) contentPreloaderEl.classList.add('d-none');
2863    });
2864    $("#mapTabContent").hover(function(){ cargaMapas(); });
2865    $(".urlclic").click(function(){
2866        const url = $(this).data('url');
2867        if (url){
2868            $("#content-preloader").removeClass("d-none");
2869            window.location.href = url;
2870        }
2871    });
2872    window.addEventListener('pageshow', function(event) {
2873        if (event.persisted) {
2874            // Mostrar preloader
2875            const preloader = document.getElementById('content-preloader');
2876            if (preloader) {
2877                preloader.classList.remove('d-none');
2878            }
2879            window.location.reload();
2880        }
2881    });
2882
2883    // **************** Sistema de gestión de cookies ****************
2884
2885    // Verificar y mostrar banner de cookies
2886    $(document).ready(function(){
2887        if (!getCookie('politicacookies') && !getCookie('cookie_consent')) {
2888            $('.content-cookies').fadeIn();
2889        }
2890
2891        $('#todasopcionales').change(function(){
2892            const isChecked = $(this).prop('checked');
2893            $('#analiticas').prop('checked', isChecked);
2894            $('#preferencias').prop('checked', isChecked);
2895        });
2896
2897        $('#analiticas, #preferencias').change(function(){
2898            const allChecked = $('#analiticas').prop('checked') && $('#preferencias').prop('checked');
2899            $('#todasopcionales').prop('checked', allChecked);
2900        });
2901
2902        cargarConfiguracionCookies();
2903    });
2904
2905    // Aceptar todas las cookies
2906    function aceptarCookies() {
2907        setCookie('politicacookies', '1', 365);
2908        setCookie('cookie_consent', 'all', 365);
2909        setCookie('cookie_analiticas', '1', 365);
2910        setCookie('cookie_preferencias', '1', 365);
2911        $('.content-cookies').fadeOut();
2912        cargarAnaliticas();
2913        cargarPreferencias();
2914        activarMenuPreferencias();
2915    }
2916
2917    // Rechazar todas las cookies opcionales
2918    function rechazarCookies() {
2919        setCookie('politicacookies', '1', 365);
2920        setCookie('cookie_consent', 'necessary', 365);
2921        eraseCookie('cookie_analiticas');
2922        eraseCookie('cookie_preferencias');
2923        $('.content-cookies').fadeOut();
2924        limpiarCookiesAnaliticas();
2925        detenerAnaliticas();
2926        desactivarPreferencias();
2927
2928        // Cerrar modal si está abierto
2929        $('#cookiesModal').modal('hide');
2930    }
2931
2932    // Guardar configuración personalizada de cookies
2933    function guardarConsentimiento() {
2934        setCookie('politicacookies', '1', 365);
2935        const analiticas = $('#analiticas').prop('checked');
2936        const preferencias = $('#preferencias').prop('checked');
2937        if (analiticas && preferencias) {
2938            setCookie('cookie_consent', 'all', 365);
2939        } else if (!analiticas && !preferencias) {
2940            setCookie('cookie_consent', 'necessary', 365);
2941        } else {
2942            setCookie('cookie_consent', 'custom', 365);
2943        }
2944        if (analiticas) {
2945            setCookie('cookie_analiticas', '1', 365);
2946            cargarAnaliticas();
2947        } else {
2948            eraseCookie('cookie_analiticas');
2949            limpiarCookiesAnaliticas();
2950            detenerAnaliticas();
2951        }
2952        if (preferencias) {
2953            setCookie('cookie_preferencias', '1', 365);
2954            cargarPreferencias();
2955            activarMenuPreferencias();
2956        } else {
2957            eraseCookie('cookie_preferencias');
2958            desactivarPreferencias();
2959        }
2960
2961        $('.content-cookies').fadeOut();
2962    }
2963
2964    function cargarConfiguracionCookies() {
2965        const analiticas = getCookie('cookie_analiticas');
2966        const preferencias = getCookie('cookie_preferencias');
2967
2968        $('#analiticas').prop('checked', analiticas === '1');
2969        $('#preferencias').prop('checked', preferencias === '1');
2970
2971        const allChecked = (analiticas === '1') && (preferencias === '1');
2972        $('#todasopcionales').prop('checked', allChecked);
2973
2974        if (analiticas === '1') {
2975            cargarAnaliticas();
2976        }
2977        if (preferencias === '1') {
2978            cargarPreferencias();
2979            activarMenuPreferencias();
2980        } else {
2981            desactivarMenuPreferencias();
2982        }
2983    }
2984
2985    // Cargar scripts de analíticas
2986    function cargarAnaliticas() {
2987        if (window.gtagLoaded) return;
2988
2989        // Google Analytics
2990        const script = document.createElement('script');
2991        script.async = true;
2992        script.src = 'https://www.googletagmanager.com/gtag/js?i
2992d=AW-780440524';
2993        document.head.appendChild(script);
2994
2995        window.dataLayer = window.dataLayer || [];
2996        function gtag(){ dataLayer.push(arguments); }
2997        window.gtag = gtag;
2998        gtag('js', new Date());
2999        gtag('config', 'AW-780440524');
3000
3001        // Facebook Pixel
vendor: 501 bytes, lines 3001-3010
3001
3002        !function(f,b,e,v,n,t,s){
3003            if(f.fbq)return;n=f.fbq=function(){ n.callMethod ? n.callMethod.apply(n,arguments) : n.queue.push(arguments) };
3004            if(!f._fbq)f._fbq=n;
3005            n.push=n;n.loaded=!0;n.version='2.0';
3006            n.queue=[];t=b.createElement(e);t.async=!0;
3007            t.src=v;s=b.getElementsByTagName(e)[0];
3008            s.parentNode.insertBefore(t,s)
3009        }(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
3010        fbq('init', '
3010185165846907852
vendor: 47 bytes, lines 3010-3013
3010');
3011        fbq('track', 'PageView');
3012
3013        
3013window.gtagLoaded = true;
3014        habilitarMapas();
3015        // console.log('Cookies analíticas activadas');
3016    }
3017
3018    function detenerAnaliticas() {
3019        if (typeof gtag !== 'undefined') {
3020            gtag('consent', 'update', {
3021                ad_storage: 'denied',
3022                analytics_storage: 'denied'
3023            });
3024        }
3025        if (typeof fbq !== 'undefined') {
3026            fbq('consent', 'revoke');
3027            fbq = function () {};
3028        }
3029    }
3030
3031    function limpiarCookiesAnaliticas() {
3032        eraseCookie('_fbp');
3033        eraseCookie('_fbc');
3034        eraseCookie('_gcl_au');
3035        eraseCookie('_ga');
3036        eraseCookie('_gid');
3037        eraseCookie('_gat');
3038
3039        // console.log('Cookies analíticas eliminadas');
3040    }
3041
3042    function cargarPreferencias() {
3043        getColor();
3044        getFuente();
3045        getCursor();
3046        getLinks();
3047        recibirTexto();
3048        getBtnReset();
3049        // console.log('Cookies de preferencias activadas');
3050    }
3051
3052    function desactivarPreferencias() {
3053        eraseCookie('Color');
3054        eraseCookie('fuente');
3055        eraseCookie('cursor');
3056        eraseCookie('links');
3057        eraseCookie('narrador');
3058        desactivarMenuPreferencias();
3059        // console.log('Cookies de preferencias desactivadas');
3060    }
3061
3062    function desactivarMenuPreferencias() {
3063        const menu = document.getElementById('tblMenuDisc');
3064        if (!menu) return;
3065
3066        const items = menu.querySelectorAll('a[onclick]');
3067
3068        items.forEach(item => {
3069            const originalOnclick = item.getAttribute('onclick');
3070            item.setAttribute('data-original-onclick', originalOnclick);
3071            item.removeAttribute('onclick');
3072            item.style.cursor = 'not-allowed';
3073            item.style.opacity = '0.5';
3074
3075            item.addEventListener('click', function(e) {
3076                e.preventDefault();
3077                e.stopPropagation();
3078
3079                const cookiesModal = new bootstrap.Modal(document.getElementById('cookiesModal'));
3080                cookiesModal.show();
3081            });
3082        });
3083    }
3084
3085    function activarMenuPreferencias() {
3086        const menu = document.getElementById('tblMenuDisc');
3087        if (!menu) return;
3088
3089        const items = menu.querySelectorAll('a[data-original-onclick]');
3090        items.forEach(item => {
3091            const originalOnclick = item.getAttribute('data-original-onclick');
3092            if (originalOnclick) {
3093                item.setAttribute('onclick', originalOnclick);
3094                item.removeAttribute('data-original-onclick');
3095            }
3096            item.style.cursor = '';
3097            item.style.opacity = '';
3098
3099            const newItem = item.cloneNode(true);
3100            item.parentNode.replaceChild(newItem, item);
3101        });
3102    }
3103
3104    function habilitarMapas() {
3105        window.mapasifrm = 0;
3106        // console.log('Mapas habilitados para carga');
3107    }
3108
3109    $(document).ready(function() {
3110        const necesarias = document.getElementById('necesarias');
3111        const labelNecesarias = document.querySelector("label[for='necesarias']");
3112
3113        if (necesarias) {
3114            necesarias.addEventListener('click', e => e.preventDefault());
3115            necesarias.addEventListener('keydown', e => e.preventDefault());
3116        }
3117        if (labelNecesarias) {
3118            labelNecesarias.addEventListener('click', e => e.preventDefault());
3119        }
3120    });
3121
3122    // Para el chatbot
3123    $('#chatbot-btn').hover(function() {
3124        $(this).hide();
3125    });
3126    $('df-messenger').mouseleave(function() {
3127        $('#chatbot-btn').show();
3128    });
3129
3130    window.addEventListener('dfMessengerLoaded', function() {
3131        const dfMessenger = document.querySelector('df-messenger');
3132        const shadowRoot = dfMessenger.shadowRoot;
3133        const style = document.createElement('style');
3134        style.textContent = `
3135        button#widgetIcon {
3136            width: 70px !important;
3137            height: 70px !important;
3138            bottom: -5px !important;
3139        }
3140        button#widgetIcon .df-chat-icon{
3141            width: 50px !important;
3142            height: 50px !important;
3143        }
3144        button#widgetIcon div #closeSvg{
3145            left: 23px !important;
3146            top: 23px !important;
3147        }
3148        `;
3149        shadowRoot.appendChild(style);
3150    });
3151
3152    const button = document.getElementById('chatbot-btn');
3153    button.classList.add('bounce');
3154    setTimeout(() => {
3155        button.classList.remove('bounce');
3156    }, 1000);
3157    function animateButton() {
3158        const button = document.getElementById('chatbot-btn');
3159        button.classList.add('animate');
3160        setTimeout(() => {
3161            button.classList.remove('animate');
3162        }, 2000);
3163    }
3164    setInterval(animateButton, 8000);
3165</script>
3165
3166</body>
3167</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.