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