PageSourceSearch

https://itb.edu.ec/Filosofia

html itb.edu.ec collected 2026-10-01 13:13:58 UTC 121,685 bytes, 1,541 lines download raw bytes

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

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.