PageSourceSearch

https://itb.edu.ec/Antecedentes

html itb.edu.ec collected 2026-10-01 13:13:50 UTC 120,038 bytes, 1,483 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4<script  id="debugbar_loader" data-time="1790860422.046071" 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 - Antecedentes</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            </head>
23<body id="body" style="overflow:hidden;">
24<div id="content-preloader">
25    <img src="https://itb.edu.ec/statics/imagenes/main/nadalog.jpg" width="300" height="110" alt="Cargando..."/>
26    <div id="preloader"></div>
27</div>
28    <div id="overlay"></div>
29    <div id="overlaycolor"></div>
30<div class="tpl-snow"></div>
31<script>const _root='https://itb.edu.ec/';const prelodmask = '1';</script>
31
32<header>
33    <nav class="navbar navbar-dark bg-naranja fixed-top" id="navsocial" aria-label="Bar Link">
34        <div class="container justify-content-end">
35            <ul class="social-icons-ql">
36                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.1s;">
37                    <a href="https://www.tiktok.com/@itb_ec?lang=es" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
38                </li>
39                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.2s;">
40                    <a href="https://www.instagram.com/itb_ec/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
41                </li>
42                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.3s;">
43                    <a href="https://www.facebook.com/itb.edu.ec" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
44                </li>
45                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.4s;">
46                    <a href="https://x.com/ITBolivariano" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
47                </li>
48                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.5s;">
49                    <a href="https://www.youtube.com/c/itbinstitutosuperioruniversitariobolivariano" target="_blank"><i class="fa-brands fa-youtube"></i></a>
50                </li>
51                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.6s;">
52                    <a href="https://www.linkedin.com/company/itb-ec/?originalSubdomain=ec" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
53                </li>
54            </ul>
55            <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>
56        </div>
57    </nav>
58    <nav class="navbar navbar-expand-lg fixed-top bg-white py-2 py-lg-0" id="navmenu">
59        <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">
60            <a class="navbar-brand animate__animated animate__fadeInLeft" style="animation-delay:0.2s;" href="https://itb.edu.ec/">
61                <img src="https://itb.edu.ec/statics/imagenes/plantilla/logo-itb.png" alt="Logo Itb">
62            </a>
63            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapseMenu" aria-controls="navbarCollapseMenu" aria-expanded="false" aria-label="Toggle navigation">
64                <span class="navbar-toggler-icon"></span>
65            </button>
66            <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">
67                <ul class="navbar-nav">
68                    <li class="nav-item dropdown position-static align-content-center">
69                        <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 active" href="#" id="megaMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
70                            Instituto
71                        </a>
72                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
73                            <div class="container-fluid">
74                                <div class="row py-lg-4 px-lg-4">
75                                    <div class="d-none d-lg-block col-lg-5">
76                                        <h1>Acerca de ITB</h1>
77                                        <p class="text-justify">
78                                            En ITB, nuestra principal prioridad es brindarle una educación de alta calidad en un entorno propicio para su crecimiento
79                                            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
80                                            para expandir su conocimiento.</p>
81                                        <div class="d-grid">
82                                            <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>
83                                        </div>
84                                    </div>
85                                    <div class="col-lg-7">
86                                        <div class="row">
87                                            <div class="d-none d-lg-block col-lg-4">
88                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Rendicion">
89                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/instituto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
90                                                    <div class="card-body">
91                                                        <h5 class="card-title">DATOS Y CALIFICACIONES DEL ITB</h5>
92                                                        <p class="card-text">
93                                                            Con cifras: nuestra identidad y la posici&oacute;n que ocupamos.
94                                                        </p>
95                                                    </div>
96                                                </div>
97                                            </div>
98                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
99                                                <h6 class="dropdown-header">Instituto</h6>
100                                                <a class="dropdown-item menuactivo" href="https://itb.edu.ec/Antecedentes">Antecedentes</a>
101                                                <a class="dropdown-item " href="https://itb.edu.ec/Filosofia">Filosof&iacute;a Institucional</a>
102                                                <a class="dropdown-item " href="https://itb.edu.ec/Mensaje">Mensaje </a>
103                                                <a class="dropdown-item " href="https://itb.edu.ec/Himno">Himno al ITB</a>
104                                                <a class="dropdown-item " href="https://itb.edu.ec/Baselegal">Base Legal</a>
105                                                <a class="dropdown-item " href="https://itb.edu.ec/Trabaja_con_nosotros">Trabaja con Nosotros</a>
106
107                                                <h6 class="dropdown-header">Estructura</h6>
108                                                <a class="dropdown-item " href="https://itb.edu.ec/Autoridades">Autoridades</a>
109                                                <a class="dropdown-item " href="https://itb.edu.ec/Organigrama">Organigrama</a>
110                                                <a class="dropdown-item " href="https://itb.edu.ec/CoGobierno">Co-Gobierno</a>
111                                            </div>
112                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
113                                                <h6 class="dropdown-header">Transparencia</h6>
114                                                <a class="dropdown-item " href="https://itb.edu.ec/Presupuesto">Presupuesto</a>
115                                                <a class="dropdown-item " href="https://itb.edu.ec/Rendicion">Rendición de Cuentas</a>
116                                                <a class="dropdown-item " href="https://itb.edu.ec/Remuneracion">Remuneración Mensual</a>
117                                                <a class="dropdown-item " href="https://itb.edu.ec/Aranceles">Aranceles</a>
118                                                <a class="dropdown-item " href="https://itb.edu.ec/Balance">Balance General</a>
119                                                <a class="dropdown-item " href="https://itb.edu.ec/Obligaciones">Cumplimiento de Obligaciones</a>
120                                                <a class="dropdown-item " href="https://itb.edu.ec/Planificacion">Planificación</a>
121                                                <a class="dropdown-item " href="https://itb.edu.ec/Auditados">Balances Auditados</a>
122                                                <a class="dropdown-item " href="https://itb.edu.ec/Aseguramiento_calidad">Sistema de Aseguramiento de la Calidad</a>
123                                            </div>
124                                        </div>
125                                    </div>
126                                </div>
127                            </div>
128                        </div>
129                    </li>
130                    <li class="nav-item dropdown position-static align-content-center">
131                        <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">
132                            Vida estudiantil
133                        </a>
134                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
135                            <div class="container-fluid">
136                                <div class="row py-lg-4 px-lg-4">
137                                    <div class="d-none d-lg-block col-lg-5">
138                                        <h1>Experiencia del Estudiante</h1>
139                                        <p class="text-justify">
140                                            Incluye toda la atención m&eacute;dica del campus en un solo lugar,
141                                            brindando f&aacute;cil acceso para los estudiantes y est&aacute; diseñado
142                                            para ser un entorno colaborativo de alto impacto para apoyar
143                                            el aprendizaje, el bienestar y el &eacute;xito de los estudiantes. </p>
144                                        <div class="d-grid">
145                                            <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>
146                                        </div>
147                                    </div>
148                                    <div class="col-lg-7">
149                                        <div class="row">
150                                            <div class="d-none d-lg-block col-lg-4 ">
151                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Asistencia">
152                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/estudiantil.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
153                                                    <div class="card-body">
154                                                        <h5 class="card-title">SERVICIO DE
155                                                            ASISTENCIA SOCIAL</h5>
156                                                        <p class="card-text">
157                                                            Brinda apoyo, orientaci&oacute;n y acompa&ntilde;amiento a estudiantes y familias, fomentando el bienestar social y acad&eacute;mico.
158                                                        </p>
159                                                    </div>
160                                                </div>
161                                            </div>
162                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
163                                                <h6 class="dropdown-header">Bienestar estudiantil</h6>
164                                                <a class="dropdown-item " href="https://itb.edu.ec/Bienestar">Qui&eacute;nes Somos</a>
165                                                <a class="dropdown-item " href="https://itb.edu.ec/Informes">Informes</a>
166                                                <a class="dropdown-item " href="https://itb.edu.ec/Actividades">Actividades Realizadas</a>
167                                                <a class="dropdown-item " href="https://itb.edu.ec/Arte_Cultura">Arte y Cultura</a>
168                                                <h6 class="dropdown-header">Servicios y Beneficios</h6>
169                                                <a class="dropdown-item " href="https://itb.edu.ec/Asistencia">Asistencia Social</a>
170                                                <a class="dropdown-item " href="https://itb.edu.ec/Cruzroja">Cuenta en la Cruz Roja Ecuatoriana</a>
171                                                <a class="dropdown-item " href="https://itb.edu.ec/Gym">Gym</a>
172                                            </div>
173                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
174                                                <a class="dropdown-item " href="https://itb.edu.ec/Observatorio">Observatorio Bolivariano</a>
175                                                <a class="dropdown-item " href="https://itb.edu.ec/Orientacion">Orientaci&oacute;n Vocacional y Profesional</a>
176                                                <a class="dropdown-item " href="https://itb.edu.ec/Podologia">Podolog&iacute;a</a>
177                                                <a class="dropdown-item " href="https://itb.edu.ec/Psicologico">Psic&oacute;logo</a>
178                                                <a class="dropdown-item " href="https://itb.edu.ec/Suenos">C.D.I. Sue&ntilde;os Bolivarianos</a>
179                                            </div>
180                                        </div>
181                                    </div>
182                                </div>
183                            </div>
184                        </div>
185                    </li>
186                    <li class="nav-item align-content-center">
187                        <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>
188                    </li>
189                    <li class="nav-item dropdown position-static align-content-center">
190                        <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">
191                            Vinculaci&oacute;n
192                        </a>
193                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
194                            <div class="container-fluid">
195                                <div class="row py-lg-4 px-lg-4">
196                                    <div class="d-none d-lg-block col-lg-5">
197                                        <h1>Vinculaci&oacute;n con la Comunidad</h1>
198                                        <p class="text-justify">
199                                            Se esfuerza por eliminar barreras y contribuir a la pr&aacute;ctica
200                                            comunitaria de pertenencia de los estudiantes del ITB; al
201                                            hacerlo, cultivamos comunidades inclusivas y empoderamos
202                                            a los estudiantes para que se afirmen en sus identidades y las
203                                            formas en que se cruzan.</p>
204                                        <div class="d-grid">
205                                            <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>
206                                        </div>
207                                    </div>
208                                    <div class="col-lg-7">
209                                        <div class="row">
210                                            <div class="d-none d-lg-block col-lg-4">
211                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Centro_atencion">
212                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/vinculacion.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
213                                                    <div class="card-body">
214                                                        <h5 class="card-title">CENTRO DE
215                                                            ATENCI&Oacute;N M&Eacute;DICA</h5>
216                                                        <p class="card-text">
217                                                            Destinado a brindar servicios de salud, atenci&oacute;n preventiva y orientaci&oacute;n m&eacute;dica integral para la comunidad universitaria.
218                                                        </p>
219                                                    </div>
220                                                </div>
221                                            </div>
222                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
223                                                <h6 class="dropdown-header">Vinculaci&oacute;n con la <br> Comunidad</h6>
224                                                <a class="dropdown-item " href="https://itb.edu.ec/Vinculacion">Qui&eacute;nes Somos</a>
225                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_atencion">Centro de Atenci&oacute;n M&eacute;dica</a>
226                                                <a class="dropdown-item " href="https://itb.edu.ec/Convenio">Convenios</a>
227                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_vinculacion">Info-V&iacute;nculo</a>
228                                                <h6 class="dropdown-header">Programas</h6>
229                                                <a class="dropdown-item " href="https://itb.edu.ec/Salud_comunidad">Salud para la Comunidad</a>
230                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_contable">Centro Contable y Tributario</a>
231                                            </div>
232                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
233                                                <h6 class="dropdown-header">Graduados</h6>
234                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_graduado">Inf&oacute;rmate Graduado</a>
235                                                <a class="dropdown-item" href="https://bancodeproblemas.itb.edu.ec/">Banco de Problemas</a>
236
237                                            </div>
238                                        </div>
239                                    </div>
240                                </div>
241                            </div>
242                        </div>
243                    </li>
244                    <li class="nav-item dropdown position-static align-content-center srcmenuhiden">
245                        <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">
246                            Investigaci&oacute;n
247                        </a>
248                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
249                            <div class="container-fluid">
250                                <div class="row py-lg-4 px-lg-4">
251                                    <div class="d-none d-lg-block col-lg-5">
252                                        <h1>Investigaci&oacute;n</h1>
253                                        <p class="text-justify">
254                                            Fomentar y sistematizar la investigaci&oacute;n multi, inter y
255                                            transdisciplinar que se realiza en ITB por parte de docentes y
256                                            estudiantes, en correspondencia con los dominios
257                                            académicos declarados por la instituci&oacute;n y, que tiene como
258                                            finalidad esencial dar respuesta a los problemas planteados
259                                            por el entorno social de la región y el pa&iacute;s.</p>
260                                        <div class="d-grid">
261                                            <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>
262                                        </div>
263                                    </div>
264                                    <div class="col-lg-7">
265                                        <div class="row">
266                                            <div class="d-none d-lg-block col-lg-4">
267                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Proyecto_investigacion">
268                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/investigacion.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
269                                                    <div class="card-body">
270                                                        <h5 class="card-title">PROYECTOS DE
271                                                            INVESTIGACI&Oacute;N</h5>
272                                                        <p class="card-text">
273                                                            Destinados a fomentar la generaci&oacute;n de conocimiento, la innovaci&oacute;n y el desarrollo cient&iacute;fico en beneficio de la comunidad.
274                                                        </p>
275                                                    </div>
276                                                </div>
277                                            </div>
278                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
279                                                <h6 class="dropdown-header">Investigaci&oacute;n</h6>
280                                                <a class="dropdown-item " href="https://itb.edu.ec/Investigacion">Qui&eacute;nes Somos</a>
281                                                <a class="dropdown-item " href="https://itb.edu.ec/Modelo_politicas">Modelo y Pol&iacute;ticas de Investigaci&oacute;n</a>
282                                                <a class="dropdown-item " href="https://itb.edu.ec/Convocatoria">Convocatorias</a>
283                                                <a class="dropdown-item " href="https://itb.edu.ec/Proyecto_investigacion">Proyectos de Investigaci&oacute;n</a>
284                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_interes">Noticias y Novedades</a>
285                                                <a class="dropdown-item " href="https://itb.edu.ec/Lineas">L&iacute;neas y Programas de Investigaci&oacute;n</a>
286                                                <a class="dropdown-item " href="https://itb.edu.ec/Conocimiento">Transferencia de Conocimiento y Tecnolog&iacute;as</a>
287                                                <a class="dropdown-item " href="https://itb.edu.ec/Servicios">Servicios Cient&iacute;ficos, T&eacute;cnico y Tecnol&oacute;gicos</a>
288                                            </div>
289                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
290                                                <a class="dropdown-item " href="https://itb.edu.ec/Semilleros">Semilleros de Investigaci&oacute;n e Innovaci&oacute;n</a>
291                                                <h6 class="dropdown-header">Gesti&oacute;n de la Informaci&oacute;n Cient&iacute;fica</h6>
292                                                <a class="dropdown-item " href="https://itb.edu.ec/Biblioteca_tradicional">Biblioteca Tradicional</a>
293                                                <a class="dropdown-item " href="https://itb.edu.ec/Biblioteca_virtual">Biblioteca Virtual</a>
294                                                <a class="dropdown-item " href="https://itb.edu.ec/Divulgacion">Divulgaci&oacute;n Cient&iacute;fica</a>
295                                                <a class="dropdown-item" href="https://identidadbolivariana.itb.edu.ec/" target="_blank">Identidad Bolivariana</a>
296                                                <a class="dropdown-item" href="https://dspace.itb.edu.ec/" target="_blank">Repositorio Digital</a>
297                                            </div>
298                                        </div>
299                                    </div>
300                                </div>
301                            </div>
302                        </div>
303                    </li>
304                    <li class="nav-item dropdown position-static align-content-center srcmenuhiden">
305                        <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">
306                            Contacto
307                        </a>
308                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
309                            <div class="container-fluid">
310                                <div class="row py-lg-4 px-lg-4">
311                                    <div class="d-none d-lg-block col-lg-5">
312                                        <h1>Admisión y Ayuda</h1>
313                                        <p class="text-justify">
314                                            Nuestras decisiones de admisión se basan en un proceso
315                                            holístico y selectivo, independientemente de las finanzas.
316                                            Tener la oportunidad de cambiar el mundo no debería
317                                            depender de tener el dinero para pagar el instituto. La ayuda
318                                            financiera líder en la industria de ITB garantiza que todos los
319                                            estudiantes de todos los orígenes puedan reunirse, aprender
320                                            juntos y crecer juntos. En pocas palabras: cuando usted se
321                                            compromete con nosotros, nosotros nos comprometemos con
322                                            usted.</p>
323                                        <div class="d-grid">
324                                            <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>
325                                        </div>
326                                    </div>
327                                    <div class="col-lg-7">
328                                        <div class="row">
329                                            <div class="d-none d-lg-block col-lg-4">
330                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Sugerencia">
331                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/contacto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
332                                                    <div class="card-body">
333                                                        <h5 class="card-title">CONTACTO</h5>
334                                                        <p class="card-text">
335                                                            Ponte en comunicaci&oacute;n con nosotros para consultas, informaci&oacute;n o atenci&oacute;n personalizada.
336                                                        </p>
337                                                    </div>
338                                                </div>
339                                            </div>
340                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
341                                                <h6 class="dropdown-header">Quiero estudiar en ITB</h6>
342                                                <a class="dropdown-item " href="https://itb.edu.ec/Inscripcion">Inscripci&oacute;n</a>
343                                                <h6 class="dropdown-header">Informaci&oacute;n de contacto</h6>
344                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio">Tel&eacute;fonos</a>
345                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio/correos">Correos</a>
346                                                <h6 class="dropdown-header">Pol&iacute;ticas</h6>
347                                                <a class="dropdown-item " href="https://itb.edu.ec/Politicas/cookies">Pol&iacute;tica de Cookies</a>
348                                                <a class="dropdown-item " href="https://itb.edu.ec/Politica_proteccion_datos">Pol&iacute;tica de Protecci&oacute;n de Datos Personales</a>
349                                            </div>
350                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
351                                                <h6 class="dropdown-header">Tu opini&oacute;n es importante</h6>
352                                                <a class="dropdown-item " href="https://itb.edu.ec/Sugerencia">Sugerencias</a>
353                                            </div>
354                                        </div>
355                                    </div>
356                                </div>
357                            </div>
358                        </div>
359                    </li>
360                    <li class="nav-item position-static d-none" id="searchcontainer">
361                        <div class="nav-link align-content-center">
362                            <input type="search" class="form-control rounded rounded-pill" id="search" placeholder="Buscar por carrera....">
363                            <div id="suggestions" class="autocomplete-suggestions"></div>
364                        </div>
365                    </li>
366                    <li class="nav-item position-static">
367                        <a class="nav-link py-3 px-lg-2 py-xl-4 px-xl-3">
368                            <i class="fas fa-search text-naranja fs-5 " id="searchicon"></i>
369                            <i class="fas fa-times text-azul fs-3 d-none" id="closesearchicon"></i>
370                        </a>
371                    </li>
372                </ul>
373
374            </div>
375        </div>
376    </nav>
377</header>
378<script>
379    document.getElementById('searchicon').addEventListener('click',function(){
380        document.getElementById('searchcontainer').classList.remove('d-none');
381        document.getElementById('closesearchicon').classList.remove('d-none');
382        document.getElementById('searchicon').classList.add('d-none');
383        document.querySelectorAll('.srcmenuhiden').forEach(element => {
384            element.classList.add('d-none');
385        });
386    });
387    document.getElementById('closesearchicon').addEventListener('click',function(){
388        document.getElementById('searchcontainer').classList.add('d-none');
389        document.getElementById('closesearchicon').classList.add('d-none');
390        document.getElementById('searchicon').classList.remove('d-none');
391        document.getElementById('search').value = '';
392        document.querySelectorAll('.srcmenuhiden').forEach(element => {
393            element.classList.remove('d-none');
394        });
395    });
396</script>
396
397<main>
398        <div class="hero-container">
399        <img src="https://itb.edu.ec/statics/imagenes/instituto/porqueitb.webp" alt="Semilleros de Investigación e Innovación" width="1905" height="450" loading="eager" fetchpriority="high" class="hero-image">
400        <div class="hero-text" aria-hidden="true"></div>
401    </div>
402    <div class="container-fluid">
403        <div class="container py-5">
404            <div class="row">
405                <div class="col-lg-4 px-xl-5 order-2 order-lg-1">
406                    <div class="card menu-aplica border-0 mb-4 anim" data-animate="fadeIn">
407    <div class="card-body px-4 py-4">
408        <h2 class="text-white">APLICA HOY</h2>
409        <p class="text-naranja mb-4 subtitulo-seccion">Presenta tu solicitud al Instituto Tecnol&oacute;gico Bolivariano</p>
410        <p class="text-white">Pr&aacute;ctico sistema de transferencia de transcripciones y solicitudes en l&iacute;nea que cualquier persona puede utilizar para postularse a programas universitarios de pregrado.</p>
411        <div class="d-flex justify-content-end">
412            <a href="https://itb.edu.ec/Inscripcion" class="btn btn-naranja">Clic aqu&iacute; para comenzar</a>
413        </div>
414    </div>
415</div>
416<style>
417    .menu-aplica{background-color: #0E1A39;}
418    .menu-aplica h2{
419        font-family: "Oswald-Medium", sans-serif;
420        font-size: 36px;
421    }
422    .menu-aplica .subtitulo-seccion{font-size: 15px}
423    .menu-aplica p:not(.subtitulo-seccion),
424    .menu-aplica a{font-size: 14px;}
425</style>
426                    <div class="card menu-programas border-0 mb-4 anim" data-animate="fadeIn">
427    <div class="card-body px-4 py-4">
428        <h3 class="text-white mb-0">CONSULTE NUESTROS</h3>
429        <h2 class="text-white">PROGRAMAS</h2>
430        <p class="text-white">Encuentre el programa adecuado para usted.</p>
431        <div class="d-flex justify-content-end mb-4">
432            <a href="https://itb.edu.ec/Oferta_academica" class="btn btn-mostaza rounded-pill">Ir</a>
433        </div>
434        <h3 class="text-white mb-0">¿QUIERES</h3>
435        <h2 class="text-white">CHARLAR M&Aacute;S?</h2>
436        <p class="text-white">Con&eacute;ctese individualmente con nuestros asesores para explorar programas flexibles dise&ntilde;ados para apoyar su crecimiento profesional.</p>
437        <div class="d-flex justify-content-end">
438            <a href="https://api.whatsapp.com/send?phone=5930968695213&text='Consulta de Informacion desde Pagina Web'" target="_blank" class="btn btn-naranja">Comenzar ahora</a>
439        </div>
440    </div>
441</div>
442<style>
443    .menu-programas{background-color: #0E1A39;}
444    .menu-programas h3{font-family: 'Gotham-Medium', sans-serif; font-size: 25px;}
445    .menu-programas h2{
446        font-family: "Oswald-Medium", sans-serif;
447        font-size: 36px;
448    }
449    .menu-programas p,
450    .menu-programas a{font-size: 14px}
451</style>                </div>
452                <div class="col-lg-8 order-1 order-lg-2">
453                    <div class="section-title texto anim" data-animate="fadeInRight">
454                        <h6 class="mb-3 fw-bold text-uppercase titulo-encabezado">Instituto</h6>
455                        <h3 class="mb-2 titulo-seccion">&iquest;Por qu&eacute; en ITB?</h3>
456                    </div>
457                    <div class="text-justify texto anim" data-animate="fadeInRight">
458                        <p class="mt-3">En ITB, nuestra principal prioridad es brindarle una educaci&oacute;n de alta calidad en un entorno propicio para su crecimiento como
459                            estudiante y futuro profesional. Ofrece a cada estudiante una oportunidad &uacute;nica de convertirse en un pensador original que se
460                            enfrenta a los desaf&iacute;os del mundo. M&aacute;s all&aacute; de los fundamentos, le brindamos las herramientas para expandir su conocimiento.
461                        </p>
462                        <p>
463                            Los campus de ITB tienen el tama&ntilde;o perfecto, ni demasiado grandes ni demasiado peque&ntilde;os, lo que permite que los programas innovadores y
464                            efectivos, adem&aacute;s de mejorar sus habilidades en el sal&oacute;n de clases, queremos ayudarlo a hacer uso de sus talentos m&aacute;s all&aacute;
465                            de los libros. Trabajamos para conectar a los estudiantes con la facultad y la comunidad.
466                        </p>
467                        <p> Nuestro plan de estudios funciona para ti, abri&eacute;ndote la puerta para que hagas de tu pasi&oacute;n tu profesi&oacute;n.</p>
468                    </div>
469                    <div class="section-title texto anim mt-4" data-animate="fadeInRight">
470                        <h3 class="mb-2 titulo-seccion">Historia de ITB</h3>
471                    </div>
472                    <div class="text-justify texto anim" data-animate="fadeInRight">
473                        <p class="mt-3">
474                            El Instituto Superior Tecnol&oacute;gico Bolivariano de Tecnolog&iacute;a es una Instituci&oacute;n de Educaci&oacute;n Superior, con
475                            Registro Institucional Nro. 09-030 otorgado por el CONESUP, de derecho p&uacute;blico, con personer&iacute;a jur&iacute;dica propia, y
476                            capacidad de autogesti&oacute;n administrativa y financiera. Inicia con la cesi&oacute;n de derechos que realiza el Sr. Antonio Gregorio
477                            Guti&eacute;rrez Pe&ntilde;afiel del Instituto T&eacute;cnico Superior Particular Mastercomp con sede en la ciudad de Milagro, creado por
478                            resoluci&oacute;n 2763 del Ministerio de Ed  ucaci&oacute;n y Cultura del 24 de junio de 1996, al Lsi. Manuel Roberto Tolozano Benites,
479                            posteriormente la Direcci&oacute;n Provincial de Educaci&oacute;n y Cultura en acuerdo No. 0068 del 12 de octubre de 1999 autoriza el
480                            cambio de nombre a Instituto T&eacute;cnico Superior Particular Megacompu.
481                        </p>
482                        <p>
483                            Luego, la Subsecretar&iacute;a Regional de Educaci&oacute;n, con acuerdo No. 0474 del 28 de junio del 2000, reconoce el acuerdo No. 0068 expedidos
484                            por la Direcci&oacute;n Provincial de Educaci&oacute;n y Cultura del 12 de octubre de 1999; la cesi&oacute;n de derechos a favor del
485                            se&ntilde;or Lsi. Manuel Roberto Tolozano Benites; y, autoriza el cambio de domicilio del cant&oacute;n Milagro a la ciudad de Guayaquil;
486                            reconociendo al se&ntilde;or Lic. Gonzalo Enrique Jarr&iacute;n Mora como rector. El 11 de diciembre del a&ntilde;o 2001, la Junta General
487                            de Directivos y Profesores acepta la renuncia presentada por el Lic. Gonzalo Enrique Jarr&iacute;n Mora a su cargo de Rector y nombra en
488                            su lugar al Lsi. Manuel Roberto Tolozano Benites, documento que se hizo llegar al CONESUP.
489                        </p>
490                        <p>
491                            El 25 de septiembre, el CONESUP con resoluci&oacute;n RCP.S21.No.368.08 autoriza el cambio de nombre de Instituto Superior Tecnol&oacute;gico
492                            Megacompu a Instituto Superior Tecnol&oacute;gico Bolivariano de Tecnolog&iacute;a.
493                        </p>
494                        <p>
495                            Su domicilio civil es en la ciudad de Guayaquil y su &aacute;mbito en el &aacute;rea de docencia es la provincia del Guayas y en los de Ciencia y
496                            Tecnolog&iacute;a y Vinculaci&oacute;n con la Comunidad, su &aacute;mbito es nacional.
497                        </p>
498                    </div>
499                </div>
500            </div>
501        </div>
502    </div>
503    <div class="links-float" id="links-float" data-wow-delay="0.1s">
504        <div class="card rounded-0">
505            <div class="card-header rounded-0" data-open="true">
506                <i class="fas"></i>
507            </div>
508            <div class="list-group rounded-0">
509                <a href="https://itb.edu.ec/Sugerencia"
510                   target="_blank"
511                   class="list-group-item list-group-item-action rounded-0">
512                    <span class="tooltip-text">Sugerencias</span>
513                    <i class="fas fa-envelope"></i>
514                </a>
515                <a href="https://itb.edu.ec/Videos"
516                   target="_blank"
517                   class="list-group-item list-group-item-action">
518                    <span class="tooltip-text">Videos</span>
519                    <i class="fab fa-youtube"></i>
520                </a>
521                <a href="https://itb.edu.ec/Gym" class="list-group-item list-group-item-action">
522                    <span class="tooltip-text">Gimnasio</span>
523                    <i class="fas fa-dumbbell"></i>
524                </a>
525                <a href="https://itb.edu.ec/Actividades" class="list-group-item list-group-item-action">
526                    <span class="tooltip-text">Actividades</span>
527                    <i class="far fa-newspaper"></i>
528                </a>
529                <a href="https://conducecuador.itb.edu.ec/" target="_blank" class="list-group-item list-group-item-action">
530                    <span class="tooltip-text">Escuela de conducci&oacute;n</span>
531                    <i class="fas fa-car"></i>
532                </a>
533            </div>
534        </div>
535    </div>
536    <div class="img-foother">
537        <img src="https://itb.edu.ec/statics/imagenes/plantilla/ruedabg.gif" alt="Pie de p&aacute;gina" loading="lazy" width="80" height="100">
538    </div>
539    <div class="container-fluid text-white-50 footer pt-5 wow fadeIn" data-wow-delay="0.1s">
540        <div class="container py-5">
541            <div class="row g-5">
542                <div class="col-lg-4 col-md-6">
543                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/logo-white.png"
544                         class="img-fluid mb-4"
545                         style="max-height:85px"
546                         alt="Logo Itb Pie de p&aacute;gina">
547                    <p class="mb-2 texto"><i class="fa fa-map-marker-alt me-3"></i> PBX : (04) 5000175 - 2307028 - 5002164 - 3727040</p>
548                    <p class="mb-2 texto"><i class="fa fa-phone-alt me-3"></i> 1800 ITB-ITB: 482-482 </p>
549                    <p class="mb-2">
550                        <i class="fa fa-envelope me-3"></i>
551                        <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;
552                        <a href="mailto:[email protected]" data-bs-toggle="tooltip" data-bs-placement="top" title="Novedades Tecnolog&iacute;as" aria-label="Correo Soporte">soporte</a>
553                    </p>
554                    <div class="d-flex pt-2">
555                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
556                           style="animation-delay:0.1s;"
557                           href="https://twitter.com/ITBolivariano"
558                           target="_blank" aria-label="Boton Ir a Twiter ITB"><i class="fa-brands fa-x-twitter"></i></a>
559                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
560                           style="animation-delay:0.3s;"
561                           href="https://www.facebook.com/itb.edu.ec"
562                           target="_blank" aria-label="Boton Ir a Facebook ITB"><i class="fab fa-facebook-f"></i></a>
563                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
564                           style="animation-delay:0.6s;"
565                           href="https://itb.edu.ec/"
566                           aria-label="Boton Ir a  Google Plus ITB"><i class="fab fa-google-plus-g"></i></a>
567                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
568                           style="animation-delay:0.9s;"
569                           href="https://www.youtube.com/channel/UCc8EQVMtBoGCIWrnLKkG0cw"
570                           target="_blank" aria-label="Boton ir a Youtube ITB"><i class="fab fa-youtube"></i></a>
571                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
572                           style="animation-delay:1.2s;"
573                           href="https://www.instagram.com/itb_ec/?hl=es-la"
574                           target="" aria-label="Boton ir a Instagram ITB"><i class="fab fa-instagram"></i></a>
575                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
576                           style="animation-delay:1.5s;"
577                           href="https://www.tiktok.com/@itb_ec?lang=es"
578                           target="" aria-label="Boton ir a Tiktok ITB"><i class="fab fa-tiktok"></i></a>
579                    </div>
580                </div>
581                <div class="col-lg-4 col-md-6">
582                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Beca"> Becas</a>
583                    <a class="btn btn-link text-white-50 texto" href="https://buckcenter.edu.ec/" target="_blank"> Buckingham English Center S.A</a>
584                    <a class="btn btn-link text-white-50 texto" href="https://conducecuador.itb.edu.ec/" target="_blank"> Conduce Ecuador</a>
585                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Oferta_academica"> Oferta acad&eacute;mica</a>
586                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Directorio"> Directorio Telefon&iacute;co</a>
587                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Vinculacion"> Vinculaci&oacute;n</a>
588                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Biblioteca_virtual"> Efem&eacute;rides</a>
589                </div>
590                <div class="col-lg-4 col-md-6">
591                    <div class="row">
592                        <div class="col-4">
593                            <ul class="nav flex-column nav-tabs border-0" id="mapaTab" role="tablist">
594                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
595                                    <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>
596                                </li>
597                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
598                                    <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>
599                                </li>
600                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
601                                    <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>
602                                </li>
603                                <li class="nav-item " role="presentation" onclick="cargaMapas()">
604                                    <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>
605                                </li>
606                            </ul>
607                        </div>
608                        <div class="col-8">
609                            <div class="tab-content" id="mapTabContent">
610                                <div class="tab-pane fade show active" id="matriz1" role="tabpanel" aria-labelledby="matriz1-tab">
611                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
612                                        <div id="frmmatriz1"><img src="https://itb.edu.ec/statics/imagenes/plantilla/mapa.jpg" class="card-img-top"></div>
613                                        <div class="card-body">
614                                            <p class="card-text texto">V&iacute;ctor Manuel Rend&oacute;n 236 y Pedro Carbo.</p>
615                                        </div>
616                                    </div>
617                                </div>
618                                <div class="tab-pane fade" id="matriz2" role="tabpanel" aria-labelledby="matriz2-tab">
619                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
620                                        <div id="frmmatriz2"></div>
621                                        <div class="card-body">
622                                            <p class="card-text texto">Padre Solano No.324 y Boyac&aacute; Esquina.</p>
623                                        </div>
624                                    </div>
625                                </div>
626                                <div class="tab-pane fade" id="matriz3" role="tabpanel" aria-labelledby="matriz3-tab">
627                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
628                                        <div id="frmmatriz3"></div>
629                                        <div class="card-body">
630                                            <p class="card-text texto">Roca #101 y Pedro Carbo Esquina.</p>
631                                        </div>
632                                    </div>
633                                </div>
634                                <div class="tab-pane fade" id="matriz4" role="tabpanel" aria-labelledby="matriz4-tab">
635                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
636                                        <div id="frmmatriz4"></div>
637                                        <div class="card-body">
638                                            <p class="card-text texto">Avenida Pedro Men&eacute;ndez Gilbert y callej&oacute;n.</p>
639                                        </div>
640                                    </div>
641                                </div>
642                            </div>
643                        </div>
644                    </div>
645                </div>
646            </div>
647        </div>
648        <div class="container">
649            <div class="copyright wow animate__animated animate__slideInRight">
650                <div class="d-flex flex-wrap align-items-center">
651                    <div class="flex-grow-1 text-center text-lg-start mb-2 mb-lg-0 pe-3">
652                        &copy; 2025<a href="#" class="text-decoration-none"> TIC - ITB</a> | Todos los derechos reservados
653                    </div>
654                    <div class="d-flex flex-column flex-lg-row align-items-center gap-3 me-lg-4">
655                        <div class="footer-menu">
656                            <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>
657                            <a href="javascript:void(0);"  data-bs-toggle="tooltip"
658                               data-bs-placement="top"
659                               title="Total de visitas 9 M"
660                               data-purecounter-start="0"
661                               data-purecounter-end="9"
662                               data-purecounter-duration="4"
663                               class="purecounter">9 M</a>
664                        </div>
665                    </div>
666                </div>
667            </div>
668        </div>
669    </div>
670    <div id="discapacidad" class="discapacidad">
671        <i class="fas fa-wheelchair"></i>
672    </div>
673    <div id="contenMenudisc" class="conten-menu-discapaciada" style="display:none;">
674        <div class="card border-0 rounded-0 shadow">
675            <div class="card-header rounded-0">
676                <h5 class="mb-0 text-center">Men&uacute; de Accesibilidad</h5>
677            </div>
678            <div id="tblMenuDisc" class="card-body pb-0">
679                <div class="row justify-content-center">
680                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
681                        <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>
682                    </div>
683                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
684                        <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>
685                    </div>
686                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
687                        <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>
688                    </div>
689                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
690                        <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>
691                    </div>
692                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
693                        <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>
694                    </div>
695                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
696                        <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>
697                    </div>
698                    <div class="col-12 my-2">
699                        <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>
700                    </div>
701                </div>
702            </div>
703        </div>
704    </div>
705    <div id="whasapicon" class="whasapicon">
706        <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">
707            <i class="fab fa-whatsapp"></i>
708        </a>
709    </div>
710    <span onclick="goToTop()" id="goTopBtn"> <i class="fa-solid fa-arrow-up fa-2xl"></i> </span>
711
712        <div class="content-cookies fixed-bottom" style="display: none">
713        <div class="card shadow-lg px-4 py-4 py-sm-0 bg-transparent">
714            <div class="card-body">
715                <div class="row justify-content-evenly align-items-center">
716                    <div class="col-sm-6 col-lg-8 col-xl-6 col-xxl-5">
717                        <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>
718                        <a href="https://itb.edu.ec/Politicas/cookies" class="text-decoration-underline text-naranja texto link">Revisar política</a>
719                    </div>
720                    <div class="col-sm-4 col-lg-3 col-xl-5 col-xxl-4 mt-4 mt-sm-0">
721                        <div class="d-flex flex-xl-row flex-column w-100 gap-2">
722                            <a href="javascript:void(0);" onclick="aceptarCookies();" class="btn w-100 rounded-pill texto bg-naranja">Aceptar todo</a>
723                            <a href="javascript:void(0);" onclick="rechazarCookies();" class="btn w-100 rounded-pill texto btn-light">Rechazar todo</a>
724                            <a data-bs-toggle="modal" data-bs-target="#cookiesModal" class="btn w-100 rounded-pill texto btn-light">Configuración</a>
725                        </div>
726                    </div>
727                </div>
728            </div>
729        </div>
730    </div>
731
732        <div class="modal fade" id="cookiesModal" tabindex="-1" aria-labelledby="cookiesModalLabel" aria-hidden="true">
733        <div class="modal-dialog modal-lg">
734            <div class="modal-content border-0 bg-transparent texto">
735                <div class="modal-header justify-content-center">
736                    <h5 class="modal-title" id="cookiesModalLabel">Configuración de cookies</h5>
737                </div>
738                <div class="modal-body p-5 pb-0 bg-white">
739                    <div class="form-check form-switch mb-4">
740                        <input class="form-check-input" type="checkbox" id="todasopcionales">
741                        <label class="form-check-label" for="todasopcionales">Seleccionar todas las cookies opcionales</label>
742                    </div>
743                    <div class="form-check form-switch">
744                        <input class="form-check-input" type="checkbox" id="necesarias" checked disabled>
745                        <label class="form-check-label" for="necesarias">Necesarias (siempre activas)</label>
746                        <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>
747                    </div>
748                    <div class="form-check form-switch">
749                        <input class="form-check-input" type="checkbox" id="analiticas">
750                        <label class="form-check-label" for="analiticas">Analíticas</label>
751                        <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>
752                    </div>
753                    <div class="form-check form-switch">
754                        <input class="form-check-input" type="checkbox" id="preferencias">
755                        <label class="form-check-label" for="preferencias">De preferencias</label>
756                        <p>Estas cookies permiten recordar información que cambia la forma en que el sitio se comporta o 
756se muestra, como el menú de accesibilidad.</p>
757                    </div>
758                </div>
759                <div class="d-flex justify-content-end gap-2 border-top bg-white p-4">
760                    <button type="button" class="btn rechazar px-3 py-2" onclick="rechazarCookies()" data-bs-dismiss="modal">Rechazar todo</button>
761                    <button type="button" class="btn guardar px-3 py-2" onclick="guardarConsentimiento()" data-bs-dismiss="modal">Guardar cambios</button>
762                </div>
763                <div class="modal-footer justify-content-center border-0">
764                    <a type="button" class="btn" data-bs-dismiss="modal" aria-label="Clic para cerrar"><i class="fas fa-times text-white"></i></a>
765                </div>
766            </div>
767        </div>
768    </div>
769    <!-- Bot -->
770    <df-messenger
771            chat-icon="https:&#x2F;&#x2F;itb.edu.ec&#x2F;statics&#x2F;imagenes&#x2F;main&#x2F;chat.png"
772            intent="WELCOME"
773            chat-title="Agente Virtual ITB-Bot"
774            agent-id="39adfdb1-3055-4fa6-affe-28e150469441"
775            language-code="es"
776    ></df-messenger>
777    <div class="btn-bot" id="chatbot-btn">
778        <img class="img-fluid" src="https://itb.edu.ec/statics/imagenes/main/chatbot.png">
779    </div>
780    <style>
781        df-messenger {
782            --df-messenger-bot-message: #f5f5f5;
783            --df-messenger-button-titlebar-color: #2B4781;
784            --df-messenger-chat-background-color: #fafafa;
785            --df-messenger-send-icon: #0E1A39;
786        }
787    </style>
788</main>
789
790<script src="https://itb.edu.ec/statics/vendor/bootstrap523/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 790
790
791<script src="https://itb.edu.ec/statics/js/jquery371.min.js"></script>
vendor: 1 bytes, line 791
791
792<script src="https://itb.edu.ec/statics/js/main.js"></script>
vendor: 1 bytes, line 792
792
793<script src="https://itb.edu.ec/statics/js/lazysizes.min.js"></script>
vendor: 1 bytes, line 793
793
794<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
794
795
796<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/gsap.min.js"></script>
vendor: 1 bytes, line 796
796
797<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 797
797
798<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/ScrollSmoother.min.js"></script>
798
799<!-- Bot -->
800<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
800
801
802            
802<script src="https://itb.edu.ec/statics/vendor/swiper/swiper-bundle.min.js" ></script>
802
803            
803<script src="https://itb.edu.ec/statics/vendor/typeahead/bootstrap3-typeahead.js" ></script>
803
804        <style>
805        .hero-container {position: relative;margin-top: 100px;contain: paint;}
806        .hero-image {width: 100%;height: 450px;aspect-ratio: 16/9;object-fit: cover;will-change: transform; object-position: center 0%;}
807        .hero-text {position: absolute;inset: 0;background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);pointer-events: none;}
808        /*Cambiar segun la imagen (object position)*/
809        @media (min-width: 768px) and (max-width: 1399px) {
810            .hero-image {object-position: right;}
811        }
812        @media (max-width: 767px) {
813            .hero-container {margin-top: 70px;height: 350px;}
814            .hero-image {height: 350px;object-position: center}
815        }
816    </style>
817    
817<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script>
817
818    
818<script>
819        /**************** Efecto de carga y animaciones **************/
820        gsap.registerPlugin(ScrollTrigger);
821        window.addEventListener('DOMContentLoaded',() => {
822            initMask();
823        });
824        function initMask(){
825            document.body.style.overflow = 'hidden';
826            const overlay = document.getElementById('overlay');
827            const preloader = document.getElementById('preloader');
828            const tl = gsap.timeline({ ease: "power2.out", });
829            if(prelodmask == 1){
830                tl.add(() => { if (preloader) preloader.style.display = 'none'; },0.3);
831            }
832            tl.add(() => {startAnimScroll(95,true);}, 0.9);
833            tl.add(() => { if (overlay) overlay.style.display = 'none';document.body.style.overflow = 'auto';},3);
834        }
835        function startAnimScroll(top=60,repetir=false){
836            document.querySelectorAll('.anim').forEach(el => {
837                if (el.hasAttribute('data-animate')) {
838                    const animClass = 'animate__' + el.getAttribute('data-animate');
839                    ScrollTrigger.create({
840                        trigger:el,
841                        start:`top ${top}%`,
842                        onEnter:()=>el.classList.add('animate__animated', animClass),
843                        onEnterBack:()=>el.classList.add('animate__animated', animClass),
844                        onLeave:()=>el.classList.remove('animate__animated', animClass),
845                        onLeaveBack:()=>el.classList.remove('animate__animated', animClass),
846                        once:repetir
847                    });
848                }
849            });
850        }
851        /**************** Fin de Efecto de carga **************/
852    </script>
vendor: 1 bytes, line 852
852
853<script>
854    // Variables globales
855    var fontSize = [1, 3, 6, 12];
856    var ultimoElementoNarrado = null;
857    var reproduciendo = false;
858    // **************** Funcionalidad de escala de grises ****************
859    function SetColor(){
860        var current = getCookie('Color');
861        var newValue = (current === '1') ? '0' : '1';
862        setCookie('Color',newValue,1);
863        getColor();
864    }
865    function getColor() {
866        if(getCookie('Color') === '1') {
867            $("html").addClass("gris");
868            $("#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>");
869            document.getElementById('menuColorbtn').classList.add('active');
870        } else {
871            $("html").removeClass("gris");
872            $("#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>");
873            document.getElementById('menuColorbtn').classList.remove('active');
874        }
875        getBtnReset();
876    }
877    // **************** Funcionalidad de tamaño de fuente ****************
878    function ChngFuente(){
879        var aumentar = 1;
880        var indice = 0;
881        if(getCookie('fuente')) {
882            var fuente = getCookie('fuente').split(":");
883            aumentar = parseInt(fuente[0]);
884            indice = parseInt(fuente[1]);
885        }
886        if(aumentar === 1) {
887            indice = indice + 1;
888            aumentar = (indice >= fontSize.length) ? 0 : 1;
889        } else {
890            indice = indice - 1;
891            aumentar = (indice === 0) ? 1 : 0;
892        }
893        indice = (indice >= fontSize.length) ? fontSize.length - 1 : indice;
894        indice = (indice < 0) ? 0 : indice;
895        setCookie('fuente', aumentar + ':' + indice, 1);
896        getFuente();
897    }
898    function getFuente() {
899        if(getCookie('fuente')) {
900            var elementos = document.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, a, small, span");
901            var fuente = getCookie('fuente').split(":");
902            var indice = parseInt(fuente[1]);
903
904            for (var i = 0; i < elementos.length; i++) {
905                var sizeActual = parseInt(window.getComputedStyle(elementos[i]).fontSize);
906                var newSize = (fuente[0] === '1') ?
907                    parseInt(sizeActual + fontSize[indice]):
908                    parseInt(sizeActual - fontSize[indice]);
909                elementos[i].style.fontSize = newSize + "px";
910            }
911            if(fuente[0] === '1') {
912                $("#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>");
913            } else {
914                $("#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>");
915            }
916            if(indice === 0) {
917                $("#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>");
918            }
919            if(indice > 0) {
920                $("#menuReseTxtBtn").removeClass("d-none");
921            } else {
922                $("#menuReseTxtBtn").addClass("d-none");
923            }
924            $("#menuFuenteBtn").toggleClass("active", indice > 0);
925            getBtnReset();
926        }
927    }
928    function ResetFuente() {
929        eraseCookie('fuente');
930        window.location.reload();
931    }
932    // **************** Funcionalidad de cursor ****************
933    function ChngCursor() {
934        var current = getCookie('cursor');
935        var newValue = (current === '1') ? '0' : '1';
936        setCookie('cursor', newValue, 1);
937        getCursor();
938    }
939    function getCursor() {
940        if(getCookie('cursor') === '1') {
941            $("html").addClass("cursorlg");
942            $("#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>");
943            $("#menuCursorBtn").addClass("active");
944        } else {
945            $("html").removeClass("cursorlg");
946            $("#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>");
947            $("#menuCursorBtn").removeClass("active");
948        }
949        getBtnReset();
950    }
951    // **************** Funcionalidad de resaltar links ****************
952    function ResaltLink() {
953        var current = getCookie('links');
954        var newValue = (current === '1') ? '0' : '1';
955        setCookie('links', newValue, 1);
956        getLinks();
957    }
958    function getLinks() {
959        if(getCookie('links') === '0') {
960            $("#menuLinksBtn")
961                .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>")
962                .addClass("active");
963            $("a").addClass("resaltado");
964        } else {
965            $("#menuLinksBtn")
966                .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>")
967                .removeClass("active");
968            $("a").removeClass("resaltado");
969        }
970        getBtnReset();
971    }
972    // **************** Funcionalidad de narrador ****************
973    function NarradorOff() {
974        var current = getCookie('narrador');
975        var newValue = (current === 'si') ? 'no' : 'si';
976        setCookie('narrador', newValue, 1);
977        recibirTexto();
978    }
979    function recibirTexto() {
980        var puedeNarrar = getCookie('narrador') || 'no';
981        if (puedeNarrar === 'si') {
982            $("#menuSpeackBtn")
983                .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>")
984                .addClass("active");
985            $(".texto").hover(
986                function() {
987                    if (!reproduciendo && $(this).text() !== ultimoElementoNarrado) {
988                        decir($(this).text());
989                        ultimoElementoNarrado = $(this).text();
990                        reproduciendo = true;
991                    }
992                },
993                function() {
994                    if ($(this).text() === ultimoElementoNarrado) {
995                        detenerReproduccion();
996                    }
997                }
998            );
999            // Configurar eventos para imágenes con atributo alt
1000            $("img[alt]").hover(
1001                function() {
1002                    if (!reproduciendo && $(this).attr('alt') !== ultimoElementoNarrado) {
1003                        decir($(this).attr('alt'));
1004                        ultimoElementoNarrado = $(this).attr('alt');
1005                        reproduciendo = true;
1006                    }
1007                },
1008                function() {
1009                    if ($(this).attr('alt') === ultimoElementoNarrado) {
1010                        detenerReproduccion();
1011                    }
1012                }
1013            );
1014
1015            // Configurar eventos para elementos con aria-label
1016            $("[aria-label]").hover(
1017                function() {
1018                    if (!reproduciendo && $(this).attr('aria-label') !== ultimoElementoNarrado) {
1019                        decir($(this).attr('aria-label'));
1020                        ultimoElementoNarrado = $(this).attr('aria-label');
1021                        reproduciendo = true;
1022                    }
1023                },
1024                function() {
1025                    if ($(this).attr('aria-label') === ultimoElementoNarrado) {
1026                        detenerReproduccion();
1027                    }
1028                }
1029            );
1030
1031        } else {
1032            $("#menuSpeackBtn")
1033                .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>")
1034                .removeClass("active");
1035            detenerReproduccion();
1036        }
1037        getBtnReset();
1038    }
1039    function decir(texto) {
1040        var puedeNarrar = getCookie('narrador') || 'si';
1041        if (puedeNarrar === 'si') {
1042            var mensaje = new SpeechSynthesisUtterance(texto);
1043            mensaje.lang = 'es-ES';
1044            mensaje.onend = function() {
1045                reproduciendo = false;
1046            };
1047            speechSynthesis.speak(mensaje);
1048        }
1049    }
1050    function detenerReproduccion() {
1051        speechSynthesis.cancel();
1052        reproduciendo = false;
1053    }
1054    // **************** Funcionalidad de reset ****************
1055    function ResetMenu() {
1056        eraseCookie('Color');
1057        eraseCookie('fuente');
1058        eraseCookie('cursor');
1059        eraseCookie('links');
1060        eraseCookie('narrador');
1061        window.location.reload();
1062    }
1063    function getBtnReset() {
1064        var showReset = false;
1065        if(getCookie('Color') || getCookie('fuente') || getCookie('cursor') || getCookie('links') || getCookie('narrador')) {
1066            showReset = true;
1067        }
1068
1069        if(showReset) {
1070            $("#menuResetBtn").removeClass("d-none");
1071        } else {
1072            $("#menuResetBtn").addClass("d-none");
1073        }
1074    }
1075    // **************** Inicialización y eventos ****************
1076    $(document).ready(function(){
1077        // Cargar configuraciones guardadas al iniciar
1078        getColor();
1079        getFuente();
1080        getCursor();
1081        getLinks();
1082        recibirTexto();
1083        getBtnReset();
1084        // Mostrar/ocultar menú al hacer clic en el botón de discapacidad
1085        $(".discapacidad").click(function(e){
1086            e.stopPropagation();
1087            $("#contenMenudisc").fadeToggle(300);
1088        });
1089        // Cerrar menú solo al hacer clic en el botón de cerrar
1090        $("#btnclosemenu").click(function(e){
1091            e.stopPropagation();
1092            $("#contenMenudisc").hide();
1093        });
1094        // Prevenir que el menú se cierre al hacer clic en una opción
1095        $("#tblMenuDisc li").click(function(e){
1096            e.stopPropagation(); // Evita que el evento se propague al documento
1097            // El menú permanecerá abierto después de la selección
1098        });
1099        // Cerrar menú al hacer clic fuera de él
1100        $(document).click(function(e){
1101            if (!$(e.target).closest("#contenMenudisc").length && !$(e.target).closest(".discapacidad").length){
1102                $("#contenMenudisc").hide();
1103            }
1104        });
1105        // Menú de busqueda de carreras
1106        function debounce(func,wait){
1107            let timeout;
1108            return function() {
1109                const context = this, args = arguments;
1110                clearTimeout(timeout);
1111                timeout = setTimeout(() => func.apply(context, args), wait);
1112            };
1113        }
1114        $("#search").on("input",debounce(function(){
1115            const listaSugerencia = $("#suggestions");
1116            const animclase = "animate__bounceIn";
1117            listaSugerencia.hide();
1118            let query = $(this).val();
1119
1120            if(listaSugerencia.hasClass(animclase)){
1121                listaSugerencia.removeClass('animate__animated');
1122                listaSugerencia.removeClass(animclase);
1123            }
1124
1125            if(query.length > 3){
1126                $.ajax({
1127                    type: 'POST',
1128                    url: _root+'ajaxsapp/ajax',
1129                    headers: {'X-Requested-With':'XMLHttpRequest'},
1130                    data: {action:'query_carrera',s:query },
1131                    success: function(data) {
1132                        var array = eval(data);
1133                        var listado = "";
1134                        $.each(array,function(i,fila){
1135                            const tipo = fila['online']?'Online':'Presencial';
1136                            listado += '<div class="card-lista d-flex align-items-center" data-url="'+_root+fila['url']+'">' +
1137                                '<div class="flex-shrink-0">'+
1138                                '<img src="https://itb.edu.ec/'+fila['img']+'" width="50" alt="Carrera"></div>'+
1139                                '<div class="flex-grow-1 ms-3"><strong class="mb-1">'+fila['descripcion']+'</strong>'+
1140                                '</br> <small>'+tipo+'</small><small class="text-muted"> - '+fila['duracion']+'</small>'+
1141                                '</div></div>';
1142                        });
1143                        listaSugerencia.addClass('animate__animated');
1144                        listaSugerencia.addClass(animclase);
1145                        listaSugerencia.html(listado).show();
1146                    },
1147                    error: function(xhr,status,error){
1148                        console.log(xhr);
1149                        console.log(status);
1150                        console.log(error);
1151                    }
1152                });
1153            } else {
1154                $("#suggestions").hide();
1155                if(listaSugerencia.hasClass(animclase)){
1156                    listaSugerencia.removeClass('animate__animated');
1157                    listaSugerencia.removeClass(animclase);
1158                }
1159            }
1160        },500));
1161        $(document).on("click",".card-lista",function(){
1162            $("#search").val($(this).text());
1163            const url = $(this).data('url');
1164            if (url){
1165                $("#content-preloader").removeClass("d-none");
1166                window.location.href = url;
1167            }
1168            $("#suggestions").hide();
1169        });
1170    });
1171    window.addEventListener('load',function(){
1172        // No todas las paginas incluyen estos elementos del preloader.
1173        const overlayEl = document.getElementById('overlay');
1174        if (overlayEl) overlayEl.classList.add('overlay-efect');
1175        const overlayColorEl = document.getElementById('overlaycolor');
1176        if (overlayColorEl) overlayColorEl.classList.add('overlaycolor-efect');
1177        const contentPreloaderEl = document.getElementById('content-preloader');
1178        if (contentPreloaderEl) contentPreloaderEl.classList.add('d-none');
1179    });
1180    $("#mapTabContent").hover(function(){ cargaMapas(); });
1181    $(".urlclic").click(function(){
1182        const url = $(this).data('url');
1183        if (url){
1184            $("#content-preloader").removeClass("d-none");
1185            window.location.href = url;
1186        }
1187    });
1188    window.addEventListener('pageshow', function(event) {
1189        if (event.persisted) {
1190            // Mostrar preloader
1191            const preloader = document.getElementById('content-preloader');
1192            if (preloader) {
1193                preloader.classList.remove('d-none');
1194            }
1195            window.location.reload();
1196        }
1197    });
1198
1199    // **************** Sistema de gestión de cookies ****************
1200
1201    // Verificar y mostrar banner de cookies
1202    $(document).ready(function(){
1203        if (!getCookie('politicacookies') && !getCookie('cookie_consent')) {
1204            $('.content-cookies').fadeIn();
1205        }
1206
1207        $('#todasopcionales').change(function(){
1208            const isChecked = $(this).prop('checked');
1209            $('#analiticas').prop('checked', isChecked);
1210            $('#preferencias').prop('checked', isChecked);
1211        });
1212
1213        $('#analiticas, #preferencias').change(function(){
1214            const allChecked = $('#analiticas').prop('checked') && $('#preferencias').prop('checked');
1215            $('#todasopcionales').prop('checked', allChecked);
1216        });
1217
1218        cargarConfiguracionCookies();
1219    });
1220
1221    // Aceptar todas las cookies
1222    function aceptarCookies() {
1223        setCookie('politicacookies', '1', 365);
1224        setCookie('cookie_consent', 'all', 365);
1225        setCookie('cookie_analiticas', '1', 365);
1226        setCookie('cookie_preferencias', '1', 365);
1227        $('.content-cookies').fadeOut();
1228        cargarAnaliticas();
1229        cargarPreferencias();
1230        activarMenuPreferencias();
1231    }
1232
1233    // Rechazar todas las cookies opcionales
1234    function rechazarCookies() {
1235        setCookie('politicacookies', '1', 365);
1236        setCookie('cookie_consent', 'necessary', 365);
1237        eraseCookie('cookie_analiticas');
1238        eraseCookie('cookie_preferencias');
1239        $('.content-cookies').fadeOut();
1240        limpiarCookiesAnaliticas();
1241        detenerAnaliticas();
1242        desactivarPreferencias();
1243
1244        // Cerrar modal si está abierto
1245        $('#cookiesModal').modal('hide');
1246    }
1247
1248    // Guardar configuración personalizada de cookies
1249    function guardarConsentimiento() {
1250        setCookie('politicacookies', '1', 365);
1251        const analiticas = $('#analiticas').prop('checked');
1252        const preferencias = $('#preferencias').prop('checked');
1253        if (analiticas && preferencias) {
1254            setCookie('cookie_consent', 'all', 365);
1255        } else if (!analiticas && !preferencias) {
1256            setCookie('cookie_consent', 'necessary', 365);
1257        } else {
1258            setCookie('cookie_consent', 'custom', 365);
1259        }
1260        if (analiticas) {
1261            setCookie('cookie_analiticas', '1', 365);
1262            cargarAnaliticas();
1263        } else {
1264            eraseCookie('cookie_analiticas');
1265            limpiarCookiesAnaliticas();
1266            detenerAnaliticas();
1267        }
1268        if (preferencias) {
1269            setCookie('cookie_preferencias', '1', 365);
1270            cargarPreferencias();
1271            activarMenuPreferencias();
1272        } else {
1273            eraseCookie('cookie_preferencias');
1274            desactivarPreferencias();
1275        }
1276
1277        $('.content-cookies').fadeOut();
1278    }
1279
1280    function cargarConfiguracionCookies() {
1281        const analiticas = getCookie('cookie_analiticas');
1282        const preferencias = getCookie('cookie_preferencias');
1283
1284        $('#analiticas').prop('checked', analiticas === '1');
1285        $('#preferencias').prop('checked', preferencias === '1');
1286
1287        const allChecked = (analiticas === '1') && (preferencias === '1');
1288        $('#todasopcionales').prop('checked', allChecked);
1289
1290        if (analiticas === '1') {
1291            cargarAnaliticas();
1292        }
1293        if (preferencias === '1') {
1294            cargarPreferencias();
1295            activarMenuPreferencias();
1296        } else {
1297            desactivarMenuPreferencias();
1298        }
1299    }
1300
1301    // Cargar scripts de analíticas
1302    function cargarAnaliticas() {
1303        if (window.gtagLoaded) return;
1304
1305        // Google Analytics
1306        const script = document.createElement('script');
1307        script.async = true;
1308        script.src = 'https://www.googletagmanager.com/gtag/js?i
1308d=AW-780440524';
1309        document.head.appendChild(script);
1310
1311        window.dataLayer = window.dataLayer || [];
1312        function gtag(){ dataLayer.push(arguments); }
1313        window.gtag = gtag;
1314        gtag('js', new Date());
1315        gtag('config', 'AW-780440524');
1316
1317        // Facebook Pixel
vendor: 501 bytes, lines 1317-1326
1317
1318        !function(f,b,e,v,n,t,s){
1319            if(f.fbq)return;n=f.fbq=function(){ n.callMethod ? n.callMethod.apply(n,arguments) : n.queue.push(arguments) };
1320            if(!f._fbq)f._fbq=n;
1321            n.push=n;n.loaded=!0;n.version='2.0';
1322            n.queue=[];t=b.createElement(e);t.async=!0;
1323            t.src=v;s=b.getElementsByTagName(e)[0];
1324            s.parentNode.insertBefore(t,s)
1325        }(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
1326        fbq('init', '
1326185165846907852
vendor: 47 bytes, lines 1326-1329
1326');
1327        fbq('track', 'PageView');
1328
1329        
1329window.gtagLoaded = true;
1330        habilitarMapas();
1331        // console.log('Cookies analíticas activadas');
1332    }
1333
1334    function detenerAnaliticas() {
1335        if (typeof gtag !== 'undefined') {
1336            gtag('consent', 'update', {
1337                ad_storage: 'denied',
1338                analytics_storage: 'denied'
1339            });
1340        }
1341        if (typeof fbq !== 'undefined') {
1342            fbq('consent', 'revoke');
1343            fbq = function () {};
1344        }
1345    }
1346
1347    function limpiarCookiesAnaliticas() {
1348        eraseCookie('_fbp');
1349        eraseCookie('_fbc');
1350        eraseCookie('_gcl_au');
1351        eraseCookie('_ga');
1352        eraseCookie('_gid');
1353        eraseCookie('_gat');
1354
1355        // console.log('Cookies analíticas eliminadas');
1356    }
1357
1358    function cargarPreferencias() {
1359        getColor();
1360        getFuente();
1361        getCursor();
1362        getLinks();
1363        recibirTexto();
1364        getBtnReset();
1365        // console.log('Cookies de preferencias activadas');
1366    }
1367
1368    function desactivarPreferencias() {
1369        eraseCookie('Color');
1370        eraseCookie('fuente');
1371        eraseCookie('cursor');
1372        eraseCookie('links');
1373        eraseCookie('narrador');
1374        desactivarMenuPreferencias();
1375        // console.log('Cookies de preferencias desactivadas');
1376    }
1377
1378    function desactivarMenuPreferencias() {
1379        const menu = document.getElementById('tblMenuDisc');
1380        if (!menu) return;
1381
1382        const items = menu.querySelectorAll('a[onclick]');
1383
1384        items.forEach(item => {
1385            const originalOnclick = item.getAttribute('onclick');
1386            item.setAttribute('data-original-onclick', originalOnclick);
1387            item.removeAttribute('onclick');
1388            item.style.cursor = 'not-allowed';
1389            item.style.opacity = '0.5';
1390
1391            item.addEventListener('click', function(e) {
1392                e.preventDefault();
1393                e.stopPropagation();
1394
1395                const cookiesModal = new bootstrap.Modal(document.getElementById('cookiesModal'));
1396                cookiesModal.show();
1397            });
1398        });
1399    }
1400
1401    function activarMenuPreferencias() {
1402        const menu = document.getElementById('tblMenuDisc');
1403        if (!menu) return;
1404
1405        const items = menu.querySelectorAll('a[data-original-onclick]');
1406        items.forEach(item => {
1407            const originalOnclick = item.getAttribute('data-original-onclick');
1408            if (originalOnclick) {
1409                item.setAttribute('onclick', originalOnclick);
1410                item.removeAttribute('data-original-onclick');
1411            }
1412            item.style.cursor = '';
1413            item.style.opacity = '';
1414
1415            const newItem = item.cloneNode(true);
1416            item.parentNode.replaceChild(newItem, item);
1417        });
1418    }
1419
1420    function habilitarMapas() {
1421        window.mapasifrm = 0;
1422        // console.log('Mapas habilitados para carga');
1423    }
1424
1425    $(document).ready(function() {
1426        const necesarias = document.getElementById('necesarias');
1427        const labelNecesarias = document.querySelector("label[for='necesarias']");
1428
1429        if (necesarias) {
1430            necesarias.addEventListener('click', e => e.preventDefault());
1431            necesarias.addEventListener('keydown', e => e.preventDefault());
1432        }
1433        if (labelNecesarias) {
1434            labelNecesarias.addEventListener('click', e => e.preventDefault());
1435        }
1436    });
1437
1438    // Para el chatbot
1439    $('#chatbot-btn').hover(function() {
1440        $(this).hide();
1441    });
1442    $('df-messenger').mouseleave(function() {
1443        $('#chatbot-btn').show();
1444    });
1445
1446    window.addEventListener('dfMessengerLoaded', function() {
1447        const dfMessenger = document.querySelector('df-messenger');
1448        const shadowRoot = dfMessenger.shadowRoot;
1449        const style = document.createElement('style');
1450        style.textContent = `
1451        button#widgetIcon {
1452            width: 70px !important;
1453            height: 70px !important;
1454            bottom: -5px !important;
1455        }
1456        button#widgetIcon .df-chat-icon{
1457            width: 50px !important;
1458            height: 50px !important;
1459        }
1460        button#widgetIcon div #closeSvg{
1461            left: 23px !important;
1462            top: 23px !important;
1463        }
1464        `;
1465        shadowRoot.appendChild(style);
1466    });
1467
1468    const button = document.getElementById('chatbot-btn');
1469    button.classList.add('bounce');
1470    setTimeout(() => {
1471        button.classList.remove('bounce');
1472    }, 1000);
1473    function animateButton() {
1474        const button = document.getElementById('chatbot-btn');
1475        button.classList.add('animate');
1476        setTimeout(() => {
1477            button.classList.remove('animate');
1478        }, 2000);
1479    }
1480    setInterval(animateButton, 8000);
1481</script>
1481
1482</body>
1483</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.