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