PageSourceSearch

https://itb.edu.ec/Himno

html itb.edu.ec collected 2026-10-01 13:14:12 UTC 127,773 bytes, 1,716 lines download raw bytes

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

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