PageSourceSearch

https://itb.edu.ec/Himno

html itb.edu.ec collected 2026-09-24 10:27:15 UTC 127,608 bytes, 1,715 lines download raw bytes

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 &uacute;nica de convertirse en un pensador original que se enfrenta a los desafíos del mundo. Más all&aacute; de los fundamentos, le brindamos las herramientas
77                                            para expandir su conocimiento.</p>
78                                        <div class="d-grid">
79                                            <a href="https://itb.edu.ec/Antecedentes" class="btn btn-outline-azul rounded-0 py-3"> OBT&Eacute;N M&Aacute;S INFORMACI&Oacute;N</a>
80                                        </div>
81                                    </div>
82                                    <div class="col-lg-7">
83                                        <div class="row">
84                                            <div class="d-none d-lg-block col-lg-4">
85                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Rendicion">
86                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/instituto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
87                                                    <div class="card-body">
88                                                        <h5 class="card-title">DATOS Y CALIFICACIONES DEL ITB</h5>
89                                                        <p class="card-text">
90                                                            Con cifras: nuestra identidad y la posici&oacute;n que ocupamos.
91                                                        </p>
92                                                    </div>
93                                                </div>
94                                            </div>
95                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
96                                                <h6 class="dropdown-header">Instituto</h6>
97                                                <a class="dropdown-item " href="https://itb.edu.ec/Antecedentes">Antecedentes</a>
98                                                <a class="dropdown-item " href="https://itb.edu.ec/Filosofia">Filosof&iacute;a Institucional</a>
99                                                <a class="dropdown-item " href="https://itb.edu.ec/Mensaje">Mensaje </a>
100                                                <a class="dropdown-item 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&eacute;dica del campus en un solo lugar,
137                                            brindando f&aacute;cil acceso para los estudiantes y est&aacute; diseñado
138                                            para ser un entorno colaborativo de alto impacto para apoyar
139                                            el aprendizaje, el bienestar y el &eacute;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&Eacute;N M&Aacute;S INFORMACI&Oacute;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&oacute;n y acompa&ntilde;amiento a estudiantes y familias, fomentando el bienestar social y acad&eacute;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&eacute;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&oacute;n Vocacional y Profesional</a>
172                                                <a class="dropdown-item " href="https://itb.edu.ec/Podologia">Podolog&iacute;a</a>
173                                                <a class="dropdown-item " href="https://itb.edu.ec/Psicologico">Psic&oacute;logo</a>
174                                                <a class="dropdown-item " href="https://itb.edu.ec/Suenos">C.D.I. Sue&ntilde;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&eacute;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&oacute;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&oacute;n con la Comunidad</h1>
194                                        <p class="text-justify">
195                                            Se esfuerza por eliminar barreras y contribuir a la pr&aacute;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&Eacute;N M&Aacute;S INFORMACI&Oacute;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&Oacute;N M&Eacute;DICA</h5>
212                                                        <p class="card-text">
213                                                            Destinado a brindar servicios de salud, atenci&oacute;n preventiva y orientaci&oacute;n m&eacute;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&oacute;n con la <br> Comunidad</h6>
220                                                <a class="dropdown-item " href="https://itb.edu.ec/Vinculacion">Qui&eacute;nes Somos</a>
221                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_atencion">Centro de Atenci&oacute;n M&eacute;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&iacute;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&oacute;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&oacute;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&oacute;n</h1>
249                                        <p class="text-justify">
250                                            Fomentar y sistematizar la investigaci&oacute;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&oacute;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&iacute;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&Eacute;N M&Aacute;S INFORMACI&Oacute;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&Oacute;N</h5>
268                                                        <p class="card-text">
269                                                            Destinados a fomentar la generaci&oacute;n de conocimiento, la innovaci&oacute;n y el desarrollo cient&iacute;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&oacute;n</h6>
276                                                <a class="dropdown-item " href="https://itb.edu.ec/Investigacion">Qui&eacute;nes Somos</a>
277                                                <a class="dropdown-item " href="https://itb.edu.ec/Modelo_politicas">Modelo y Pol&iacute;ticas de Investigaci&oacute;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&oacute;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&iacute;neas y Programas de Investigaci&oacute;n</a>
282                                                <a class="dropdown-item " href="https://itb.edu.ec/Conocimiento">Transferencia de Conocimiento y Tecnolog&iacute;as</a>
283                                                <a class="dropdown-item " href="https://itb.edu.ec/Servicios">Servicios Cient&iacute;ficos, T&eacute;cnico y Tecnol&oacute;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&oacute;n e Innovaci&oacute;n</a>
287                                                <h6 class="dropdown-header">Gesti&oacute;n de la Informaci&oacute;n Cient&iacute;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&oacute;n Cient&iacute;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&Eacute;N M&Aacute;S INFORMACI&Oacute;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&oacute;n con nosotros para consultas, informaci&oacute;n o atenci&oacute;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&oacute;n</a>
339                                                <h6 class="dropdown-header">Informaci&oacute;n de contacto</h6>
340                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio">Tel&eacute;fonos</a>
341                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio/correos">Correos</a>
342                                                <h6 class="dropdown-header">Pol&iacute;ticas</h6>
343                                                <a class="dropdown-item " href="https://itb.edu.ec/Politicas/cookies">Pol&iacute;tica de Cookies</a>
344                                                <a class="dropdown-item " href="https://itb.edu.ec/Politica_proteccion_datos">Pol&iacute;tica de Protecci&oacute;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&oacute;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&oacute;gico Bolivariano</p>
406        <p class="text-white">Pr&aacute;ctico sistema de transferencia de transcripciones y solicitudes en l&iacute;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&iacute; 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&Aacute;S?</h2>
432        <p class="text-white">Con&eacute;ctese individualmente con nuestros asesores para explorar programas flexibles dise&ntilde;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&Iacute;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&oacute;n, informaci&oacute;n sobre programas y para programar visitas al campus. Te ayudaremos con el proceso de admisi&oacute;n y nos encantar&iacute;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> &iquest;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&oacute;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&aacute;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&aacute;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>&nbsp;|&nbsp;
630                        <a href="mailto:[email protected]" data-bs-toggle="tooltip" data-bs-placement="top" title="Novedades Tecnolog&iacute;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&eacute;mica</a>
664                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Directorio"> Directorio Telefon&iacute;co</a>
665                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Vinculacion"> Vinculaci&oacute;n</a>
666                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Biblioteca_virtual"> Efem&eacute;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&aacute;</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&iacute;ctor Manuel Rend&oacute;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&aacute; 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&eacute;ndez Gilbert y callej&oacute;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                        &copy; 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&uacute; 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:&#x2F;&#x2F;itb.edu.ec&#x2F;statics&#x2F;imagenes&#x2F;main&#x2F;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.