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