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