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