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