PageSourceSearch

https://itb.edu.ec/

html itb.edu.ec collected 2026-10-01 13:13:41 UTC 267,550 bytes, 3,168 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4<script  id="debugbar_loader" data-time="1790860413.472105" 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 - Inicio</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                        <link rel="preconnect" href="https://fonts.googleapis.com" >
20                    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21                    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Caveat+Brush&amp;display=swap" >
22                    <link rel="stylesheet" href="https://itb.edu.ec/statics/vendor/swiper/swiper-bundle.min.css" >
23                    <link rel="stylesheet" href="https://itb.edu.ec/statics/inicio/inicio.css" >
24                    <link rel="stylesheet" href="https://itb.edu.ec/statics/vendor/bootstrap-select/bootstrap-select.css" >
25            </head>
26<body id="body" style="overflow:hidden;">
27<div id="content-preloader">
28    <img src="https://itb.edu.ec/statics/imagenes/main/nadalog.jpg" width="300" height="110" alt="Cargando..."/>
29    <div id="preloader"></div>
30</div>
31    <div id="overlay"></div>
32    <div id="overlaycolor"></div>
33<div class="tpl-snow"></div>
34<script>const _root='https://itb.edu.ec/';const prelodmask = '1';</script>
34
35<header>
36    <nav class="navbar navbar-dark bg-naranja fixed-top" id="navsocial" aria-label="Bar Link">
37        <div class="container justify-content-end">
38            <ul class="social-icons-ql">
39                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.1s;">
40                    <a href="https://www.tiktok.com/@itb_ec?lang=es" target="_blank"><i class="fa-brands fa-tiktok"></i></a>
41                </li>
42                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.2s;">
43                    <a href="https://www.instagram.com/itb_ec/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
44                </li>
45                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.3s;">
46                    <a href="https://www.facebook.com/itb.edu.ec" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
47                </li>
48                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.4s;">
49                    <a href="https://x.com/ITBolivariano" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
50                </li>
51                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.5s;">
52                    <a href="https://www.youtube.com/c/itbinstitutosuperioruniversitariobolivariano" target="_blank"><i class="fa-brands fa-youtube"></i></a>
53                </li>
54                <li class="wow animate__animated animate__fadeInDown" style="animation-delay:0.6s;">
55                    <a href="https://www.linkedin.com/company/itb-ec/?originalSubdomain=ec" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
56                </li>
57            </ul>
58            <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>
59        </div>
60    </nav>
61    <nav class="navbar navbar-expand-lg fixed-top bg-white py-2 py-lg-0" id="navmenu">
62        <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">
63            <a class="navbar-brand animate__animated animate__fadeInLeft" style="animation-delay:0.2s;" href="https://itb.edu.ec/">
64                <img src="https://itb.edu.ec/statics/imagenes/plantilla/logo-itb.png" alt="Logo Itb">
65            </a>
66            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapseMenu" aria-controls="navbarCollapseMenu" aria-expanded="false" aria-label="Toggle navigation">
67                <span class="navbar-toggler-icon"></span>
68            </button>
69            <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">
70                <ul class="navbar-nav">
71                    <li class="nav-item dropdown position-static align-content-center">
72                        <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">
73                            Instituto
74                        </a>
75                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
76                            <div class="container-fluid">
77                                <div class="row py-lg-4 px-lg-4">
78                                    <div class="d-none d-lg-block col-lg-5">
79                                        <h1>Acerca de ITB</h1>
80                                        <p class="text-justify">
81                                            En ITB, nuestra principal prioridad es brindarle una educación de alta calidad en un entorno propicio para su crecimiento
82                                            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
83                                            para expandir su conocimiento.</p>
84                                        <div class="d-grid">
85                                            <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>
86                                        </div>
87                                    </div>
88                                    <div class="col-lg-7">
89                                        <div class="row">
90                                            <div class="d-none d-lg-block col-lg-4">
91                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Rendicion">
92                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/instituto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
93                                                    <div class="card-body">
94                                                        <h5 class="card-title">DATOS Y CALIFICACIONES DEL ITB</h5>
95                                                        <p class="card-text">
96                                                            Con cifras: nuestra identidad y la posici&oacute;n que ocupamos.
97                                                        </p>
98                                                    </div>
99                                                </div>
100                                            </div>
101                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
102                                                <h6 class="dropdown-header">Instituto</h6>
103                                                <a class="dropdown-item " href="https://itb.edu.ec/Antecedentes">Antecedentes</a>
104                                                <a class="dropdown-item " href="https://itb.edu.ec/Filosofia">Filosof&iacute;a Institucional</a>
105                                                <a class="dropdown-item " href="https://itb.edu.ec/Mensaje">Mensaje </a>
106                                                <a class="dropdown-item " href="https://itb.edu.ec/Himno">Himno al ITB</a>
107                                                <a class="dropdown-item " href="https://itb.edu.ec/Baselegal">Base Legal</a>
108                                                <a class="dropdown-item " href="https://itb.edu.ec/Trabaja_con_nosotros">Trabaja con Nosotros</a>
109
110                                                <h6 class="dropdown-header">Estructura</h6>
111                                                <a class="dropdown-item " href="https://itb.edu.ec/Autoridades">Autoridades</a>
112                                                <a class="dropdown-item " href="https://itb.edu.ec/Organigrama">Organigrama</a>
113                                                <a class="dropdown-item " href="https://itb.edu.ec/CoGobierno">Co-Gobierno</a>
114                                            </div>
115                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
116                                                <h6 class="dropdown-header">Transparencia</h6>
117                                                <a class="dropdown-item " href="https://itb.edu.ec/Presupuesto">Presupuesto</a>
118                                                <a class="dropdown-item " href="https://itb.edu.ec/Rendicion">Rendición de Cuentas</a>
119                                                <a class="dropdown-item " href="https://itb.edu.ec/Remuneracion">Remuneración Mensual</a>
120                                                <a class="dropdown-item " href="https://itb.edu.ec/Aranceles">Aranceles</a>
121                                                <a class="dropdown-item " href="https://itb.edu.ec/Balance">Balance General</a>
122                                                <a class="dropdown-item " href="https://itb.edu.ec/Obligaciones">Cumplimiento de Obligaciones</a>
123                                                <a class="dropdown-item " href="https://itb.edu.ec/Planificacion">Planificación</a>
124                                                <a class="dropdown-item " href="https://itb.edu.ec/Auditados">Balances Auditados</a>
125                                                <a class="dropdown-item " href="https://itb.edu.ec/Aseguramiento_calidad">Sistema de Aseguramiento de la Calidad</a>
126                                            </div>
127                                        </div>
128                                    </div>
129                                </div>
130                            </div>
131                        </div>
132                    </li>
133                    <li class="nav-item dropdown position-static align-content-center">
134                        <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">
135                            Vida estudiantil
136                        </a>
137                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
138                            <div class="container-fluid">
139                                <div class="row py-lg-4 px-lg-4">
140                                    <div class="d-none d-lg-block col-lg-5">
141                                        <h1>Experiencia del Estudiante</h1>
142                                        <p class="text-justify">
143                                            Incluye toda la atención m&eacute;dica del campus en un solo lugar,
144                                            brindando f&aacute;cil acceso para los estudiantes y est&aacute; diseñado
145                                            para ser un entorno colaborativo de alto impacto para apoyar
146                                            el aprendizaje, el bienestar y el &eacute;xito de los estudiantes. </p>
147                                        <div class="d-grid">
148                                            <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>
149                                        </div>
150                                    </div>
151                                    <div class="col-lg-7">
152                                        <div class="row">
153                                            <div class="d-none d-lg-block col-lg-4 ">
154                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Asistencia">
155                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/estudiantil.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
156                                                    <div class="card-body">
157                                                        <h5 class="card-title">SERVICIO DE
158                                                            ASISTENCIA SOCIAL</h5>
159                                                        <p class="card-text">
160                                                            Brinda apoyo, orientaci&oacute;n y acompa&ntilde;amiento a estudiantes y familias, fomentando el bienestar social y acad&eacute;mico.
161                                                        </p>
162                                                    </div>
163                                                </div>
164                                            </div>
165                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
166                                                <h6 class="dropdown-header">Bienestar estudiantil</h6>
167                                                <a class="dropdown-item " href="https://itb.edu.ec/Bienestar">Qui&eacute;nes Somos</a>
168                                                <a class="dropdown-item " href="https://itb.edu.ec/Informes">Informes</a>
169                                                <a class="dropdown-item " href="https://itb.edu.ec/Actividades">Actividades Realizadas</a>
170                                                <a class="dropdown-item " href="https://itb.edu.ec/Arte_Cultura">Arte y Cultura</a>
171                                                <h6 class="dropdown-header">Servicios y Beneficios</h6>
172                                                <a class="dropdown-item " href="https://itb.edu.ec/Asistencia">Asistencia Social</a>
173                                                <a class="dropdown-item " href="https://itb.edu.ec/Cruzroja">Cuenta en la Cruz Roja Ecuatoriana</a>
174                                                <a class="dropdown-item " href="https://itb.edu.ec/Gym">Gym</a>
175                                            </div>
176                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
177                                                <a class="dropdown-item " href="https://itb.edu.ec/Observatorio">Observatorio Bolivariano</a>
178                                                <a class="dropdown-item " href="https://itb.edu.ec/Orientacion">Orientaci&oacute;n Vocacional y Profesional</a>
179                                                <a class="dropdown-item " href="https://itb.edu.ec/Podologia">Podolog&iacute;a</a>
180                                                <a class="dropdown-item " href="https://itb.edu.ec/Psicologico">Psic&oacute;logo</a>
181                                                <a class="dropdown-item " href="https://itb.edu.ec/Suenos">C.D.I. Sue&ntilde;os Bolivarianos</a>
182                                            </div>
183                                        </div>
184                                    </div>
185                                </div>
186                            </div>
187                        </div>
188                    </li>
189                    <li class="nav-item align-content-center">
190                        <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>
191                    </li>
192                    <li class="nav-item dropdown position-static align-content-center">
193                        <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">
194                            Vinculaci&oacute;n
195                        </a>
196                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
197                            <div class="container-fluid">
198                                <div class="row py-lg-4 px-lg-4">
199                                    <div class="d-none d-lg-block col-lg-5">
200                                        <h1>Vinculaci&oacute;n con la Comunidad</h1>
201                                        <p class="text-justify">
202                                            Se esfuerza por eliminar barreras y contribuir a la pr&aacute;ctica
203                                            comunitaria de pertenencia de los estudiantes del ITB; al
204                                            hacerlo, cultivamos comunidades inclusivas y empoderamos
205                                            a los estudiantes para que se afirmen en sus identidades y las
206                                            formas en que se cruzan.</p>
207                                        <div class="d-grid">
208                                            <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>
209                                        </div>
210                                    </div>
211                                    <div class="col-lg-7">
212                                        <div class="row">
213                                            <div class="d-none d-lg-block col-lg-4">
214                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Centro_atencion">
215                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/vinculacion.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
216                                                    <div class="card-body">
217                                                        <h5 class="card-title">CENTRO DE
218                                                            ATENCI&Oacute;N M&Eacute;DICA</h5>
219                                                        <p class="card-text">
220                                                            Destinado a brindar servicios de salud, atenci&oacute;n preventiva y orientaci&oacute;n m&eacute;dica integral para la comunidad universitaria.
221                                                        </p>
222                                                    </div>
223                                                </div>
224                                            </div>
225                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
226                                                <h6 class="dropdown-header">Vinculaci&oacute;n con la <br> Comunidad</h6>
227                                                <a class="dropdown-item " href="https://itb.edu.ec/Vinculacion">Qui&eacute;nes Somos</a>
228                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_atencion">Centro de Atenci&oacute;n M&eacute;dica</a>
229                                                <a class="dropdown-item " href="https://itb.edu.ec/Convenio">Convenios</a>
230                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_vinculacion">Info-V&iacute;nculo</a>
231                                                <h6 class="dropdown-header">Programas</h6>
232                                                <a class="dropdown-item " href="https://itb.edu.ec/Salud_comunidad">Salud para la Comunidad</a>
233                                                <a class="dropdown-item " href="https://itb.edu.ec/Centro_contable">Centro Contable y Tributario</a>
234                                            </div>
235                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
236                                                <h6 class="dropdown-header">Graduados</h6>
237                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_graduado">Inf&oacute;rmate Graduado</a>
238                                                <a class="dropdown-item" href="https://bancodeproblemas.itb.edu.ec/">Banco de Problemas</a>
239
240                                            </div>
241                                        </div>
242                                    </div>
243                                </div>
244                            </div>
245                        </div>
246                    </li>
247                    <li class="nav-item dropdown position-static align-content-center srcmenuhiden">
248                        <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">
249                            Investigaci&oacute;n
250                        </a>
251                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
252                            <div class="container-fluid">
253                                <div class="row py-lg-4 px-lg-4">
254                                    <div class="d-none d-lg-block col-lg-5">
255                                        <h1>Investigaci&oacute;n</h1>
256                                        <p class="text-justify">
257                                            Fomentar y sistematizar la investigaci&oacute;n multi, inter y
258                                            transdisciplinar que se realiza en ITB por parte de docentes y
259                                            estudiantes, en correspondencia con los dominios
260                                            académicos declarados por la instituci&oacute;n y, que tiene como
261                                            finalidad esencial dar respuesta a los problemas planteados
262                                            por el entorno social de la región y el pa&iacute;s.</p>
263                                        <div class="d-grid">
264                                            <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>
265                                        </div>
266                                    </div>
267                                    <div class="col-lg-7">
268                                        <div class="row">
269                                            <div class="d-none d-lg-block col-lg-4">
270                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Proyecto_investigacion">
271                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/investigacion.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
272                                                    <div class="card-body">
273                                                        <h5 class="card-title">PROYECTOS DE
274                                                            INVESTIGACI&Oacute;N</h5>
275                                                        <p class="card-text">
276                                                            Destinados a fomentar la generaci&oacute;n de conocimiento, la innovaci&oacute;n y el desarrollo cient&iacute;fico en beneficio de la comunidad.
277                                                        </p>
278                                                    </div>
279                                                </div>
280                                            </div>
281                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
282                                                <h6 class="dropdown-header">Investigaci&oacute;n</h6>
283                                                <a class="dropdown-item " href="https://itb.edu.ec/Investigacion">Qui&eacute;nes Somos</a>
284                                                <a class="dropdown-item " href="https://itb.edu.ec/Modelo_politicas">Modelo y Pol&iacute;ticas de Investigaci&oacute;n</a>
285                                                <a class="dropdown-item " href="https://itb.edu.ec/Convocatoria">Convocatorias</a>
286                                                <a class="dropdown-item " href="https://itb.edu.ec/Proyecto_investigacion">Proyectos de Investigaci&oacute;n</a>
287                                                <a class="dropdown-item " href="https://itb.edu.ec/Info_interes">Noticias y Novedades</a>
288                                                <a class="dropdown-item " href="https://itb.edu.ec/Lineas">L&iacute;neas y Programas de Investigaci&oacute;n</a>
289                                                <a class="dropdown-item " href="https://itb.edu.ec/Conocimiento">Transferencia de Conocimiento y Tecnolog&iacute;as</a>
290                                                <a class="dropdown-item " href="https://itb.edu.ec/Servicios">Servicios Cient&iacute;ficos, T&eacute;cnico y Tecnol&oacute;gicos</a>
291                                            </div>
292                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
293                                                <a class="dropdown-item " href="https://itb.edu.ec/Semilleros">Semilleros de Investigaci&oacute;n e Innovaci&oacute;n</a>
294                                                <h6 class="dropdown-header">Gesti&oacute;n de la Informaci&oacute;n Cient&iacute;fica</h6>
295                                                <a class="dropdown-item " href="https://itb.edu.ec/Biblioteca_tradicional">Biblioteca Tradicional</a>
296                                                <a class="dropdown-item " href="https://itb.edu.ec/Biblioteca_virtual">Biblioteca Virtual</a>
297                                                <a class="dropdown-item " href="https://itb.edu.ec/Divulgacion">Divulgaci&oacute;n Cient&iacute;fica</a>
298                                                <a class="dropdown-item" href="https://identidadbolivariana.itb.edu.ec/" target="_blank">Identidad Bolivariana</a>
299                                                <a class="dropdown-item" href="https://dspace.itb.edu.ec/" target="_blank">Repositorio Digital</a>
300                                            </div>
301                                        </div>
302                                    </div>
303                                </div>
304                            </div>
305                        </div>
306                    </li>
307                    <li class="nav-item dropdown position-static align-content-center srcmenuhiden">
308                        <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">
309                            Contacto
310                        </a>
311                        <div class="dropdown-menu no-close w-100" aria-labelledby="megaMenu">
312                            <div class="container-fluid">
313                                <div class="row py-lg-4 px-lg-4">
314                                    <div class="d-none d-lg-block col-lg-5">
315                                        <h1>Admisión y Ayuda</h1>
316                                        <p class="text-justify">
317                                            Nuestras decisiones de admisión se basan en un proceso
318                                            holístico y selectivo, independientemente de las finanzas.
319                                            Tener la oportunidad de cambiar el mundo no debería
320                                            depender de tener el dinero para pagar el instituto. La ayuda
321                                            financiera líder en la industria de ITB garantiza que todos los
322                                            estudiantes de todos los orígenes puedan reunirse, aprender
323                                            juntos y crecer juntos. En pocas palabras: cuando usted se
324                                            compromete con nosotros, nosotros nos comprometemos con
325                                            usted.</p>
326                                        <div class="d-grid">
327                                            <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>
328                                        </div>
329                                    </div>
330                                    <div class="col-lg-7">
331                                        <div class="row">
332                                            <div class="d-none d-lg-block col-lg-4">
333                                                <div class="card rounded-0 shadow-sm urlclic" data-url="https://itb.edu.ec/Sugerencia">
334                                                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/contacto.webp" class="card-img-top rounded-0" width="200" height="175" alt="Contacto">
335                                                    <div class="card-body">
336                                                        <h5 class="card-title">CONTACTO</h5>
337                                                        <p class="card-text">
338                                                            Ponte en comunicaci&oacute;n con nosotros para consultas, informaci&oacute;n o atenci&oacute;n personalizada.
339                                                        </p>
340                                                    </div>
341                                                </div>
342                                            </div>
343                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
344                                                <h6 class="dropdown-header">Quiero estudiar en ITB</h6>
345                                                <a class="dropdown-item " href="https://itb.edu.ec/Inscripcion">Inscripci&oacute;n</a>
346                                                <h6 class="dropdown-header">Informaci&oacute;n de contacto</h6>
347                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio">Tel&eacute;fonos</a>
348                                                <a class="dropdown-item " href="https://itb.edu.ec/Directorio/correos">Correos</a>
349                                                <h6 class="dropdown-header">Pol&iacute;ticas</h6>
350                                                <a class="dropdown-item " href="https://itb.edu.ec/Politicas/cookies">Pol&iacute;tica de Cookies</a>
351                                                <a class="dropdown-item " href="https://itb.edu.ec/Politica_proteccion_datos">Pol&iacute;tica de Protecci&oacute;n de Datos Personales</a>
352                                            </div>
353                                            <div class="col-lg-4 px-2 px-lg-3 py-2">
354                                                <h6 class="dropdown-header">Tu opini&oacute;n es importante</h6>
355                                                <a class="dropdown-item " href="https://itb.edu.ec/Sugerencia">Sugerencias</a>
356                                            </div>
357                                        </div>
358                                    </div>
359                                </div>
360                            </div>
361                        </div>
362                    </li>
363                    <li class="nav-item position-static d-none" id="searchcontainer">
364                        <div class="nav-link align-content-center">
365                            <input type="search" class="form-control rounded rounded-pill" id="search" placeholder="Buscar por carrera....">
366                            <div id="suggestions" class="autocomplete-suggestions"></div>
367                        </div>
368                    </li>
369                    <li class="nav-item position-static">
370                        <a class="nav-link py-3 px-lg-2 py-xl-4 px-xl-3">
371                            <i class="fas fa-search text-naranja fs-5 " id="searchicon"></i>
372                            <i class="fas fa-times text-azul fs-3 d-none" id="closesearchicon"></i>
373                        </a>
374                    </li>
375                </ul>
376
377            </div>
378        </div>
379    </nav>
380</header>
381<script>
382    document.getElementById('searchicon').addEventListener('click',function(){
383        document.getElementById('searchcontainer').classList.remove('d-none');
384        document.getElementById('closesearchicon').classList.remove('d-none');
385        document.getElementById('searchicon').classList.add('d-none');
386        document.querySelectorAll('.srcmenuhiden').forEach(element => {
387            element.classList.add('d-none');
388        });
389    });
390    document.getElementById('closesearchicon').addEventListener('click',function(){
391        document.getElementById('searchcontainer').classList.add('d-none');
392        document.getElementById('closesearchicon').classList.add('d-none');
393        document.getElementById('searchicon').classList.remove('d-none');
394        document.getElementById('search').value = '';
395        document.querySelectorAll('.srcmenuhiden').forEach(element => {
396            element.classList.remove('d-none');
397        });
398    });
399</script>
399
400<main>
401        <div id="wrapper">
402        <div id="content">
403
404            <div id="preloader-bg" class="d-none">
405                <div>
406                    <button class="close-video" onclick="CloseVideo()" title="El video se cerrar&aacute; pero puedes volver a verlo cuando quieras"> Cerrar video </button>
407                    <button id="btnToggleAudio" class="audio-video" onclick="ToggleAudio()" title="Activar o desactivar sonido"> Activar Sonido </button>
408                    <button class="skip-video" onclick="SkipVideo()" title="El video se cerrar&aacute; y no podr&aacute;s volver a verlo"> Omitir video </button>
409                </div>
410                <video autoplay muted playsinline preload="none" id="bgvideo" poster="https://itb.edu.ec/statics/imagenes/main/portada.jpg">
411                    Tu navegador no soporta videos.
412                </video>
413            </div>
414
415            <div id="homeCarousel" class="swiper-container home-swiper d-none pt-5" data-load-slider="true">
416                <div class="swiper-wrapper">
417                    <div class="swiper-slide section">
418                        <img class="d-none d-sm-none d-md-block bg lazyload" data-src="https://itb.edu.ec/statics/imagenes/slider/2.jpg" alt="Imagen 1">
419                        <img class="d-block d-sm-block d-md-none bg lazyload" data-src="https://itb.edu.ec/statics/imagenes/slider/mb2.jpg" alt="Imagen 1, Mobile">
420                        <div class="caption">
421                            <div class="container">
422                                <div class="row">
423                                    <div class="col-12 col-md-7 col-lg-6 pe-5 d-flex flex-column justify-content-center align-items-start" aria-label="Bienvenido al ITB, ITB Tiene recursos para ayudarte a tener exito">
424                                        <div class="outer">
425                                            <div class="inner">
426                                                <h1 class="section-heading text-start p-0 heading-style">
427                                                    <span class="text-naranja">BIENVENIDO</span><br>
428                                                    <span class="text-white">AL ITB</span>
429                                                </h1>
430                                            </div>
431                                        </div>
432                                        <p class="text-start text-white mt-3 hero-subtitle" style="font-family:'Oswald-Medium',sans-serif;font-size:21px;letter-spacing:0.5px;">
433                                            ITB TIENE RECURSOS PARA AYUDARTE <br> A TENER &Eacute;XITO
434                                        </p>
435                                        <div id="botton-container" class="botton-container mt-5">
436                                            <div class="row">
437                                                <div class="col-md-6">
438                                                    <a class="btn btn-naranja px-5 mx-1" href="#formInscripcionModal" data-bs-target="#formInscripcionModal" data-bs-toggle="modal" aria-label="Clic aquí para inscribirse">Inscribirme</a>
439                                                </div>
440                                                <div class="col-md-6">
441                                                    <a class="btn btn-verde px-5 mx-1" href="https://itb.edu.ec/Oferta_academica" aria-label="Clic aquí para ver los programas">Programas</a>
442                                                </div>
443                                            </div>
444                                        </div>
445                                    </div>
446                                    <div class="col-12 col-md-5 col-lg-6 pt-5">
447                                        <div class="btn-inscribete">
448                                            <a href="#formInscripcionModal" data-bs-target="#formInscripcionModal" data-bs-toggle="modal">
449                                                <i class="fas fa-arrow-right text-white"></i> Inscribete Ya!
450                                            </a>
451                                        </div>
452                                    </div>
453                                </div>
454                            </div>
455                        </div>
456                    </div>
457                                                                                                            <div class="swiper-slide only-image">
458                                        <img class="d-none d-sm-none d-md-block bg lazyload" data-src="https://itb.edu.ec/recursos/img/sli
458der/1783445513_9d75291574804309a8c8.jpeg" alt="Imagen 2">
459                                        <img class="d-block d-sm-block d-md-none bg lazyload" data-src="https://itb.edu.ec/recursos/img/slider/1783445513_0139165733ab352a23e7.jpeg" alt="Imagen 2, Mobile">
460                                        <div class="caption" style="background:transparent">
461                                        	<div class="container">
462                                            	<div class="row">
463                                                	<div class="col-12 col-md-7 col-lg-6 pe-5 d-flex flex-column justify-content-center align-items-start">
464                                                    	<div class="outer">
465                                                        	<div class="inner">
466                                                            	<h1 class="section-heading text-start p-0 heading-style"><span class="text-white">&nbsp;</span></h1>
467                                                        	</div>
468                                                    	</div>
469                                                                                                    	</div>
470                                            	</div>
471                                        	</div>
472                                    	</div>
473                                    </div>
474                            
475                                                                                                                                    <div class="swiper-slide only-image">
476                                        <img class="d-none d-sm-none d-md-block bg lazyload" data-src="https://itb.edu.ec/recursos/img/slider/1782161050_4ea9c0b51b083dbcfc08.jpg" alt="Imagen 2">
477                                        <img class="d-block d-sm-block d-md-none bg lazyload" data-src="https://itb.edu.ec/recursos/img/slider/1782161050_a891b084eec3246867e3.jpg" alt="Imagen 2, Mobile">
478                                        <div class="caption" style="background:transparent">
479                                        	<div class="container">
480                                            	<div class="row">
481                                                	<div class="col-12 col-md-7 col-lg-6 pe-5 d-flex flex-column justify-content-center align-items-start">
482                                                    	<div class="outer">
483                                                        	<div class="inner">
484                                                            	<h1 class="section-heading text-start p-0 heading-style"><span class="text-white">&nbsp;</span></h1>
485                                                        	</div>
486                                                    	</div>
487                                                                                                        	<div id="botton-container" class="botton-container mt-5">
488                                                        	<div class="row">
489                                                            	<div class="col-md-12">
490                                                                	<a class="btn btn-naranja px-5 mx-1" target="_blank" href="https://uebolivariana.edu.ec/">Conoce la UNIEBEC</a>
491                                                            	</div>
492                                                        	</div>
493                                                    	</div>
494                                                                                                    	</div>
495                                            	</div>
496                                        	</div>
497                                    	</div>
498                                    </div>
499                            
500                                                                                                                                                                                                                                            </div>
501            </div>
502
503            <form id="frmInscriptModal" class="needs-validation" method="POST" autocomplete="off">
504                <div class="modal fade" id="formInscripcionModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="formInscripcionModalLabel" aria-hidden="true">
505                    <div class="modal-dialog modal-dialog-centered">
506                        <div class="modal-content">
507                            <div class="modal-header border-bottom-0 px-md-4 py-3">
508                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
509                                <h2 class="p-0 text-center">ADMISIONES</h2>
510                                <p class="p-0">Llena el formulario a continuaci&oacute;
510n y nos pondremos en contacto lo m&aacute;s pronto posible.</p>
511                                <div class="progress" style="height:2px;">
512                                    <div id="bar-inscript" class="progress-bar bg-naranja" role="progressbar" style="width:30%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
513                                </div>
514                            </div>
515                            <div class="modal-body px-md-4 py-md-3">
516                                <div class="alert alert-secondary d-none" role="alert" id="alertErrorDefault">
517                                    <strong><i class="fa fa-globe"></i></strong> Error inesperado, int&eacute;ntelo m&aacute;s tarde...
518                                </div>
519                                <div class="alert alert-danger d-none" role="alert" id="alertFormError">
520                                    <a class="text-danger text-decoration-none" data-bs-toggle="collapse" href="#collapseAlertError" role="button" aria-expanded="false" aria-controls="collapseAlertError">
521                                        <span><i class="fa fa-exclamation-triangle text-danger"></i></span> Error! En uno o m&aacute;s campos <i class="fa fa-arrow-down text-danger"></i>
522                                    </a>
523                                    <div class="collapse" id="collapseAlertError">
524                                        <ul class="list-group list-group-flush bg-transparent" id="litaAlertaErrores">
525                                            <li class="list-group-item bg-transparent p-0 m-0">...</li>
526                                        </ul>
527                                    </div>
528                                </div>
529
530                                <ul class="nav nav-pills nav-fill mb-3 d-none" id="inicio-inscripcion-tab" role="tablist">
531                                    <li class="nav-item" role="presentation">
532                                        <button class="nav-link active"
533                                                id="pills-personal-tab"
534                                                data-bs-toggle="pill"
535                                                data-bs-target="#pills-personal"
536                                                data-bs-percent="1"
537                                                type="button"
538                                                role="tab"
539                                                aria-controls="pills-personal"
540                                                aria-selected="true">Personales</button>
541                                    </li>
542                                    <li class="nav-item" role="presentation">
543                                        <button class="nav-link"
544                                                id="pills-oferta-tab"
545                                                data-bs-toggle="pill"
546                                                data-bs-target="#pills-oferta"
547                                                data-bs-percent="2"
548                                                type="button"
549                                                role="tab"
550                                                aria-controls="pills-oferta"
551                                                aria-selected="false">Contacto</button>
552                                    </li>
553                                    <li class="nav-item" role="presentation">
554                                        <button class="nav-link"
555                                                id="pills-carrera-tab"
556                                                data-bs-toggle="pill"
557                                                data-bs-target="#pills-carrera"
558                                                data-bs-percent="3"
559                                                type="button"
560                                                role="tab"
561                                                aria-controls="pills-carrera"
562                                                aria-selected="false">Estudios</button>
563                                    </li>
564                                </ul>
565
566                                <div class="tab-content" id="pills-tabContent">
567                                    <div class="tab-pane fade show active" id="pills-personal" role="tabpanel" aria-labelledby="pills-personal-tab" tabindex="0">
568                                        <div class="row">
569                                            <h6 class="text-white text-center text-uppercase">Datos personales</h6>
570                                            <div class="col-6">
571                                                <div class="text-start mt-2">
572                                                    <div class="form-check form-switch">
573                                                        <input type="hidden" name="pasaporte" value="
5730">
574                                                        <input class="form-check-input cursor-pointer" type="checkbox" role="switch" id="pasaporte" name="pasaporte" value="1">
575                                                        <label class="form-check-label text-white cursor-pointer" data-tab="0" for="pasaporte" id="lblPasaporte">C&eacute;dula</label>
576                                                    </div>
577                                                    <input type="text" required id="cedula" name="dni" data-tab="0" minlength="9" maxlength="40" onkeypress="return soloNumero(event,'pasaporte')" class = "form-control form-control-sm rounded-0" placeholder = "Identificación *">
578                                                </div>
579                                            </div>
580                                            <div class="col-6 mt-1">
581                                                <div class="text-start">
582                                                    <label for = "telefono" class="form-label text-white">Tel&eacute;fono * :</label>
583                                                    <input type = "tel" required id = "telefono" name = "cell" data-tab = "0" class = "form-control form-control-sm rounded-0" maxlength="13" placeholder="0989999999 *">
584                                                </div>
585                                            </div>
586                                            <div class="col-6 mt-2">
587                                                <div class="text-start">
588                                                    <label for="nombre" class="form-label text-white">Nombres:</label>
589                                                    <input type="text" required id="nombre" name="nombre" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0" placeholder="Primer nombre *">
590                                                </div>
591                                            </div>
592                                            <div class="col-6 mt-2">
593                                                <div class="text-start">
594                                                    <label for="nombre2" class="form-label text-white">&nbsp;</label>
595                                                    <input type="text" id="nombre2" name="nombre2" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0" placeholder="Segundo nombre">
596                                                </div>
597                                            </div>
598                                            <div class="col-6 mt-2">
599                                                <div class="text-start">
600                                                    <label for="paterno" class="form-label text-white">Apellidos:</label>
601                                                    <input type="text" required id="paterno" name="apellidop" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0"
602                                                           placeholder="Apellido paterno *">
603                                                </div>
604                                            </div>
605                                            <div class="col-6 mt-2">
606                                                <div class="text-start">
607                                                    <label for="materno" class="form-label text-white">&nbsp;</label>
608                                                    <input type="text" id="materno" name="apellidom" data-tab="0" minlength="3" maxlength="90" class="form-control form-control-sm rounded-0" placeholder="Apellido materno">
609                                                </div>
610                                            </div>
611                                            <div class="col-6 mt-2">
612                                                <div class="text-start">
613                                                    <label for="sexo" class="form-label text-white"> G&eacute;nero * :</label>
614                                                    <select data-tab="0" class="form-select form-select-sm rounded-0" required id="sexo" name="sexo" aria-label="Seleccione">
615                                                        <option selected = "">Seleccione un g&eacute;nero</option>
616                                                        <option value = "f"> Femenino </option>
617                                                        <option value = "m"> Masculino </option>
618                                                        <option value = "o"> Otro </option>
619                                                    </select>
620                                                </div>
621                                            </div>
622                                            <div class="col-6 mt-2">
623                                                <div class="text-start">
624                                                    <label for="fecha" class="form-label text-white">Fecha de nacimiento * :</label>
625                                                    <input type="date" id="fecha" name="fecha" required data-tab="0" maxlength="10" minlength="10" class="form-control form-control-sm rounded-0" placeholder="Fecha de nacimiento *">
626                                                </div>
627                                            </div>
628                                            <div class="col-6 mt-2">
629                                                <div class="text-start">
630                                                    <label for="email" class="form-label text-white">Email * :</label>
631                                                    <input type="email" id="email" name="email" required data-tab="0" class="form-control form-control-sm rounded-0" placeholder="[email protected] *">
632                                                </div>
633                                            </div>
634                                            <div class="col-6 mt-2">
635                                                <input type="hidden" name="action" value="addIscipcion">
636                                                <div class="text-start">
637                                                    <label for="email" class="form-label text-white">Convencional:</label>
638                                                    <div class="input-group input-group-sm mb-3">
639                                                        <select class="form-select col-4" id="codigoarea" name="codigoarea" onchange="getCodigo(this)">
640                                                            <option value="07">El Oro|Azuay|Ca&ntilde;ar|Loja|Morona Santiago|Zamora</option>
641                                                            <option value="06">Esmeraldas|Carchi|Imbabura|Sucumb&iacute;os|Orellana|Napo</option>
642                                                            <option value="05">Gal&aacute;pagos|Manab&iacute;|Los R&iacute;os</option>
643                                                            <option value="04" selected="">Guayas|Sta. Elena</option>
644                                                            <option value="02">Pichincha|Sto. Domingo</option>
645                                                            <option value="03">Tungurahua|Cotopaxi|Chimborazo|Bolívar|Pastaza</option>
646                                                        </select>
647                                                        <span class="input-group-text" id="lblCodigo">04</span>
648                                                        <input type="text" class="form-control" id="convencional" name="telefono" aria-label="Convencional">
649                                                    </div>
650                                                </div>
651                                            </div>
652                                        </div>
653                                    </div>
654
655                                    <div class="tab-pane fade" id="pills-oferta" role="tabpanel" aria-labelledby="pills-oferta-tab" tabindex="0">
656                                        <div class="row">
657                                            <h6 class="text-white text-center text-uppercase">¿Que deseas estudiar?</h6>
658                                            <div class="col-md-12 mt-2">
659                                                <div class="text-start">
660                                                    <label for="carrera_id" class="form-label text-white"> Carrera * :</label>
661                                                    <select id="carrera_id" name="carrera_id" class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7" onchange="loadModalidaCarrera(this.value)" required>
662                                                        <option value="">Seleccione una carrera</option>
663                                                    </select>
664                                                </div>
665                                            </div>
666                                            <div class="col-md-12 mt-2">
667                                                <div class="text-start">
668                                                    <label for="modalidad_id" class="form-label text-white"> Modalidad * :</label>
669                                                    <select data-tab="1" required onchange="loadHorarios(this)" class="form-select form-select-sm rounded-0" id="modalidad_id" name="modalidad_id" aria-label="Seleccione">
670                                                        <option selected value="">Seleccione una modalidad</option>
671                                                    </select>
672                                                </div>
673                                            </div>
674                                            <div class="col-md-12 mt-2">
675                                                <div class="text-start">
676                                                    <label for="horario_id" class="form-label text-white"> Horarios * :</label>
677                                                    <select data-tab="1" class="form-select form-select-sm rounded-0" id="horario_id" name="horario_id" aria-label="Seleccione">
678                                                        <option selected value="">Seleccione un horario</option>
679                                                    </select>
680                                                    <small class="form-text text-white d-none" id="infoHorario">
681                                                        Su pre-inscripci&oacute;n quedar&aacute; pendiente. Un asesor lo contactar&aacute; para asignar un horario.
682                                                    </small>
683                                                    <input type="hidden" name="codigohora" id="codigohora">
684                                                    <input type="hidden" name="pendiente_horario" id="pendiente_horario" value="">
685                                                </div>
686                                            </div>
687                                            <h6 class="text-white text-center text-uppercase mt-3">¿Donde estudiaste?</h6>
688                                            <div class="col-md-12 mt-2">
689                                                <div class="text-start">
690                                                    <label for="colegio_id" class="form-label text-white">
690  Colegio * :</label>
691                                                    <select id="colegio_id" name="colegio_id" required class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7">
692                                                        <option value="">Seleccione un colegio</option>
693                                                    </select>
694                                                </div>
695                                            </div>
696                                            <div class="col-md-12 mt-2">
697                                                <div class="text-start">
698                                                    <label for="especialidad_id" class="form-label text-white">  Especialidad * :</label>
699                                                    <select id="especialidad_id" name="especializacion_id" required class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7">
700                                                        <option value="">Seleccione una especialidad</option>
701                                                    </select>
702                                                </div>
703                                            </div>
704                                        </div>
705                                    </div>
706
707                                    <div class="tab-pane fade" id="pills-carrera" role="tabpanel" aria-labelledby="pills-carrera-tab" tabindex="0">
708                                        <div class="row">
709                                            <h6 class="text-white text-center text-uppercase">Datos de Contacto</h6>
710                                            <div class="col-md-12 mt-2">
711                                                <div class="text-start">
712                                                    <label for="ciudad_id" class="form-label text-white">  Ciudad * :</label>
713                                                    <select id="ciudad_id" name="canton_id" required class="selectpicker form-control form-control-sm rounded-0" data-live-search="true" data-size="7" onchange="getParroquia(this)">
714                                                        <option value="">Seleccione una ciudad</option>
715                                                    </select>
716                                                </div>
717                                            </div>
718                                            <div class="col-md-12 mt-2">
719                                                <div class="text-start">
720                                                    <label for="parroquia_id" class="form-label text-white"> Parroquia * :</label>
721                                                    <select id="parroquia_id" name="parroquia_id" required class="form-select form-select-sm rounded-0">
722                                                        <option value="">Seleccione una parroquia</option>
723                                                    </select>
724                                                </div>
725                                            </div>
726
727                                            <div class="col-md-6 mt-2">
728                                                <div class="text-start">
729                                                    <label for="zona_id" class="form-label text-white"> Zona * :</label>
730                                                    <select id="zona_id" name="zona_id" required class="form-select form-select-sm rounded-0">
731                                                        <option value="">Seleccione una zona</option>
732                                                                                                                    <option class="texto" value="1">Norte</option>
733                                                                                                                    <option class="texto" value="2">Sur</option>
734                                                                                                                    <option class="texto" value="3">Centro</option>
735                                                                                                                    <option class="texto" value="4">Este</option>
736                                                                                                                    <option class="texto" value="5">Oeste</option>
737                                                                                                                    <option class="texto" value="6">Insular</option>
738                                                                                                            </select>
739                                                </div>
740                                            </div>
741                                            <div class="col-md-6 mt-2">
742                                                <div class="text-start">
743                                                    <label for="ncasas" class="form-label text-white">N&deg; de casa</label>
744                                                    <input type="text"
745                                                           id="ncasas"
746                                                           name="ncasas"
747                                                           data-tab="2"
748                                                           maxlength="8"
749                                                           class="form-control form-control-sm rounded-0"
750                                                           placeholder="Número de casa">
751                                                </div>
752                                            </div>
753                                            <div class="col-md-12 mt-2">
754                                                <div class="text-start">
755                                                    <label for = "calle1" class="form-label text-white">Calles:</label>
756                                                    <input type = "text"
757                                                           id = "calle1"
758                                                           name = "calle1"
759                                                           data-tab = "2"
760                                                           class = "form-control form-control-sm rounded-0"
761                                                           placeholder = "Calle principal">
762                                                </div>
763                                            </div>
764                                            <div class="col-md-12">
765                                                <div class="text-start">
766                                                    <label for="calle2" class="form-label">&nbsp;</label>
767                                                    <input type="text"
768                                                           id="calle2"
769                                                           name="calle2"
770                                                           data-tab="2"
771                                                           class="form-control form-control-sm rounded-0"
772                                                           placeholder="Calle secundaria">
773                                                </div>
774                                            </div>
775                                            <div class="col-md-12 mt-2">
776                                                <div class="text-start">
777                                                    <label for="opcion_id" class="form-label text-white" id="lblPregunta">¿Por qu&eacute; medio llegaste a nuestro sitio web?</label>
778                                                    <select required id="opcion_id" name="opcion_id" data-tab="2" class="selectpicker form-control form-control-sm rounded-0" aria-label="Seleccione" data-live-search="false" data-size="7">
779                                                        <option selected value=""> Seleccione </option>
780                                                    </select>
781                                                </div>
782                                            </div>
783                                        </div>
784                                    </div>
785                                </div>
786                            </div>
787                            <div class="modal-footer" id="contentFooter">
788                                <div class="progress d-none mx-3" id="bar-save-modal">
789                                    <div class="progress-bar progress-bar-striped progress-bar-animated bg-naranja"
790                                         role="progressbar"
791                                         aria-label="Progreso de guardado"
792                                         aria-valuenow="25"
793                                         aria-valuemin="0"
794                                         aria-valuemax="100"
795                                         style="width:20%">20%</div>
796                                </div>
797                                <div class="d-flex justify-content-end align-items-center gap-1" id="contentBtns">
798                                    <button type="button"
799                                            id="btn-back"
800                                            class="btn btn-naranja d-none"
801                                            onclick="nextTab('-','inicio-inscripcion-tab')">
802                                        <i class="fa-solid fa-arrow-left text-white"></i>&nbsp;Anterior
803                                    </button>
804                                    <div>
805                                        <button type="button"
806                                                id="btn-next"
807                                                class="btn btn-naranja"
808                                                onclick="nextTab('+','inicio-inscripcion-tab')">
809                                            Siguiente&nbsp; <i class="fa-solid fa-arrow-right text-white"></i>
810                                        </button>
811                                        <button type="button"
812                                                onclick="SaveForm();"
813                                                id="btn-finish"
814                                                class="btn btn-naranja d-none">
815                                            Finalizar&nbsp; <i class="fa-solid fa-paper-plane text-white"></i>
816                                        </button>
817                                    </div>
818                                </div>
819                            </div>
820                        </div>
821                    </div>
822                </div>
823            </form>
824
825            <div class="container-fluid pb-4 img-bgfoerta" data-bg-image="https://itb.edu.ec/statics/imagenes/main/texturaFondo.jpg" data-repeat="true">
826                <div class="container-fluid" id="mostrarmas">
827                    <div class="row d-flex justify-content-center py-5">
828                        <div class="col-md-12">
829                            <div class="container">
830                                <h1 id="titleoferta" class="titulo-seccion anim texto" data-animate="fadeIn" >¿Ya sabes qu&eacute; carrera quieres?</h1>
831                                <h4 id="subtitleoferta" class="anim subtitulo-seccion texto" data-animate="fadeIn">
831Explora las opciones disponibles.</h4>
832                                <div class="input-group searchofertas my-4" style="width:300px;" aria-label="Clic aquí para buscar">
833                                    <span class="input-group-text"> <i class="fas fa-search"></i> </span>
834                                    <input type="text" id="inpsrchome" class="form-control" placeholder="Buscar...">
835                                </div>
836                            </div>
837                        </div>
838                        <div id="contentSrcOfertas" class="my-3 d-none">
839                            <div class="row" id="ofertalista">
840                                <div class="col-sm-12">
841                                    <div class="progress">
842                                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%">Buscando...</div>
843                                    </div>
844                                </div>
845                            </div>
846                        </div>
847                        <div id="ofertasGrupo" class="heading">
848                            <div class="box-container swiper-wrapper">
849
850                                <div class="box-item swiper-slide">
851                                    <div class="card bg-dark text-white rounded-0 border-0">
852                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/valida.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
853                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
854                                            <h5 class="card-title text-center">&nbsp;</h5>
855                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> ITB Valida</h5>
856                                            <p class="card-title text-center fs-6 texto">
857                                                Una oportunidad &uacute;nica de impactar positivamente en la vida de las
858                                                personas, mejorando su bienestar f&iacute;sico, mental y social.</p>
859                                            <p class="card-text text-end">
860                                                <a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/15" aria-label="Clic para ver todas las carreras">Ver todas las carreras</a>
861                                            </p>
862                                        </div>
863                                    </div>
864                                </div>
865
866                                <div class="box-item swiper-slide">
867                                    <div class="card bg-dark text-white rounded-0 border-0">
868                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/economia.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
869                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
870                                            <h5 class="card-title text-center">&nbsp;</h5>
871                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Ciencias Econ&oacute;micas y Empresariales</h5>
872                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/14" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
873                                        </div>
874                                    </div>
875                                </div>
876
877                                <div class="box-item swiper-slide">
878                                    <div class="card bg-dark text-white rounded-0 border-0">
879                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/online.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
880                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
881                                            <h5 class="card-title text-center">&nbsp;</h5>
882                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Online</h5>
883                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/12" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
884                                        </div>
885                                    </div>
886                                </div>
887
888                                <div class="box-item swiper-slide">
889                                    <div class="card bg-dark text-white rounded-0 border-0">
890                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/salud.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
891                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
892                                            <h5 class="card-title text-center">&nbsp;</h5>
893                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Salud y Servicios Sociales</h5>
894                                            <p class="card-text text-end "><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/16" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
895                                        </div>
896                                    </div>
897                                </div>
898
899                                <div class="box-item swiper-slide">
900                                    <div class="card bg-dark text-white rounded-0 border-0">
901                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/transporte.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
902                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
903                                            <h5 class="card-title text-center">&nbsp;</h5>
904                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Transporte y Vialidad</h5>
905                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/13" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
906                                        </div>
907                                    </div>
908                                </div>
909
910                                <div class="box-item swiper-slide">
911                                    <div class="card bg-dark text-white rounded-0 border-0">
912                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/universidad.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
913                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
914                                            <h5 class="card-title text-center">&nbsp;</h5>
915                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Universitaria</h5>
916                                            <p class="card-text text-end"><a class="custom-link" href="https://itb.edu.ec/Oferta_academica/programas/17" aria-label="Clic para ver todas las carreras">Ver carreras</a></p>
917                                        </div>
918                                    </div>
919                                </div>
920
921                                <div class="box-item swiper-slide">
922                                    <div class="card bg-dark text-white rounded-0 border-0">
923                                        <img data-src="https://itb.edu.ec/statics/imagenes/main/conduce.jpg" width="280" height="300" class="card-img rounded-0 lazyload" alt="...">
924                                        <div class="card-img-overlay overlay-animated rounded-0 d-flex flex-column justify-content-between">
925                                            <h5 class="card-title text-center">&nbsp;</h5>
926                                            <h5 class="card-title text-center texto"><i class="fas fa-graduation-cap"></i><br> Escuela de Conducci&oacute;n</h5>
927                                            <p class="card-text text-end"><a class="custom-link" target="_blank" href="https://conducecuador.itb.edu.ec/" aria-label="Clic para ir al sitio">Ver carreras</a></p>
928                                        </div>
929                                    </div>
930                                </div>
931
932                            </div>
933                        </div>
934                    </div>
935                </div>
936            </div>
937            <div class="container-fluid mt-1 py-5 img-container-mapa img-loader-bg" id="ofertashorarios" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bgmapa.jpeg">
938                <div class="container">
939                    <div class="row align-items-center">
940                        <div class="col-lg-6 col-md-9 col-12">
941                            <div class="gentle-card p-4 p-md-5 wow animate__animated animate__fadeIn">
942                                <div class="d-flex align-items-center mb-3">
943                                    <div class="icon-circle me-3">
944                                        <i class="fas fa-street-view text-white"></i>
945                                    </div>
946                                    <span class="text-white fw-bold text-uppercase small letter-spacing-1">Experiencia 360°</span>
947                                </div>
948                                <h3 class="display-6 mb-3 text-white">¿Te gustaría conocer nuestro instituto?</h3>
949                                <p class="mb-4 fs-5 text-white">
950                                    Te invitamos a vivir una experiencia única recorriendo nuestras modernas instalaciones desde la comodidad de tu hogar.
951                                </p>
952                                <a href="https://mapa360.itb.edu.ec" class="btn btn-gentle-naranja px-5 py-3 rounded-pill" target="_blank">
953                                    Explorar ahora <i class="fas fa-chevron-right ms-2 text-white"></i>
954                                </a>
955                            </div>
956                        </div>
957                    </div>
958                </div>
959            </div>
960            <style>
961                .img-container-mapa {
962                    position: relative;
963                    display: flex;
964                    align-items: center;
965                    min-height: 500px;
966                    background-size: cover;
967                    background-position: center;
968                    overflow: hidden;
969                    border-top: 1px solid rgba(255,255,255,0.1);
970                }
971
972                .img-container-mapa::before {
973                    content: "";
974                    position: absolute;
975                    inset: 0;
976                    background: linear-gradient(90deg, 
977                        rgba(0, 0, 0, 0.75) 0%, 
978                        rgba(0, 0, 0, 0.4) 50%, 
979                        rgba(0, 0, 0, 0.1) 100%);
980                    z-index: 1;
981                }
982
983                .img-container-mapa .container {
984                    position: relative;
985                    z-index: 2;
986                }
987
988                /* Tarjeta Glassmorphism Puro */
989                .gentle-card {
990                    background: transparent;
991                    backdrop-filter: blur(15px);
992                    -webkit-backdrop-filter: blur(15px);
993                    border-radius: 35px;
994                    border: 1px solid rgba(255, 255, 255, 0.15);
995                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
996                    transition: all 0.4s ease;
997                }
998                
999                .gentle-card:hover {
1000                    border-color: rgba(255, 255, 255, 0.3);
1001                }
1002
1003                .icon-circle {
1004                    width: 50px;
1005                    height: 50px;
1006                    background: var(--naranja);
1007                    color: white;
1008                    border-radius: 15px; /* Un poco menos redondeado para ser gentil pero moderno */
1009                    display: flex;
1010                    align-items: center;
1011                    justify-content: center;
1012                    font-size: 1.4rem;
1013                    box-shadow: 0 5px 15px rgba(233, 78, 27, 0.3);
1014                }
1015
1016                .gentle-card h3 {
1017                    font-family: "Oswald-Medium", sans-serif;
1018                    font-weight: 500;
1019                    color: white !important;
1020                    text-shadow: 2px 2px 15px rgba(0,0,0,0.6);
1021                }
1022
1023                .gentle-card p {
1024                    font-family: "Gotham-Book", sans-serif;
1025                    color: white !important;
1026                    line-height: 1.6;
1027                    text-shadow: 1px 1px 8px rgba(0,0,0,0.5);
1028                }
1029
1030                /* Botón Ajustado */
1031                .btn-gentle-naranja {
1032                    background: var(--naranja);
1033                    color: white !important;
1034                    font-family: "Oswald-Medium", sans-serif;
1035                    text-transform: uppercase;
1036                    letter-spacing: 0.5px;
1037                    font-size: 0.95rem;
1038                    border: none;
1039                    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
1040                    transition: all 0.3s ease;
1041                }
1042
1043                .btn-gentle-naranja:hover {
1044                    background: #d64115;
1045                    transform: scale(1.05);
1046                    box-shadow: 0 12px 20px rgba(233, 78, 27, 0.3);
1047                    color: white !important;
1048                }
1049
1050                @media (max-width: 767.98px) {
1051                    .img-container-mapa {
1052                        min-height: 450px;
1053                        padding: 20px 0;
1054                    }
1055                    .gentle-card {
1056                        border-radius: 25px;
1057                        text-align: center;
1058                    }
1059                    .gentle-card .d-flex {
1060                        justify-content: center;
1061                    }
1062                    .gentle-card h3 {
1063                        font-size: 1.7rem;
1064                    }
1065                    .gentle-card p {
1066                        font-size: 1rem !important;
1067                    }
1068                    .btn-gentle-naranja {
1069                        width: 100%;
1070                    }
1071                }
1072            </style>
1073
1074            <div class="container-fluid pb-3 pt-5" id="beneficioscontainer">
1075                <div class="container mb-3">
1076                    <div class="row mx-0">
1077                        <div class="col-lg-5 px-0 anim beneficios-img" data-animate="fadeInRight">
1078                            <img data-src="https://itb.edu.ec/statics/imagenes/main/beneficiosfondo.jpg" class="h-100 w-100 img-fluid lazyload img-beneficios" alt="Bg beneficios">
1079                        </div>
1080                        <div class="col-lg-7 beneficios-items d-flex flex-column justify-content-between">
1081
1082                            <div class="beneficio-top mt-3 mt-lg-0">
1083                                <h3 class="text-center mb-3">
1084                                    <span class="items-titulo texto"> Modalidad presencial, online e h&iacute;brida </span>
1085                                </h3>
1086                                <div class="row">
1087                                    <div class="col-sm-12 col-md-6">
1088                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1089                                            <div class="flex-shrink-0" style="background:#1d93d1;">
1090                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/1.png" class="img-fluid lazyload" alt="Serv. Medicos">
1091                                            </div>
1092                                            <div class="flex-grow-1 ms-3">
1093                                                <h6 class="texto" style="color:#1d93d1">Servicios m&eacute;dicos gratuitos.</h6>
1094                                                <p class="texto">
1095                                                    Atención médica gratuita en: podología, rehabilitación física, psicología, medicina deportiva y medicina general.
1096                                                </p>
1097                                            </div>
1098                                        </div>
1099                                    </div>
1100                                    <div class="col-sm-12 col-md-6">
1101                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1102                                            <div class="flex-shrink-0" style="background:#0d437f;">
1103                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/4.png" class="img-fluid lazyload" alt="Imge 1">
1104                                            </div>
1105                                            <div class="flex-grow-1 ms-3 texto">
1106                                                <h6 style="color:#0d437f">ITB GYM en guayaquil.</h6>
1107                                                <p>Membresía gratuita por 3 meses, a los nuevos estudiantes.</p>
1108                                            </div>
1109                                        </div>
1110                                    </div>
1111                                    <div class="col-sm-12 col-md-6">
1112                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1113                                            <div class="flex-shrink-0" style="background:#e57312;">
1114                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/2.png" class="img-fluid lazyload" alt="Pintas gratis">
1115                                            </div>
1116                                            <div class="flex-grow-1 ms-3 texto">
1117                                                <h6 style="color:#e57312;">Pintas de sangre gratuitas</h6>
1118                                                <p>Cuenta con nuestra ayuda en tus momentos difíciles.</p>
1119                                            </div>
1120                                        </div>
1121                                    </div>
1122                                    <div class="col-sm-12 col-md-6">
1123                                        <div class="d-flex align-items-center items-beneficios1 mb-2 anim" data-animate="fadeInRight">
1124                                            <div class="flex-shrink-0" style="background:#52a539">
1125                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/5.png" class="img-fluid lazyload" alt="Bacas imge 1">
1126                                            </div>
1127                                            <div class="flex-grow-1 ms-3 texto">
1128                                                <h6 style="color:#52a539">Becas y ayudas financieras.</h6>
1129                                                <p>Que la falta de dinero no sea un impedimento.</p>
1130                                            </div>
1131                                        </div>
1132                                    </div>
1133                                    <div class="col-sm-12 col-md-6">
1134                                        <div class="d-flex align-items-center items-beneficios1 mb-1 anim" data-animate="fadeInRight">
1135                                            <div class="flex-shrink-0" style="background:#e25d9e;">
1136                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/3.png" class="img-fluid lazyload" alt="Img Medico">
1137                                            </div>
1138                                            <div class="flex-grow-1 ms-3 texto">
1139                                                <h6 style="color:#e25d9e">ITB SPA en Guayaquil.</h6>
1140                                                <p>Como estudiante tienes un 20% de descuento en tratamientos faciales y corporales.</p>
1141                                            </div>
1142                                        </div>
1143                                    </div>
1144                                </div>
1145                            </div>
1146
1147                            <div class="beneficio-bottom mt-3 mt-lg-0">
1148                                <h3 style="height:1px" class="text-center">
1149                                    <span class="green-tittle texto">Modalidad presencial</span>
1150                                </h3>
1151                                <div class="row">
1152                                    <div class="col-sm-12 col-md-4">
1153                                        <div class="d-flex align-items-center items-beneficios anim" data-animate="fadeInRight">
1154                                            <div class="flex-shrink-0" style="background:var(--naranja);">
1155                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/6.png" class="img-fluid lazyload" alt="Imge 1">
1156                                            </div>
1157                                            <div class="flex-grow-1 ms-3 texto">
1158                                                <h6>Exámenes Médicos Gratuitos</h6>
1159                                            </div>
1160                                        </div>
1161                                    </div>
1162                                    <div class="col-sm-12 col-md-4">
1163                                        <div class="d-flex align-items-center items-beneficios anim" data-animate="fadeInRight">
1164                                            <div class="flex-shrink-0" style="background:var(--azul);">
1165                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/7.png" class="img-fluid lazyload" alt="Imge 2">
1166                                            </div>
1167                                            <div class="flex-grow-1 ms-3 texto">
1168                                                <h6 style="color:var(--azul)">Becas / Ayudas financieras a deportistas.</h6>
1169                                            </div>
1170                                        </div>
1171                                    </div>
1172                                    <div class="col-sm-12 col-md-4">
1173                                        <div class="d-flex align-items-center items-beneficios anim" data-animate="fadeInRight">
1174                                            <div class="flex-shrink-0" style="background:#1d93d1">
1175                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/8.png" class="img-fluid lazyload" alt="Imge 3">
1176                                            </div>
1177                                            <div class="flex-grow-1 ms-3 texto">
1178                                                <h6 style="color:#1d93d1">Becas por ser parte del grupo de Arte y Cultura.</h6>
1179                                            </div>
1180                                        </div>
1181                                    </div>
1182                                </div>
1183                            </div>
1184
1185                        </div>
1186                    </div>
1187                </div>
1188            </div>
1189
1190            <div class="container-fluid mt-1 py-5 img-container2 img-loader-bg" id="ofertashorarios" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-horarios.jpg">
1191                <div class="container">
1192                    <div class="row">
1193                        <div class="offset-md-6 offset-lg-6 col-md-6">
1194                            <div id="cont-horarios">
1195                                <h1 class="titulo-seccion mb-3 text-center texto">Horarios</h1>
1196                                <div id="carouselHorariosCaptions" class="carousel slide" data-bs-touch="false">
1197                                    <div class="carousel-inner">
1198                                                                                <div class="carousel-item  active ">
1199                                            <div class="card border-0 bg-transparent">
1200                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1201                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior Universitaria en Podología</h5>
1202                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1203                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1204                                                                                                                    <p class="card-text texto"> <strong>NOCTURNO :</strong> Lunes a Viernes 18:30 A 22:00 </p>
1205                                                                                                                                                                <p class="text-center">
1206                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1206inscribirse"> Inscribirme </a>
1207                                                    </p>
1208                                                </div>
1209                                            </div>
1210                                        </div>
1211                                                                                <div class="carousel-item ">
1212                                            <div class="card border-0 bg-transparent">
1213                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1214                                                        <h5 class="card-title mb-3 texto fw-bold">Guía Nacional de Turismo</h5>
1215                                                                                                            <h6 class="card-subtitle mb-2 texto">ONLINE</h6>
1216                                                                                                                    <p class="card-text texto"> <strong>Nocturno (lunes a viernes) :</strong> 18H00 a 22H00 </p>
1217                                                                                                                                                                <p class="text-center">
1218                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1219                                                    </p>
1220                                                </div>
1221                                            </div>
1222                                        </div>
1223                                                                                <div class="carousel-item ">
1224                                            <div class="card border-0 bg-transparent">
1225                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1226                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Laboratorio Clínico</h5>
1227                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1228                                                                                                                    <p class="card-text texto"> <strong>Matutino (Lunes a Viernes) :</strong> 07H30 a 11H30 </p>
1229                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1230                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1231                                                                                                                                                                <p class="text-center">
1232                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1233                                                    </p>
1234                                                </div>
1235                                            </div>
1236                                        </div>
1237                                                                                <div class="carousel-item ">
1238                                            <div class="card border-0 bg-transparent">
1239                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1240                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior Universitaria en Gerontología</h5>
1241                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1242                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados de 08h00 - 18h00 y Domingos  de 08h00 - 14h00 </p>
1243                                                                                                                                                                <p class="text-center">
1244                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1244inscribirse"> Inscribirme </a>
1245                                                    </p>
1246                                                </div>
1247                                            </div>
1248                                        </div>
1249                                                                                <div class="carousel-item ">
1250                                            <div class="card border-0 bg-transparent">
1251                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1252                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Tricología y Cosmiatría</h5>
1253                                                                                                            <h6 class="card-subtitle mb-2 texto">Hibrida</h6>
1254                                                                                                                    <p class="card-text texto"> <strong>MATUTINO :</strong> Lunes a Viernes 07h30 A 11H30 </p>
1255                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1256                                                                                                                                                                <p class="text-center">
1257                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1258                                                    </p>
1259                                                </div>
1260                                            </div>
1261                                        </div>
1262                                                                                <div class="carousel-item ">
1263                                            <div class="card border-0 bg-transparent">
1264                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1265                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología en Planificación y Gestión de Transporte Terrestre</h5>
1266                                                                                                            <h6 class="card-subtitle mb-2 texto">Hibrida</h6>
1267                                                                                                                    <p class="card-text texto"> <strong>Nocturna :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1268                                                                                                                    <p class="card-text texto"> <strong>FINES DE SEMANA :</strong> SABADOS Y DOMINGOS </p>
1269                                                                                                                                                                <p class="text-center">
1270                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1271                                                    </p>
1272                                                </div>
1273                                            </div>
1274                                        </div>
1275                                                                                <div class="carousel-item ">
1276                                            <div class="card border-0 bg-transparent">
1277                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1278                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Administración</h5>
1279                                                                                                            <h6 class="card-subtitle mb-2 texto">SEMIPRESENCIAL</h6>
1280                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sabados y Domingos </p>
1281                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong> Lunes a Viernes 07H30 a 11H00 </p>
1282                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 07H30 a 11H00 </p>
1283                                                                                                                                                                    <h6 class="card-subtitle mb-2 texto">Online</h6>
1284                                                                                                                    <p class="card-text texto"> <strong>Nocturno - Lunes a viernes :</strong> 18H00 a 22H00 </p>
1285                                                                                                                                                                <p class="text-center">
1286                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1286inscribirse"> Inscribirme </a>
1287                                                    </p>
1288                                                </div>
1289                                            </div>
1290                                        </div>
1291                                                                                <div class="carousel-item ">
1292                                            <div class="card border-0 bg-transparent">
1293                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1294                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior Universitaria en Desarrollo de Software</h5>
1295                                                                                                            <h6 class="card-subtitle mb-2 texto">Semipresencial</h6>
1296                                                                                                                    <p class="card-text texto"> <strong>Matutino (Lunes a Viernes) :</strong> 07H30 a 11H00 </p>
1297                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1298                                                                                                                                                                    <h6 class="card-subtitle mb-2 texto">Online</h6>
1299                                                                                                                    <p class="card-text texto"> <strong>Nocturno (Lunes a Viernes) :</strong> 18H00 a 22H00 </p>
1300                                                                                                                                                                <p class="text-center">
1301                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1302                                                    </p>
1303                                                </div>
1304                                            </div>
1305                                        </div>
1306                                                                                <div class="carousel-item ">
1307                                            <div class="card border-0 bg-transparent">
1308                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1309                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Rehabilitación Física</h5>
1310                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1311                                                                                                                    <p class="card-text texto"> <strong>FINES DE SEMANA :</strong> Sábados y Domingos </p>
1312                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong> Lunes a Viernes 07H30 a 11H30 </p>
1313                                                                                                                    <p class="card-text texto"> <strong>Nocturna :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1314                                                                                                                                                                <p class="text-center">
1315                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1316                                                    </p>
1317                                                </div>
1318                                            </div>
1319                                        </div>
1320                                                                                <div class="carousel-item ">
1321                                            <div class="card border-0 bg-transparent">
1322                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1323                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Optometría</h5>
1324                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1325                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18h30 a 22h00 </p>
1326                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1327                                                                                                                                                                <p class="text-center">
1328                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1328inscribirse"> Inscribirme </a>
1329                                                    </p>
1330                                                </div>
1331                                            </div>
1332                                        </div>
1333                                                                                <div class="carousel-item ">
1334                                            <div class="card border-0 bg-transparent">
1335                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1336                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Mecánica Automotriz</h5>
1337                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1338                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1339                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1340                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong> Lunes a Viernes 07H30 a 11H00 </p>
1341                                                                                                                                                                <p class="text-center">
1342                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1343                                                    </p>
1344                                                </div>
1345                                            </div>
1346                                        </div>
1347                                                                                <div class="carousel-item ">
1348                                            <div class="card border-0 bg-transparent">
1349                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1350                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Imagenología y Radiología</h5>
1351                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1352                                                                                                                    <p class="card-text texto"> <strong>Nocturno :</strong> Lunes a Viernes 18H30 a 22H00 </p>
1353                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1354                                                                                                                    <p class="card-text texto"> <strong>Matutino (Lunes a Viernes) :</strong> 07H30 a 11H30 </p>
1355                                                                                                                                                                <p class="text-center">
1356                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1357                                                    </p>
1358                                                </div>
1359                                            </div>
1360                                        </div>
1361                                                                                <div class="carousel-item ">
1362                                            <div class="card border-0 bg-transparent">
1363                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1364                                                        <h5 class="card-title mb-3 texto fw-bold">Técnico Superior en Enfermería</h5>
1365                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1366                                                                                                                    <p class="card-text texto"> <strong>Nocturna  :</strong> Lunes a viernes 18H30 a 22H00 </p>
1367                                                                                                                    <p class="card-text texto"> <strong>Matutina  :</strong> Lunes a viernes 07H30 a 11H30 </p>
1368                                                                                                                    <p class="card-text texto"> <strong>Vespertina :</strong> Lunes a Viernes 14H00 a 18H00 </p>
1369                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> SABADOS Y DOMINGOS </p>
1370                                                                                                                                                                <p class="text-center">
1371                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1371inscribirse"> Inscribirme </a>
1372                                                    </p>
1373                                                </div>
1374                                            </div>
1375                                        </div>
1376                                                                                <div class="carousel-item ">
1377                                            <div class="card border-0 bg-transparent">
1378                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1379                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Emergencias Médicas</h5>
1380                                                                                                            <h6 class="card-subtitle mb-2 texto">PRESENCIAL</h6>
1381                                                                                                                    <p class="card-text texto"> <strong>Vespertina (Lunes a Viernes) :</strong> 14H00 a 18H00 </p>
1382                                                                                                                    <p class="card-text texto"> <strong>FINES DE SEMANA :</strong> Sábados Y Domingos </p>
1383                                                                                                                                                                <p class="text-center">
1384                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1385                                                    </p>
1386                                                </div>
1387                                            </div>
1388                                        </div>
1389                                                                                <div class="carousel-item ">
1390                                            <div class="card border-0 bg-transparent">
1391                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1392                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Gastronomía</h5>
1393                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1394                                                                                                                    <p class="card-text texto"> <strong>Matutino :</strong>  Lunes a Viernes 07H30 a 11H00 </p>
1395                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1396                                                                                                                                                                <p class="text-center">
1397                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1398                                                    </p>
1399                                                </div>
1400                                            </div>
1401                                        </div>
1402                                                                                <div class="carousel-item ">
1403                                            <div class="card border-0 bg-transparent">
1404                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1405                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Agroecología</h5>
1406                                                                                                            <h6 class="card-subtitle mb-2 texto">Híbrida</h6>
1407                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana :</strong> Sábados y Domingos </p>
1408                                                                                                                                                                <p class="text-center">
1409                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para 
1409inscribirse"> Inscribirme </a>
1410                                                    </p>
1411                                                </div>
1412                                            </div>
1413                                        </div>
1414                                                                                <div class="carousel-item ">
1415                                            <div class="card border-0 bg-transparent">
1416                                                <div class="card-body pt-5 pl-5 pr-5 pb-2 pt-4">
1417                                                        <h5 class="card-title mb-3 texto fw-bold">Tecnología Superior en Electricidad</h5>
1418                                                                                                            <h6 class="card-subtitle mb-2 texto">Presencial</h6>
1419                                                                                                                    <p class="card-text texto"> <strong>Matutino - Lunes a Viernes :</strong> 07H30 – 11H00 </p>
1420                                                                                                                    <p class="card-text texto"> <strong>Nocturno - Lunes a Viernes :</strong> 18H30 – 22H00  </p>
1421                                                                                                                    <p class="card-text texto"> <strong>Fines de Semana  :</strong> Sábados 08h00 a 18h00 y domingos  08h00 a 14H00 </p>
1422                                                                                                                                                                <p class="text-center">
1423                                                        <a href="https://itb.edu.ec/Inscripcion" class="btn btn-azul px-5" aria-label="Clic aquí para inscribirse"> Inscribirme </a>
1424                                                    </p>
1425                                                </div>
1426                                            </div>
1427                                        </div>
1428                                                                            </div>
1429                                    <div class="carousel-indicators">
1430                                                                                    <button type="button"
1431                                                    data-bs-target="#carouselHorariosCaptions"
1432                                                    data-bs-slide-to="0"
1433                                                    class=" active "
1434                                                     aria-current="true"                                                     aria-label="Slide 1"></button>
1435                                                                                    <button type="button"
1436                                                    data-bs-target="#carouselHorariosCaptions"
1437                                                    data-bs-slide-to="1"
1438                                                    class=""
1439                                                                                                        aria-label="Slide 2"></button>
1440                                                                                    <button type="button"
1441                                                    data-bs-target="#carouselHorariosCaptions"
1442                                                    data-bs-slide-to="2"
1443                                                    class=""
1444                                                                                                        aria-label="Slide 3"></button>
1445                                                                                    <button type="button"
1446                                                    data-bs-target="#carouselHorariosCaptions"
1447                                                    data-bs-slide-to="3"
1448                                                    class=""
1449                                                                                                        aria-label="Slide 4"></button>
1450                                                                                    <button type="button"
1451                                                    data-bs-target="#carouselHorariosCaptions"
1452                                                    data-bs-slide-to="4"
1453                                                    class=""
1454                                                                                                        aria-label="Slide 5"></button>
1455                                                                                    <button type="button"
1456                                                    data-bs-target="#carouselHorariosCaptions"
1457                                                    data-bs-slide-to="5"
1458                                                    class=""
1459                                                                                                        aria-label="Slide 6"></button>
1460                                                                                    <button type="button"
1461                                                    data-bs-target="#carouselHorariosCaptions"
1462                                                    data-bs-slide-to="6"
1463                                                    class=""
1464                                                                                                        aria-label="Slide 7"></button>
1465                                                                                    <button type="button"
1466                                                    data-bs-target="#carouselHorariosCaptions"
1467                                                    data-bs-slide-to="7"
1468                                                    class=""
1469                                                                                                        aria-label="Slide 8"></button>
1470                                                                                    <button type="button"
1471                                                    data-bs-target="#carouselHorariosCaptions"
1472                                                    data-bs-slide-to="8"
1473                                                    class=""
1474                                                                                                        aria-label="Slide 9"></button>
1475                                                                                    <button type="button"
1476                                                    data-bs-target="#carouselHorariosCaptions"
1477                                                    data-bs-slide-to="9"
1478                                                    class=""
1479                                                                                                        aria-label="Slide 10"></button>
1480                                                                                    <button type="button"
1481                                                    data-bs-target="#carouselHorariosCaptions"
1482                                                    data-bs-slide-to="10"
1483                                                    class=""
1484                                                                                                        aria-label="Slide 11"></button>
1485                                                                                    <button type="button"
1486                                                    data-bs-target="#carouselHorariosCaptions"
1487                                                    data-bs-slide-to="11"
1488                                                    class=""
1489                                                                                                        aria-label="Slide 12"></button>
1490                                                                                    <button type="button"
1491                                                    data-bs-target="#carouselHorariosCaptions"
1492                                                    data-bs-slide-to="12"
1493                                                    class=""
1494                                                                                                        aria-label="Slide 13"></button>
1495                                                                                    <button type="button"
1496                                                    data-bs-target="#carouselHorariosCaptions"
1497                                                    data-bs-slide-to="13"
1498                                                    class=""
1499                                                                                                        aria-label="Slide 14"></button>
1500                                                                                    <button type="button"
1501                                                    data-bs-target="#carouselHorariosCaptions"
1502                                                    data-bs-slide-to="14"
1503                                                    class=""
1504                                                                                                        aria-label="Slide 15"></button>
1505                                                                                    <button type="button"
1506                                                    data-bs-target="#carouselHorariosCaptions"
1507                                                    data-bs-slide-to="15"
1508                                                    class=""
1509                                                                                                        aria-label="Slide 16"></button>
1510                                                                                    <button type="button"
1511                                                    data-bs-target="#carouselHorariosCaptions"
1512                                                    data-bs-slide-to="16"
1513                                                    class=""
1514                                                                                                        aria-label="Slide 17"></button>
1515                                                                            </div>
1516                                </div>
1517                            </div>
1518                        </div>
1519                    </div>
1520                </div>
1521            </div>
1522
1523            <div class="container-fluid py-5 img-noticias" id="robotContenido" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-azul.jpg" data-repeat="true">
1524                <div class="container">
1525                    <div class="row">
1526                        <div class="cat">
1527                            <div class="cat-main">
1528                                <div class="info animate__animated animate__pulse animate__infinite"></div>
1529                                <a href="https://eva.itb.edu.ec/" class="portfolio-link">
1530                                    <div class="petal plataformas">
1531                                        <img src="https://itb.edu.ec/statics/imagenes/main/pcicono.png">
1532                                        <h6 class="text-white pt-2 texto">Plataformas</h6>
1533                                    </div>
1534                                </a>
1535                                <a href="https://play.google.com/store/apps/details?id=org.itb.sga&pcampaignid=web_share" class="contact-link">
1536                                    <div class="petal aplicaciones">
1537                                        <img src="https://itb.edu.ec/statics/imagenes/main/redesicono.png">
1538                                        <h6 class="text-white pt-2 texto">Aplicaciones</h6>
1539                                    </div>
1540                                </a>
1541                                <a href="https://conducecuador.itb.edu.ec/" class="socialmedia-link">
1542                                    <div class="petal conduceec">
1543                                        <img src="https://itb.edu.ec/statics/imagenes/main/conduce-icono.png">
1544                                        <h6 class="text-white pt-2 texto">Conduce EC</h6>
1545                                    </div>
1546                                </a>
1547                                <a href="https://itb.edu.ec/Oferta_academica" class="inspiration-link">
1548                                    <div class="petal estudiarec">
1549                                        <img src="https://itb.edu.ec/statics/imagenes/main/universicono.png">
1550                                        <h6 class="text-white texto">Estudiar EC</h6>
1551                                    </div>
1552                                </a>
1553                            </div>
1554                        </div>
1555                    </div>
1556                </div>
1557                <div class="container">
1558                    <div class="row">
1559                        <h4 class="mb-1 titulo-seccion text-white texto">¿Qu&eacute;
1559 deseas hacer?</h4>
1560                        <h2 class="subtitulo-seccion text-white texto">Selecciona un Desaf&iacute;o</h2>
1561                        <table id="robottable">
1562                            <thead>
1563                                <tr>
1564                                    <td width="40%" class="fila-upleft">
1565                                        <div class="d-flex mb-3 items-bots-left urlclic" data-url="https://eva.itb.edu.ec/">
1566                                            <div class="p-2" style="background:#fbb023"></div>
1567                                            <div class="p-2 flex-grow-1 texto">
1568                                                <h3>Plataformas educativas</h3>
1569                                                <ul class="fa-ul">
1570                                                    <li>
1571                                                        <span class="fa-li"><i class="fa-solid fa-circle" style="color:#fbb023"></i> </span>Conoce nuestras plataformas educativas.
1572                                                    </li>
1573                                                </ul>
1574                                            </div>
1575                                            <div class="p-2 icono" style="background:#fbb023">
1576                                                <img src="https://itb.edu.ec/statics/imagenes/main/pcicono.png">
1577                                            </div>
1578                                        </div>
1579                                    </td>
1580                                    <td rowspan="2" align="center" class="robot-container">
1581                                        <img src="https://itb.edu.ec/statics/imagenes/main/robot.png" class="robot-image anim" data-animate="flip" alt="Robot">
1582                                    </td>
1583                                    <td width="40%" class="fila-uprigth">
1584                                        <div class="d-flex mb-3 items-bots-rigth urlclic" data-url="https://play.google.com/store/apps/details?id=org.itb.sga&pcampaignid=web_share">
1585                                            <div class="p-2 icono" >
1586                                                <img src="https://itb.edu.ec/statics/imagenes/main/redesicono.png">
1587                                            </div>
1588                                            <div class="p-2 flex-grow-1 texto">
1589                                                <h3>Aplicaci&oacute;n M&oacute;vil</h3>
1590                                                <ul class="fa-ul">
1591                                                    <li>
1592                                                        <span class="fa-li"> <i class="fa-solid fa-circle" style="color:#fad03c"></i> </span> Lleva tu aula contigo y mantente siempre informado.
1593                                                    </li>
1594                                                </ul>
1595                                            </div>
1596                                            <div class="p-2" style="background:#fad03c"></div>
1597                                        </div>
1598                                    </td>
1599                                </tr>
1600                                <tr>
1601                                    <td width="40%" class="fila-downleft">
1602                                        <div class="d-flex mb-3 items-bots-left urlclic" data-url="https://conducecuador.itb.edu.ec/">
1603                                            <div class="p-2" style="background:#fe6d04"></div>
1604                                            <div class="p-2 flex-grow-1 texto">
1605                                                <h3>Conduce EC</h3>
1606                                                <ul class="fa-ul">
1607                                                    <li>
1608                                                        <span class="fa-li"> <i class="fa-solid fa-circle" style="color:#fe6d04"></i> </span> Donde aprender a conducir es fácil y seguro.
1609                                                    </li>
1610                                                </ul>
1611                                            </div>
1612                                            <div class="p-2 icono">
1613                                                <img src="https://itb.edu.ec/statics/imagenes/main/conduce-icono.png">
1614                                            </div>
1615                                        </div>
1616                                    </td>
1617                                    <td width="40%" class="fila-downrigth">
1618                                        <div class="d-flex mb-3 items-bots-rigth urlclic" data-url="https://itb.edu.ec/Oferta_academica">
1619                                            <div class="p-2 icono" style="background:#fd9a23">
1620                                                <img src="https://itb.edu.ec/statics/imagenes/main/universicono.png"> </div>
1621                                            <div class="p-2 flex-grow-1 texto">
1622                                                <h3>ESTUDIAR</h3>
1623                                                <ul class="fa-ul">
1624                                                    <li>
1625                                                        <span class="fa-li"> <i class="fa-solid fa-circle" style="color:#fd9a23"></i> </span> ¿Qu&eacute; reto deseas emprender?
1626                                                    </li>
1627                                                </ul>
1628                                            </div>
1629                                            <div class="p-2" style="background:#fd9a23"></div>
1630                                        </div>
1631                                    </td>
1632                                </tr>
1633                            </thead>
1634                        </table>
1635
1636                    </div>
1637                </div>
1638            </div>
1639
1640            <div class="container-fluid mt-5"  id="mostrarmas">
1641                <div class="container py-5">
1642                    <div class="col-md-12">
1643                        <h4 class="text-naranja titulo-seccion mb-1 texto fw-bold">Acerca de ITB</h4>
1644                        <h2 class="subtitulo-seccion fw-normal lh-1 texto">No te pierdas ni un momento</h2>
1645                    </div>
1646                </div>
1647                <div class="row">
1648                    <div id="contenStadistics" class="col-md-12 anim" data-animate="fadeInUp">
1649
1650                        <div class="card border-0 rounded-0 texto">
1651                            <div class="card-header border-0">
1652                                <h1 class="text-center">1.61M</h1>
1653                            </div>
1654                            <div class="card-body">
1655                                <h6>Visitantes</h6>
1656                            </div>
1657                        </div>
1658
1659                        <div class="card border-0 rounded-0 texto">
1660                            <div class="card-header border-0">
1661                                <h1 class="text-center">29 a&ntilde;os</h1>
1662                            </div>
1663                            <div class="card-body">
1664                                <h6>Transformando vidas</h6>
1665                            </div>
1666                        </div>
1667
1668                        <div class="card border-0 rounded-0 texto">
1669                            <div class="card-header border-0">
1670                                <h1 class="text-center">+17000</h1>
1671                            </div>
1672                            <div class="card-body">
1673                                <h6>Futuros profesionales formándose con metodologías activas.</h6>
1674                            </div>
1675                        </div>
1676
1677                        <div class="card border-0 rounded-0 texto">
1678                            <div class="card-header border-0">
1679                                <h1 class="text-center">+3000</h1>
1680                            </div>
1681                            <div class="card-body">
1682                                <h6>Graduados transformando la industria con sus conocimientos.</h6>
1683                            </div>
1684                        </div>
1685
1686                        <div class="card border-0 rounded-0 texto">
1687                            <div class="card-header border-0">
1688                                <h1 class="text-center">+150</h1>
1689                            </div>
1690                            <div class="card-body">
1691                                <h6>Académicos formando en entornos de vanguardia.</h6>
1692                            </div>
1693                        </div>
1694
1695                        <div class="card border-0 rounded-0 texto">
1696                            <div class="card-header border-0">
1697                                <h1 class="text-center">+35</h1>
1698                            </div>
1699                            <div class="card-body">
1700                                <h6>Carreras técnicas y tecnológicas esperando por ti.</h6>
1701                            </div>
1702                        </div>
1703
1704                    </div>
1705                </div>
1706            </div>
1707
1708            <div class="container-fluid mt-5 py-5 img-container2" id="arteCultura" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-arte.jpg">
1709                <div class="container">
1710                    <div class="row justify-content-end">
1711                        <div class="col-12 col-md-7">
1712                            <h4 class="text-naranja mb-4 text-center titulo-seccion texto">Arte y cultura</h4>
1713                            <div class="swiper swiper-artec anim" data-animate="bounceIn">
1714                                <div class="swiper-wrapper">
1715                                    <div class="swiper-slide">
1716                                        <a href="https://itb.edu.ec/Arte_Cultura">
1717                                            <div class="swiper-slide d-flex align-items-center">
1718                                                <div class="card rounded-0 p-3">
1719                                                    <img data-src="https://itb.edu.ec/statics/imagenes/main/arteportada.jpg" class="img-fluid lazyload">
1720                                                    <div class="card-img-
1720overlay align-content-center text-center">
1721                                                        <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1722                                                    </div>
1723                                                    <div class="card-body p-4"></div>
1724                                                </div>
1725                                            </div>
1726                                        </a>
1727                                    </div>
1728
1729                                    <div class="swiper-slide d-flex align-items-center">
1730                                        <a href="https://itb.edu.ec/Arte_Cultura">
1731                                        <div class="card rounded-0 p-3">
1732                                            <img data-src="https://itb.edu.ec/statics/imagenes/main/arte4.jpg" class="img-fluid lazyload">
1733                                            <div class="card-img-overlay align-content-center text-center">
1734                                                <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1735                                            </div>
1736                                            <div class="card-body p-4"></div>
1737                                        </div>
1738                                        </a>
1739                                    </div>
1740
1741                                    <div class="swiper-slide">
1742                                        <a href="https://itb.edu.ec/Arte_Cultura">
1743                                        <div class="swiper-slide d-flex align-items-center">
1744                                            <div class="card rounded-0 p-3">
1745                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte1.jpg" class="img-fluid lazyload">
1746                                                <div class="card-img-overlay align-content-center text-center">
1747                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1748                                                </div>
1749                                                <div class="card-body p-4"></div>
1750                                            </div>
1751                                        </div>
1752                                        </a>
1753                                    </div>
1754
1755                                    <div class="swiper-slide">
1756                                        <a href="https://itb.edu.ec/Arte_Cultura">
1757                                        <div class="swiper-slide d-flex align-items-center">
1758                                            <div class="card rounded-0 p-3">
1759                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte2.jpg" class="img-fluid lazyload">
1760                                                <div class="card-img-overlay align-content-center text-center">
1761                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1762                                                </div>
1763                                                <div class="card-body p-4"></div>
1764                                            </div>
1765                                        </div>
1766                                        </a>
1767                                    </div>
1768
1769                                    <div class="swiper-slide">
1770                                        <a href="https://itb.edu.ec/Arte_Cultura">
1771                                        <div class="swiper-slide d-flex align-items-center">
1772                                            <div class="card rounded-0 p-3">
1773                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte3.jpg" class="img-fluid lazyload">
1774                                                <div class="card-img-overlay align-content-center text-center">
1775                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1776                                                </div>
1777                                                <div class="card-body p-4"></div>
1778                                            </div>
1779                                        </div>
1780                                        </a>
1781                                    </div>
1782
1783                                    <div class="swiper-slide">
1784                                        <a href="https://itb.edu.ec/Arte_Cultura">
1785                                        <div class="swiper-slide d-flex align-items-center">
1786                                            <div class="card rounded-0 p-3">
1787                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte4.jpg" class="img-fluid lazyload">
1788                                                <div class="card-img-
1788overlay align-content-center text-center">
1789                                                    <a href="#" class="btn btn-naranja">Ver m&aacute;s</a>
1790                                                </div>
1791                                                <div class="card-body p-4"></div>
1792                                            </div>
1793                                        </div>
1794                                        </a>
1795                                    </div>
1796
1797                                    <div class="swiper-slide">
1798                                        <a href="https://itb.edu.ec/Arte_Cultura">
1799                                        <div class="swiper-slide d-flex align-items-center">
1800                                            <div class="card rounded-0 p-3">
1801                                                <img data-src="https://itb.edu.ec/statics/imagenes/main/arte1.jpg" class="img-fluid lazyload">
1802                                                <div class="card-img-overlay align-content-center text-center">
1803                                                    <a href="#" class="btn btn-naranja" aria-label="Clic para ver más">Ver m&aacute;s</a>
1804                                                </div>
1805                                                <div class="card-body p-4"></div>
1806                                            </div>
1807                                        </div>
1808                                        </a>
1809                                    </div>
1810
1811                                </div>
1812                            </div>
1813                        </div>
1814                    </div>
1815                </div>
1816            </div>
1817
1818            <div class="container-fluid py-5 mt-5 img-noticias" id="carrerasSlider" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-azul.jpg" data-repeat="true">
1819                <div class="container">
1820                    <div class="row">
1821                        <div class="col-12 d-block d-sm-none d-sm-block d-md-none">
1822                            <h1 class="text-white titulo-seccion texto" id="title-noticias">Noticias del ITB</h1>
1823                            <h5>
1824                            </h5>
1825                        </div>
1826                        <div class="col-12 col-md-5">
1827                            <div class="contentestimonio anim" data-animate="fadeInLeft">
1828                                <h2 class="text-white p-0 m-0 texto">CREANDO UN IMPACTO DURADERO</h2>
1829                                <div id="carouselTestimonio" class="carousel carousel-dark slide mt-4" data-bs-ride="carousel">
1830                                    <div class="carousel-inner">
1831                                        <div class="carousel-item active" data-bs-interval="10000">
1832                                            <div class="d-flex justify-content-center align-items-center">
1833                                                <div class="card border-0 mx-4">
1834                                                    <img data-src="https://itb.edu.ec/statics/imagenes/main/rehabilitafoto.jpg" class="card-img-top rounded-0 lazyload" alt="Imagen 1">
1835                                                    <div class="card-body">
1836                                                        <h5 class="card-title text-white texto">Rehabilitaci&oacute;n F&iacute;sica</h5>
1837                                                        <p class="card-text text-naranja texto">Vive la experiencia</p>
1838                                                        <p class="card-text text-white texto">
1839                                                            En este día, tendrás la oportunidad de interactuar con nuestros docentes,
1840                                                            hacerles todas las preguntas que desees y aprender diversas técnicas de rehabilitación.</p>
1841                                                    </div>
1842                                                </div>
1843                                            </div>
1844                                        </div>
1845                                        <div class="carousel-item" data-bs-interval="10000">
1846                                            <div class="d-flex justify-content-center align-items-center">
1847                                                <div class="card border-0 mx-4">
1848                                                    <img data-src="https://itb.edu.ec/statics/imagenes/main/rehabilitafoto.jpg" class="card-img-top rounded-0 lazyload" alt="Imagen 1">
1849                                                    <div class="card-body">
1850                                                        <h5 class="card-title text-white texto">Rehabilitaci&oacute;n F&iacute;sica</h5>
1851                                                        <p class="card-text text-naranja texto">Vive la experiencia</p>
1852                                                        <p class="card-text text-white texto">En este día, tendrás la oportunidad de interactuar con nuestros docentes,
1853                                                            hacerles todas las preguntas que desees y aprender diversas técnicas de rehabilitación.</p>
1854                                                    </div>
1855                                                </div>
1856                                            </div>
1857                                        </div>
1858                                    </div>
1859                                    <div class="carousel-indicators">
1860                                        <button type="button"
1861                                                data-bs-target="#carouselTestimonio"
1862                                                data-bs-slide-to="0"
1863                                                class="active"
1864                                                aria-current="true"
1865                                                aria-label="Slide 1"></button>
1866                                        <button type="button"
1867                                                data-bs-target="#carouselTestimonio"
1868                                                data-bs-slide-to="1"
1869                                                class=""
1870                                                aria-current="false"
1871                                                aria-label="Slide 2"></button>
1872                                    </div>
1873                                </div>
1874                                <div class="d-flex justify-content-center align-items-center">
1875                                    <a href="https://itb.edu.ec/Videos" class="btn btn-naranja px-5 text-center" aria-label="Clic para ver más">Ver m&aacute;s</a>
1876                                </div>
1877                            </div>
1878                        </div>
1879                        <div class="col-12 col-md-7 anim" data-animate="fadeInRight">
1880                            <div class="row">
1881                                <div class="col-12 d-none d-sm-block d-sm-none d-md-block">
1882                                    <h1 class="text-white mx-4 titulo-seccion texto" id="title-noticias">Noticias del ITB</h1>
1883                                    <h5>
1884                                        <a href="https://itb.edu.ec/Actividades" class="text-white mx-4 text-decoration-none subtitulo-seccion" aria-label="Clic para ver más">
1885                                            Ver m&aacute;s historias
1886                                            <svg fill="var(--naranja)"
1887                                                 height="20px"
1888                                                 id="Capa_1"
1889                                                 xmlns="http://www.w3.org/2000/svg" version="1.1"
1890                                                 viewBox="0 0 23.44 23.44">
1891                                                <path d="M12.85,23.42C3.37,23.96-2.8,13.43,2.33,5.39,7.31-2.4,19.05-1.59,22.86,6.81c3.41,7.53-1.79,16.14-10.01,16.6ZM13.27,22.03C26.55,20.79,25,.23,11.22,1.35S-.71,23.32,13.27,22.03Z"/>
1892                                                <path d="M16.3,11.08l-.69-.77-3.21-2.63c-.42-.71.05-1.38.84-1.12,1.56,1.52,3.61,2.81,5.15,4.31.37.36.75.6.48,1.18l-5.58,4.71c-.72.47-1.39-.36-.89-1.04l3.21-2.63.69-.77H5.8c-.44,0-.44-1.25,0-1.25h10.5Z"/>
1893                                            </svg>
1894                                        </a>
1895                                    </h5>
1896                                </div>
1897                                                                <div class="col-12 col-md-6 my-4">
1898                                    <div class="d-flex justify-content-center align-items-center h-100">
1899                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1900                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790805529_0843346939e2bc0d11aa.jpeg" class="card-img-top rounded-0 lazyload" alt="ITB y CTE fortalecieron su cooperación mediante la firma de un convenio interinstitucional">
1901                                                                                        <div class="card-body urlclic"
1902                                                 data-url="https://itb.edu.ec/Actividades/detalle/2772/ITB-y-CTE-fortalecieron-su-cooperacion-mediante-la-firma-de-un-convenio-interinstitucional">
1903                                                <h5 class="card-title texto">ITB y CTE fortalecieron su cooperación mediante la firma de un convenio interinstitucional</h5>
1904                                                <p class="card-text texto">ITB y CTE suscribieron un convenio de Cooperación Interinstitucional, con el propósito de fortalecer el trabajo conjunto y generar nuevas oportunidades de formación y desarrollo profesional.</p>
1905                                                <a href="#" style="text-decoration:none;font-size:12px;">
1906                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1907                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1908                                                    </svg>
1909                                                    30 de Septiembre del 2026
1910                                                </a>
1911                                            </div>
1912                                        </div>
1913                                    </div>
1914                                </div>
1915                                                                <div class="col-12 col-md-6 my-4">
1916                                    <div class="d-flex justify-content-center align-items-center h-100">
1917                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1918                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790792696_493a5956a2c8f470a0d7.jpeg" class="card-img-top rounded-0 lazyload" alt="ITB evaluó el periodo académico y proyectó nuevos retos para la Facultad de Transporte y Vialidad">
1919                                                                                        <div class="card-body urlclic"
1920                                                 data-url="https://itb.edu.ec/Actividades/detalle/2771/ITB-evaluo-el-periodo-academico-y-proyecto-nuevos-retos-para-la-Facultad-de-Transporte-y-Vialidad">
1921                                                <h5 class="card-title texto">ITB evaluó el periodo académico y proyectó nuevos retos para la Facultad de Transporte y Vialidad</h5>
1922                                                <p class="card-text texto">ITB desarrolló la reunión de cierre y proyección de planificación académica correspondiente a los periodos abril 2026 - septiembre de 2026 y octubre de 2026 - marzo de 2027</p>
1923                                                <a href="#" style="text-decoration:none;font-size:12px;">
1924                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1925                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1926                                                    </svg>
1927                                                    30 de Septiembre del 2026
1928                                                </a>
1929                                            </div>
1930                                        </div>
1931                                    </div>
1932                                </div>
1933                                                                <div class="col-12 col-md-6 my-4">
1934                                    <div class="d-flex justify-content-center align-items-center h-100">
1935                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1936                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790781147_a23e34c05489372812e3.jpeg" class="card-img-top rounded-0 lazyload" alt="ITB reconoció la participación de sus estudiantes en el seminario “Salud, Envejecimiento y Humanización del Cuidado”">
1937                                                                                        <div class="card-body urlclic"
1938                                                 data-url="https://itb.edu.ec/Actividades/detalle/2770/ITB-reconocio-la-participacion-de-sus-estudiantes-en-el-seminario-Salud-Envejecimiento-y-Humanizacion-del-Cuidado">
1939                                                <h5 class="card-title texto">ITB reconoció la participación de sus estudiantes en el seminario “Salud, Envejecimiento y Humanización del Cuidado”</h5>
1940                                                <p class="card-text texto">ITB realizó la ceremonia de entrega de certificados a los estudiantes que culminaron satisfactoriamente el seminario “Cuidar es Encontrarse: Salud, Envejecimiento y Humanización del Cuidado”</p>
1941                                                <a href="#" style="text-decoration:none;font-size:12px;">
1942                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1943                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1944                                                    </svg>
1945                                                    30 de Septiembre del 2026
1946                                                </a>
1947                                            </div>
1948                                        </div>
1949                                    </div>
1950                                </div>
1951                                                                <div class="col-12 col-md-6 my-4">
1952                                    <div class="d-flex justify-content-center align-items-center h-100">
1953                                        <div class="card mt-2 border-0 rounded-0 card-items-news wow animate__animated animate__fadeInDown">
1954                                                                                            <img data-src="https://itb.edu.ec/recursos/img/actividades/1790693247_4227b2e3fbb4d5473ed1.jpeg" class="card-img-top rounded-0 lazyload" alt="Bolivarianos S.C. se consagró campeón de la LigaPro Universitaria Femenina 2026">
1955                                                                                        <div class="card-body urlclic"
1956                                                 data-url="https://itb.edu.ec/Actividades/detalle/2769/Bolivarianos-S.C.-se-consagro-campeon-de-la-LigaPro-Universitaria-Femenina-2026">
1957                                                <h5 class="card-title texto">Bolivarianos S.C. se consagró campeón de la LigaPro Universitaria Femenina 2026</h5>
1958                                                <p class="card-text texto">Bolivarianos S.C. se coronó como el primer equipo campeón de la LigaPro Universitaria Femenina Vaporal 2026</p>
1959                                                <a href="#" style="text-decoration:none;font-size:12px;">
1960                                                    <svg height="10px" id="Capa_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8.89 11.73">
1961                                                        <path d="M.75.06c.17-.03.32,0,.48.06l7.28,5.02c.48.37.52,1,.06,1.42L1.39,11.53c-.61.41-1.38-.04-1.39-.76V.91C.02.51.35.12.75.06ZM.9.95v9.84l7.09-4.91L.9.95Z"/>
1962                                                    </svg>
1963                                                    29 de Septiembre del 2026
1964                                                </a>
1965                                            </div>
1966                                        </div>
1967                                    </div>
1968                                </div>
1969                                                            </div>
1970                        </div>
1971                    </div>
1972                </div>
1973            </div>
1974
1975            <div class="container-fluid py-5 px-2 mt-5 img-noticias" id="eventoSlider" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bg-naranja.jpg" data-repeat="true">
1976                <div class="container" id="eventoContainer">
1977                    <h3 class="text-white texto"> Pr&oacute;ximos eventos del campus </h3>
1978                    <div class="row">
1979                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
1980                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
1981                                     data-url="https://itb.edu.ec/Actividades/detalle/2602/convocatoria-abierta">
1982                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
1983                                        <h1> Dic </h1>
1984                                        <h3><strong> 21 </strong></h3>
1985                                    </div>
1986                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
1987                                        <h6> <strong class="text-naranja texto">¡Convocatoria abierta!</strong> </h6>
1988                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> El ITB invita a su personal docente y administrativo a presentar Proye... </p>
1989                                        <span class="display-inline-block texto" style="font-size:12px;">
1990                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">21 de Diciembre del 2025</strong>&nbsp;
1991                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
1992                                        </span>
1993                                    </div>
1994                                </div>
1995                            </div>
1996                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
1997                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
1998                                     data-url="https://itb.edu.ec/Actividades/detalle/2587/metamorfosis-creativa-esta-por-comenzar">
1999                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2000                                        <h1> Dic </h1>
2001                                        <h3><strong> 4 </strong></h3>
2002                                    </div>
2003                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2004                                        <h6> <strong class="text-naranja texto">¡METAMORFOSIS CREATIVA está por comenzar!</strong> </h6>
2005                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> Lo mejor del Diseño de Modas y Maquillaje &amp; Vestuario para Cine y TV d... </p>
2006                                        <span class="display-inline-block texto" style="font-size:12px;">
2007                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">4 de Diciembre del 2025</strong>&nbsp;
2008                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2009                                        </span>
2010                                    </div>
2011                                </div>
2012                            </div>
2013                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2014                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2015                                     data-url="https://itb.edu.ec/Actividades/detalle/2584/-a-veces-el-silencio-duele-mas-que-las-palabras.">
2016                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2017                                        <h1> Nov </h1>
2018                                        <h3><strong> 26 </strong></h3>
2019                                    </div>
2020                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2021                                        <h6> <strong class="text-naranja texto"> A veces, el silencio duele más que las palabras.</strong> </h6>
2022                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> Por eso, en el Instituto Superior Universitario Bolivariano de Tecnolo... </p>
2023                                        <span class="display-inline-block texto" style="font-size:12px;">
2024                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">26 de Noviembre del 2025</strong>&nbsp;
2025                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2026                                        </span>
2027                                    </div>
2028                                </div>
2029                            </div>
2030                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2031                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2032                                     data-url="https://itb.edu.ec/Actividades/detalle/2582/faces-presenta-su-primer-cafe-bolivariano-">
2033                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2034                                        <h1> Dic </h1>
2035                                        <h3><strong> 8 </strong></h3>
2036                                    </div>
2037                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2038                                        <h6> <strong class="text-naranja texto">¡FACES presenta su primer Café Bolivariano! </strong> </h6>
2039                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> En esta edición transformadora de Café Bolivariano reuniremos a destac... </p>
2040                                        <span class="display-inline-block texto" style="font-size:12px;">
2041                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">8 de Diciembre del 2025</strong>&nbsp;
2042                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2043                                        </span>
2044                                    </div>
2045                                </div>
2046                            </div>
2047                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2048                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2049                                     data-url="https://itb.edu.ec/Actividades/detalle/2581/no-te-lo-puedes-perder-">
2050                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2051                                        <h1> Nov </h1>
2052                                        <h3><strong> 20 </strong></h3>
2053                                    </div>
2054                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2055                                        <h6> <strong class="text-naranja texto">¡NO TE LO PUEDES PERDER! </strong> </h6>
2056                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> El ITB te invita a ser parte de un momento inolvidable: la transmisión... </p>
2057                                        <span class="display-inline-block texto" style="font-size:12px;">
2058                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">20 de Noviembre del 2025</strong>&nbsp;
2059                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2060                                        </span>
2061                                    </div>
2062                                </div>
2063                            </div>
2064                                                    <div class="col-md-6 anim" data-animate="fadeInUp">
2065                                <div class="d-flex align-items-center bg-white m-4 p-2 rounded-3 items evento-items urlclic"
2066                                     data-url="https://itb.edu.ec/Actividades/detalle/2578/vive-la-metamorfosis-creativa-">
2067                                    <div class="flex-shrink-0 p-2 pr-1 text-center texto" title="">
2068                                        <h1> Nov </h1>
2069                                        <h3><strong> 26 </strong></h3>
2070                                    </div>
2071                                    <div class="flex-grow-1 ms-3 p-2" style="border-left:4px solid var(--naranja);min-height:120px;max-height:160px">
2072                                        <h6> <strong class="text-naranja texto">¡Vive la Metamorfosis Creativa! </strong> </h6>
2073                                        <p class="p-0 d-none d-sm-block d-sm-none d-md-block texto"> La Facultad de Ciencias Empresariales y Sistemas (FACES) abre sus puer... </p>
2074                                        <span class="display-inline-block texto" style="font-size:12px;">
2075                                            <i style="font-weight:300;" class="fa-solid fa-clock"></i>&nbsp;<strong class="ml-4">26 de Noviembre del 2025</strong>&nbsp;
2076                                            <i class="pl-5 fa-solid fa-location-dot"></i>&nbsp;<strong class="ml-4">Guayaquil</strong>
2077                                        </span>
2078                                    </div>
2079                                </div>
2080                            </div>
2081                                            </div>
2082
2083                    <div class="row">
2084                        <div class="col-12 py-3">
2085                            <h5 class="d-flex justify-content-end">
2086                                <a href="https://itb.edu.ec/Actividades/evento" class="text-white text-decoration-none subtitulo-seccion px-4" aria-label="Clic para ver más">
2087                                    Ver m&aacute;s historias
2088                                    <svg fill="white"
2089                                         height="20px"
2090                                         id="Capa_2"
2091                                         xmlns="http://www.w3.org/2000/svg" version="1.1"
2092                                         viewBox="0 0 23.44 23.44">
2093                                        <path d="M12.85,23.42C3.37,23.96-2.8,13.43,2.33,5.39,7.31-2.4,19.05-1.59,22.86,6.81c3.41,7.53-1.79,16.14-10.01,16.6ZM13.27,22.03C26.55,20.79,25,.23,11.22,1.35S-.71,23.32,13.27,22.03Z"/>
2094                                        <path d="M16.3,11.08l-.69-.77-3.21-2.63c-.42-.71.05-1.38.84-1.12,1.56,1.52,3.61,2.81,5.15,4.31.37.36.75.6.48,1.18l-5.58,4.71c-.72.47-1.39-.36-.89-1.04l3.21-2.63.69-.77H5.8c-.44,0-.44-1.25,0-1.25h10.5Z"/>
2095                                    </svg>
2096                                </a>
2097                            </h5>
2098                        </div>
2099                    </div>
2100
2101                </div>
2102            </div>
2103
2104            <div class="container-fluid py-5 img-container2" id="podcast" data-bg-image="https://itb.edu.ec/statics/imagenes/main/bgpotcas.jpg">
2105                <div class="container">
2106                    <div class="row">
2107                        <div class="col-md-7">
2108                            <div class="lazy-iframe px-md-5 py-3 anim"
2109                                 data-src="https://open.spotify.com/embed/show/0ZNoC0Ix7px47bM074bYA3?utm_source=generator"
2110                                data-animate="swing"></div>
2111                        </div>
2112                    </div>
2113                </div>
2114            </div>
2115
2116            <div class="container-fluid py-5 my-5" style="background:#eeeeee">
2117                <div class="container">
2118                    <div class="row">
2119                        <div class="col-md-12">
2120                            <h4 class="text-naranja mb-5 titulo-seccion texto"> Alianzas Acad&eacute;micas</h4>
2121                        </div>
2122                        <div class="col-md-12 anim" data-animate="fadeInRight" id="avalesContent">
2123                            <div class="swiper-wrapper">
2124                                                                    <div class="swiper-slide">
2125                                        <img class="lazyload"
2126                                             width="250"
2127                                             height="250"
2128                                             data-src="https://itb.edu.ec/recursos/img/avales/1692021926_06bed7f27746792e4510.png"
2129                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692021926_06bed7f27746792e4510.png"
2130                                             alt="Portada Avales">
2131                                    </div>
2132                                                                    <div class="swiper-slide">
2133                                        <img class="lazyload"
2134                                             width="250"
2135                                             height="250"
2136                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022031_b372df00923a4aa1fc6e.png"
2137                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022031_b372df00923a4aa1fc6e.png"
2138                                             alt="Portada Avales">
2139                                    </div>
2140                                                                    <div class="swiper-slide">
2141                                        <img class="lazyload"
2142                                             width="250"
2143                                             height="250"
2144                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022100_800d771b08591b268601.png"
2145                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022100_800d771b08591b268601.png"
2146                                             alt="Portada Avales">
2147                                    </div>
2148                                                                    <div class="swiper-slide">
2149                                        <img class="lazyload"
2150                                             width="250"
2151                                             height="250"
2152                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022155_9ba5ca042a3202018da0.png"
2153                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022155_9ba5ca042a3202018da0.png"
2154                                             alt="Portada Avales">
2155                                    </div>
2156                                                                    <div class="swiper-slide">
2157                                        <img class="lazyload"
2158                                             width="250"
2159                                             height="250"
2160                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022210_e55d3d817c90f6256bc2.png"
2161                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022210_e55d3d817c90f6256bc2.png"
2162                                             alt="Portada Avales">
2163                                    </div>
2164                                                                    <div class="swiper-slide">
2165                                        <img class="lazyload"
2166                                             width="250"
2167                                             height="250"
2168                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022288_f5e879b37ade454220c5.png"
2169                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022288_f5e879b37ade454220c5.png"
2170                                             alt="Portada Avales">
2171                                    </div>
2172                                                                    <div class="swiper-slide">
2173                                        <img class="lazyload"
2174                                             width="250"
2175                                             height="250"
2176                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022352_f8825b4bde1c81da4313.png"
2177                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022352_f8825b4bde1c81da4313.png"
2178                                             alt="Portada Avales">
2179                                    </div>
2180                                                                    <div class="swiper-slide">
2181                                        <img class="lazyload"
2182                                             width="250"
2183                                             height="250"
2184                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022411_967ac6e43e89ac2b795e.png"
2185                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022411_967ac6e43e89ac2b795e.png"
2186                                             alt="Portada Avales">
2187                                    </div>
2188                                                                    <div class="swiper-slide">
2189                                        <img class="lazyload"
2190                                             width="250"
2191                                             height="250"
2192                                             data-src="https://itb.edu.ec/recursos/img/avales/1692022487_2222e8bf94f06ab3c884.png"
2193                                             data-src-retina="https://itb.edu.ec/recursos/img/avales/1692022487_2222e8bf94f06ab3c884.png"
2194                                             alt="Portada Avales">
2195                                    </div>
2196                                                            </div>
2197                        </div>
2198                    </div>
2199                </div>
2200            </div>
2201
2202        </div>
2203    </div>
2204
2205      
2206    <div class="links-float" id="links-float" data-wow-delay="0.1s">
2207        <div class="card rounded-0">
2208            <div class="card-header rounded-0" data-open="true">
2209                <i class="fas"></i>
2210            </div>
2211            <div class="list-group rounded-0">
2212                <a href="https://itb.edu.ec/Sugerencia"
2213                   target="_blank"
2214                   class="list-group-item list-group-item-action rounded-0">
2215                    <span class="tooltip-text">Sugerencias</span>
2216                    <i class="fas fa-envelope"></i>
2217                </a>
2218                <a href="https://itb.edu.ec/Videos"
2219                   target="_blank"
2220                   class="list-group-item list-group-item-action">
2221                    <span class="tooltip-text">Videos</span>
2222                    <i class="fab fa-youtube"></i>
2223                </a>
2224                <a href="https://itb.edu.ec/Gym" class="list-group-item list-group-item-action">
2225                    <span class="tooltip-text">Gimnasio</span>
2226                    <i class="fas fa-dumbbell"></i>
2227                </a>
2228                <a href="https://itb.edu.ec/Actividades" class="list-group-item list-group-item-action">
2229                    <span class="tooltip-text">Actividades</span>
2230                    <i class="far fa-newspaper"></i>
2231                </a>
2232                <a href="https://conducecuador.itb.edu.ec/" target="_blank" class="list-group-item list-group-item-action">
2233                    <span class="tooltip-text">Escuela de conducci&oacute;n</span>
2234                    <i class="fas fa-car"></i>
2235                </a>
2236            </div>
2237        </div>
2238    </div>
2239    <div class="img-foother">
2240        <img src="https://itb.edu.ec/statics/imagenes/plantilla/ruedabg.gif" alt="Pie de p&aacute;gina" loading="lazy" width="80" height="100">
2241    </div>
2242    <div class="container-fluid text-white-50 footer pt-5 wow fadeIn" data-wow-delay="0.1s">
2243        <div class="container py-5">
2244            <div class="row g-5">
2245                <div class="col-lg-4 col-md-6">
2246                    <img src="https://itb.edu.ec/statics/imagenes/plantilla/logo-white.png"
2247                         class="img-fluid mb-4"
2248                         style="max-height:85px"
2249                         alt="Logo Itb Pie de p&aacute;gina">
2250                    <p class="mb-2 texto"><i class="fa fa-map-marker-alt me-3"></i> PBX : (04) 5000175 - 2307028 - 5002164 - 3727040</p>
2251                    <p class="mb-2 texto"><i class="fa fa-phone-alt me-3"></i> 1800 ITB-ITB: 482-482 </p>
2252                    <p class="mb-2">
2253                        <i class="fa fa-envelope me-3"></i>
2254                        <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;
2255                        <a href="mailto:[email protected]" data-bs-toggle="tooltip" data-bs-placement="top" title="Novedades Tecnolog&iacute;as" aria-label="Correo Soporte">soporte</a>
2256                    </p>
2257                    <div class="d-flex pt-2">
2258                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2259                           style="animation-delay:0.1s;"
2260                           href="https://twitter.com/ITBolivariano"
2261                           target="_blank" aria-label="Boton Ir a Twiter ITB"><i class="fa-brands fa-x-twitter"></i></a>
2262                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2263                           style="animation-delay:0.3s;"
2264                           href="https://www.facebook.com/itb.edu.ec"
2265                           target="_blank" aria-label="Boton Ir a Facebook ITB"><i class="fab fa-facebook-f"></i></a>
2266                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2267                           style="animation-delay:0.6s;"
2268                           href="https://itb.edu.ec/"
2269                           aria-label="Boton Ir a  Google Plus ITB"><i class="fab fa-google-plus-g"></i></a>
2270                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2271                           style="animation-delay:0.9s;"
2272                           href="https://www.youtube.com/channel/UCc8EQVMtBoGCIWrnLKkG0cw"
2273                           target="_blank" aria-label="Boton ir a Youtube ITB"><i class="fab fa-youtube"></i></a>
2274                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2275                           style="animation-delay:1.2s;"
2276                           href="https://www.instagram.com/itb_ec/?hl=es-la"
2277                           target="" aria-label="Boton ir a Instagram ITB"><i class="fab fa-instagram"></i></a>
2278                        <a class="btn btn-outline-light btn-social wow animate__animated animate__fadeInUp"
2279                           style="animation-delay:1.5s;"
2280                           href="https://www.tiktok.com/@itb_ec?lang=es"
2281                           target="" aria-label="Boton ir a Tiktok ITB"><i class="fab fa-tiktok"></i></a>
2282                    </div>
2283                </div>
2284                <div class="col-lg-4 col-md-6">
2285                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Beca"> Becas</a>
2286                    <a class="btn btn-link text-white-50 texto" href="https://buckcenter.edu.ec/" target="_blank"> Buckingham English Center S.A</a>
2287                    <a class="btn btn-link text-white-50 texto" href="https://conducecuador.itb.edu.ec/" target="_blank"> Conduce Ecuador</a>
2288                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Oferta_academica"> Oferta acad&eacute;mica</a>
2289                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Directorio"> Directorio Telefon&iacute;co</a>
2290                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Vinculacion"> Vinculaci&oacute;n</a>
2291                    <a class="btn btn-link text-white-50 texto" href="https://itb.edu.ec/Biblioteca_virtual"> Efem&eacute;rides</a>
2292                </div>
2293                <div class="col-lg-4 col-md-6">
2294                    <div class="row">
2295                        <div class="col-4">
2296                            <ul class="nav flex-column nav-tabs border-0" id="mapaTab" role="tablist">
2297                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
2298                                    <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>
2299                                </li>
2300                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
2301                                    <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>
2302                                </li>
2303                                <li class="nav-item" role="presentation" onclick="cargaMapas()">
2304                                    <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>
2305                                </li>
2306                                <li class="nav-item " role="presentation" onclick="cargaMapas()">
2307                                    <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>
2308                                </li>
2309                            </ul>
2310                        </div>
2311                        <div class="col-8">
2312                            <div class="tab-content" id="mapTabContent">
2313                                <div class="tab-pane fade show active" id="matriz1" role="tabpanel" aria-labelledby="matriz1-tab">
2314                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2315                                        <div id="frmmatriz1"><img src="https://itb.edu.ec/statics/imagenes/plantilla/mapa.jpg" class="card-img-top"></div>
2316                                        <div class="card-body">
2317                                            <p class="card-text texto">V&iacute;ctor Manuel Rend&oacute;n 236 y Pedro Carbo.</p>
2318                                        </div>
2319                                    </div>
2320                                </div>
2321                                <div class="tab-pane fade" id="matriz2" role="tabpanel" aria-labelledby="matriz2-tab">
2322                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2323                                        <div id="frmmatriz2"></div>
2324                                        <div class="card-body">
2325                                            <p class="card-text texto">Padre Solano No.324 y Boyac&aacute; Esquina.</p>
2326                                        </div>
2327                                    </div>
2328                                </div>
2329                                <div class="tab-pane fade" id="matriz3" role="tabpanel" aria-labelledby="matriz3-tab">
2330                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2331                                        <div id="frmmatriz3"></div>
2332                                        <div class="card-body">
2333                                            <p class="card-text texto">Roca #101 y Pedro Carbo Esquina.</p>
2334                                        </div>
2335                                    </div>
2336                                </div>
2337                                <div class="tab-pane fade" id="matriz4" role="tabpanel" aria-labelledby="matriz4-tab">
2338                                    <div class="card bg-transparent mx-lg-3" style="width:16rem;">
2339                                        <div id="frmmatriz4"></div>
2340                                        <div class="card-body">
2341                                            <p class="card-text texto">Avenida Pedro Men&eacute;ndez Gilbert y callej&oacute;n.</p>
2342                                        </div>
2343                                    </div>
2344                                </div>
2345                            </div>
2346                        </div>
2347                    </div>
2348                </div>
2349            </div>
2350        </div>
2351        <div class="container">
2352            <div class="copyright wow animate__animated animate__slideInRight">
2353                <div class="d-flex flex-wrap align-items-center">
2354                    <div class="flex-grow-1 text-center text-lg-start mb-2 mb-lg-0 pe-3">
2355                        &copy; 2025<a href="#" class="text-decoration-none"> TIC - ITB</a> | Todos los derechos reservados
2356                    </div>
2357                    <div class="d-flex flex-column flex-lg-row align-items-center gap-3 me-lg-4">
2358                        <div class="footer-menu">
2359                            <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>
2360                            <a href="javascript:void(0);"  data-bs-toggle="tooltip"
2361                               data-bs-placement="top"
2362                               title="Total de visitas 9 M"
2363                               data-purecounter-start="0"
2364                               data-purecounter-end="9"
2365                               data-purecounter-duration="4"
2366                               class="purecounter">9 M</a>
2367                        </div>
2368                    </div>
2369                </div>
2370            </div>
2371        </div>
2372    </div>
2373    <div id="discapacidad" class="discapacidad">
2374        <i class="fas fa-wheelchair"></i>
2375    </div>
2376    <div id="contenMenudisc" class="conten-menu-discapaciada" style="display:none;">
2377        <div class="card border-0 rounded-0 shadow">
2378            <div class="card-header rounded-0">
2379                <h5 class="mb-0 text-center">Men&uacute; de Accesibilidad</h5>
2380            </div>
2381            <div id="tblMenuDisc" class="card-body pb-0">
2382                <div class="row justify-content-center">
2383                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
2384                        <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>
2385                    </div>
2386                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
2387                        <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>
2388                    </div>
2389                    <div class="col-6 mb-2 d-flex align-items-center justify-content-center position-relative">
2390                        <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>
2391                    </div>
2392                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
2393                        <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>
2394                    </div>
2395                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
2396                        <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>
2397                    </div>
2398                    <div class="col-6 d-flex align-items-center justify-content-center position-relative">
2399                        <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>
2400                    </div>
2401                    <div class="col-12 my-2">
2402                        <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>
2403                    </div>
2404                </div>
2405            </div>
2406        </div>
2407    </div>
2408    <div id="whasapicon" class="whasapicon">
2409        <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">
2410            <i class="fab fa-whatsapp"></i>
2411        </a>
2412    </div>
2413    <span onclick="goToTop()" id="goTopBtn"> <i class="fa-solid fa-arrow-up fa-2xl"></i> </span>
2414
2415        <div class="content-cookies fixed-bottom" style="display: none">
2416        <div class="card shadow-lg px-4 py-4 py-sm-0 bg-transparent">
2417            <div class="card-body">
2418                <div class="row justify-content-evenly align-items-center">
2419                    <div class="col-sm-6 col-lg-8 col-xl-6 col-xxl-5">
2420                        <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>
2421                        <a href="https://itb.edu.ec/Politicas/cookies" class="text-decoration-underline text-naranja texto link">Revisar política</a>
2422                    </div>
2423                    <div class="col-sm-4 col-lg-3 col-xl-5 col-xxl-4 mt-4 mt-sm-0">
2424                        <div class="d-flex flex-xl-row flex-column w-100 gap-2">
2425                            <a href="javascript:void(0);" onclick="aceptarCookies();" class="btn w-100 rounded-pill texto bg-naranja">Aceptar todo</a>
2426                            <a href="javascript:void(0);" onclick="rechazarCookies();" class="btn w-100 rounded-pill texto btn-light">Rechazar todo</a>
2427                            <a data-bs-toggle="modal" data-bs-target="#cookiesModal" class="btn w-100 rounded-pill texto btn-light">Configuración</a>
2428                        </div>
2429                    </div>
2430                </div>
2431            </div>
2432        </div>
2433    </div>
2434
2435        <div class="modal fade" id="cookiesModal" tabindex="-1" aria-labelledby="cookiesModalLabel" aria-hidden="true">
2436        <div class="modal-dialog modal-lg">
2437            <div class="modal-content border-0 bg-transparent texto">
2438                <div class="modal-header justify-content-center">
2439                    <h5 class="modal-title" id="cookiesModalLabel">Configuración de cookies</h5>
2440                </div>
2441                <div class="modal-body p-5 pb-0 bg-white">
2442                    <div class="form-check form-switch mb-4">
2443                        <input class="form-check-input" type="checkbox" id="todasopcionales">
2444                        <label class="form-check-label" for="todasopcionales">Seleccionar todas las cookies opcionales</label>
2445                    </div>
2446                    <div class="form-check form-switch">
2447                        <input class="form-check-input" type="checkbox" id="necesarias" checked disabled>
2448                        <label class="form-check-label" for="necesarias">Necesarias (siempre activas)</label>
2449                        <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>
2450                    </div>
2451                    <div class="form-check form-switch">
2452                        <input class="form-check-input" type="checkbox" id="analiticas">
2453                        <label class="form-check-label" for="analiticas">Analíticas</label>
2454                        <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>
2455                    </div>
2456                    <div class="form-check form-switch">
2457                        <input class="form-check-input" type="checkbox" id="preferencias">
2458                        <label class="form-check-label" for="preferencias">De preferencias</label>
2459                        <p>Estas cookies permiten recordar información que cambia la forma en que el sitio se comporta o 
2459se muestra, como el menú de accesibilidad.</p>
2460                    </div>
2461                </div>
2462                <div class="d-flex justify-content-end gap-2 border-top bg-white p-4">
2463                    <button type="button" class="btn rechazar px-3 py-2" onclick="rechazarCookies()" data-bs-dismiss="modal">Rechazar todo</button>
2464                    <button type="button" class="btn guardar px-3 py-2" onclick="guardarConsentimiento()" data-bs-dismiss="modal">Guardar cambios</button>
2465                </div>
2466                <div class="modal-footer justify-content-center border-0">
2467                    <a type="button" class="btn" data-bs-dismiss="modal" aria-label="Clic para cerrar"><i class="fas fa-times text-white"></i></a>
2468                </div>
2469            </div>
2470        </div>
2471    </div>
2472    <!-- Bot -->
2473    <df-messenger
2474            chat-icon="https:&#x2F;&#x2F;itb.edu.ec&#x2F;statics&#x2F;imagenes&#x2F;main&#x2F;chat.png"
2475            intent="WELCOME"
2476            chat-title="Agente Virtual ITB-Bot"
2477            agent-id="39adfdb1-3055-4fa6-affe-28e150469441"
2478            language-code="es"
2479    ></df-messenger>
2480    <div class="btn-bot" id="chatbot-btn">
2481        <img class="img-fluid" src="https://itb.edu.ec/statics/imagenes/main/chatbot.png">
2482    </div>
2483    <style>
2484        df-messenger {
2485            --df-messenger-bot-message: #f5f5f5;
2486            --df-messenger-button-titlebar-color: #2B4781;
2487            --df-messenger-chat-background-color: #fafafa;
2488            --df-messenger-send-icon: #0E1A39;
2489        }
2490    </style>
2491</main>
2492
2493<script src="https://itb.edu.ec/statics/vendor/bootstrap523/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 2493
2493
2494<script src="https://itb.edu.ec/statics/js/jquery371.min.js"></script>
vendor: 1 bytes, line 2494
2494
2495<script src="https://itb.edu.ec/statics/js/main.js"></script>
vendor: 1 bytes, line 2495
2495
2496<script src="https://itb.edu.ec/statics/js/lazysizes.min.js"></script>
vendor: 1 bytes, line 2496
2496
2497<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
2497
2498
2499<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/gsap.min.js"></script>
vendor: 1 bytes, line 2499
2499
2500<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/ScrollTrigger.min.js"></script>
vendor: 1 bytes, line 2500
2500
2501<script src="https://itb.edu.ec/statics/vendor/gsap-public/minified/ScrollSmoother.min.js"></script>
2501
2502<!-- Bot -->
2503<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
2503
2504
2505            
2505<script src="https://itb.edu.ec/statics/vendor/swiper/swiper-bundle.min.js" ></script>
2505
2506            
2506<script src="https://itb.edu.ec/statics/vendor/typeahead/bootstrap3-typeahead.js" ></script>
2506
2507            
2507<script src="https://itb.edu.ec/statics/vendor/Couter/purecounter_vanilla.js" ></script>
2507
2508            
2508<script src="https://itb.edu.ec/statics/vendor/bootstrap-select/bootstrap-select.js" ></script>
2508
2509            
2509<script src="https://itb.edu.ec/statics/inicio/inicio.js" ></script>
2509
2510        
2510<script>
2511        _sliders = [{"id":"72","descripcion":"...","ruta":"\/recursos\/img\/slider\/1783445513_0139165733ab352a23e7.jpeg","rutalg":"\/recursos\/img\/slider\/1783445513_9d75291574804309a8c8.jpeg","url":"","btnlabel":"","orden":"1","estado":"1","created_at":"2026-07-07 12:31:53","updated_at":"2026-07-07 12:31:53"},{"id":"71","descripcion":"...","ruta":"\/recursos\/img\/slider\/1782161050_a891b084eec3246867e3.jpg","rutalg":"\/recursos\/img\/slider\/1782161050_4ea9c0b51b083dbcfc08.jpg","url":"https:\/\/uebolivariana.edu.ec\/","btnlabel":"Conoce la UNIEBEC","orden":"2","estado":"1","created_at":"2026-06-22 15:40:42","updated_at":"2026-07-07 12:34:30"},{"id":"70","descripcion":"...","ruta":"\/recursos\/img\/slider\/1780515275_ce201274ce02ab4a4b73.jpg","rutalg":"\/recursos\/img\/slider\/1780515275_439bb49ccc1ae72037b0.jpg","url":"","btnlabel":"","orden":"3","estado":"1","created_at":"2026-06-03 14:34:35","updated_at":"2026-07-07 12:34:35"},{"id":"42","descripcion":"...","ruta":"\/recursos\/img\/slider\/1761238249_4b595eeb5f6921973faf.jpg","rutalg":"\/recursos\/img\/slider\/1761238677_9e17995058a3e5d1d3a0.jpg","url":"","btnlabel":"","orden":"4","estado":"1","created_at":"2025-01-14 13:09:35","updated_at":"2026-06-03 14:36:55"},{"id":"43","descripcion":"...","ruta":"\/recursos\/img\/slider\/1761238272_cebc623373f53ed5ac2b.jpg","rutalg":"\/recursos\/img\/slider\/1761238662_3355ac20e78010483745.jpg","url":"","btnlabel":"","orden":"4","estado":"1","created_at":"2025-01-14 13:11:12","updated_at":"2025-12-09 11:51:36"},{"id":"57","descripcion":"...","ruta":"\/recursos\/img\/slider\/1760723859_cba1570cd761defed57d.jpg","rutalg":"\/recursos\/img\/slider\/1767795805_be588ccffc01340ec372.jpg","url":"https:\/\/player.vimeo.com\/video\/1105509268?autoplay=1","btnlabel":"Ver M\u00e1s","orden":"4","estado":"1","created_at":"2025-07-29 10:36:26","updated_at":"2026-06-03 14:37:47"}];
2512    </script>
2512
2513
2514        
2514<script>
2515        function getParroquia(select) {
2516            let cantonId = $(select).val();
2517            let $parroquia = $('#parroquia_id');
2518            
2519            $parroquia.html('<option value="">Cargando...</option>');
2520
2521            $.ajax({
2522                type: 'POST',
2523                url: _root + 'ajaxsapp/ajax',
2524                headers: { 'X-Requested-With': 'XMLHttpRequest' },
2525                data: { action: "parroquias", cantonid: cantonId },
2526                dataType: 'json',
2527            }).done(function(response) {
2528                if (response[0] == 1) {
2529                    $parroquia.html(response[1]);
2530                } else {
2531                    $parroquia.html('<option value="">No hay opciones</option>');
2532                }
2533            }).fail(function() {
2534                $parroquia.html('<option value="">Error</option>');
2535            });
2536        }
2537    </script>
vendor: 1 bytes, line 2537
2537
2538<script>
2539    // Variables globales
2540    var fontSize = [1, 3, 6, 12];
2541    var ultimoElementoNarrado = null;
2542    var reproduciendo = false;
2543    // **************** Funcionalidad de escala de grises ****************
2544    function SetColor(){
2545        var current = getCookie('Color');
2546        var newValue = (current === '1') ? '0' : '1';
2547        setCookie('Color',newValue,1);
2548        getColor();
2549    }
2550    function getColor() {
2551        if(getCookie('Color') === '1') {
2552            $("html").addClass("gris");
2553            $("#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>");
2554            document.getElementById('menuColorbtn').classList.add('active');
2555        } else {
2556            $("html").removeClass("gris");
2557            $("#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>");
2558            document.getElementById('menuColorbtn').classList.remove('active');
2559        }
2560        getBtnReset();
2561    }
2562    // **************** Funcionalidad de tamaño de fuente ****************
2563    function ChngFuente(){
2564        var aumentar = 1;
2565        var indice = 0;
2566        if(getCookie('fuente')) {
2567            var fuente = getCookie('fuente').split(":");
2568            aumentar = parseInt(fuente[0]);
2569            indice = parseInt(fuente[1]);
2570        }
2571        if(aumentar === 1) {
2572            indice = indice + 1;
2573            aumentar = (indice >= fontSize.length) ? 0 : 1;
2574        } else {
2575            indice = indice - 1;
2576            aumentar = (indice === 0) ? 1 : 0;
2577        }
2578        indice = (indice >= fontSize.length) ? fontSize.length - 1 : indice;
2579        indice = (indice < 0) ? 0 : indice;
2580        setCookie('fuente', aumentar + ':' + indice, 1);
2581        getFuente();
2582    }
2583    function getFuente() {
2584        if(getCookie('fuente')) {
2585            var elementos = document.querySelectorAll("h1, h2, h3, h4, h5, h6, p, li, a, small, span");
2586            var fuente = getCookie('fuente').split(":");
2587            var indice = parseInt(fuente[1]);
2588
2589            for (var i = 0; i < elementos.length; i++) {
2590                var sizeActual = parseInt(window.getComputedStyle(elementos[i]).fontSize);
2591                var newSize = (fuente[0] === '1') ?
2592                    parseInt(sizeActual + fontSize[indice]):
2593                    parseInt(sizeActual - fontSize[indice]);
2594                elementos[i].style.fontSize = newSize + "px";
2595            }
2596            if(fuente[0] === '1') {
2597                $("#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>");
2598            } else {
2599                $("#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>");
2600            }
2601            if(indice === 0) {
2602                $("#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>");
2603            }
2604            if(indice > 0) {
2605                $("#menuReseTxtBtn").removeClass("d-none");
2606            } else {
2607                $("#menuReseTxtBtn").addClass("d-none");
2608            }
2609            $("#menuFuenteBtn").toggleClass("active", indice > 0);
2610            getBtnReset();
2611        }
2612    }
2613    function ResetFuente() {
2614        eraseCookie('fuente');
2615        window.location.reload();
2616    }
2617    // **************** Funcionalidad de cursor ****************
2618    function ChngCursor() {
2619        var current = getCookie('cursor');
2620        var newValue = (current === '1') ? '0' : '1';
2621        setCookie('cursor', newValue, 1);
2622        getCursor();
2623    }
2624    function getCursor() {
2625        if(getCookie('cursor') === '1') {
2626            $("html").addClass("cursorlg");
2627            $("#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>");
2628            $("#menuCursorBtn").addClass("active");
2629        } else {
2630            $("html").removeClass("cursorlg");
2631            $("#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>");
2632            $("#menuCursorBtn").removeClass("active");
2633        }
2634        getBtnReset();
2635    }
2636    // **************** Funcionalidad de resaltar links ****************
2637    function ResaltLink() {
2638        var current = getCookie('links');
2639        var newValue = (current === '1') ? '0' : '1';
2640        setCookie('links', newValue, 1);
2641        getLinks();
2642    }
2643    function getLinks() {
2644        if(getCookie('links') === '0') {
2645            $("#menuLinksBtn")
2646                .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>")
2647                .addClass("active");
2648            $("a").addClass("resaltado");
2649        } else {
2650            $("#menuLinksBtn")
2651                .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>")
2652                .removeClass("active");
2653            $("a").removeClass("resaltado");
2654        }
2655        getBtnReset();
2656    }
2657    // **************** Funcionalidad de narrador ****************
2658    function NarradorOff() {
2659        var current = getCookie('narrador');
2660        var newValue = (current === 'si') ? 'no' : 'si';
2661        setCookie('narrador', newValue, 1);
2662        recibirTexto();
2663    }
2664    function recibirTexto() {
2665        var puedeNarrar = getCookie('narrador') || 'no';
2666        if (puedeNarrar === 'si') {
2667            $("#menuSpeackBtn")
2668                .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>")
2669                .addClass("active");
2670            $(".texto").hover(
2671                function() {
2672                    if (!reproduciendo && $(this).text() !== ultimoElementoNarrado) {
2673                        decir($(this).text());
2674                        ultimoElementoNarrado = $(this).text();
2675                        reproduciendo = true;
2676                    }
2677                },
2678                function() {
2679                    if ($(this).text() === ultimoElementoNarrado) {
2680                        detenerReproduccion();
2681                    }
2682                }
2683            );
2684            // Configurar eventos para imágenes con atributo alt
2685            $("img[alt]").hover(
2686                function() {
2687                    if (!reproduciendo && $(this).attr('alt') !== ultimoElementoNarrado) {
2688                        decir($(this).attr('alt'));
2689                        ultimoElementoNarrado = $(this).attr('alt');
2690                        reproduciendo = true;
2691                    }
2692                },
2693                function() {
2694                    if ($(this).attr('alt') === ultimoElementoNarrado) {
2695                        detenerReproduccion();
2696                    }
2697                }
2698            );
2699
2700            // Configurar eventos para elementos con aria-label
2701            $("[aria-label]").hover(
2702                function() {
2703                    if (!reproduciendo && $(this).attr('aria-label') !== ultimoElementoNarrado) {
2704                        decir($(this).attr('aria-label'));
2705                        ultimoElementoNarrado = $(this).attr('aria-label');
2706                        reproduciendo = true;
2707                    }
2708                },
2709                function() {
2710                    if ($(this).attr('aria-label') === ultimoElementoNarrado) {
2711                        detenerReproduccion();
2712                    }
2713                }
2714            );
2715
2716        } else {
2717            $("#menuSpeackBtn")
2718                .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>")
2719                .removeClass("active");
2720            detenerReproduccion();
2721        }
2722        getBtnReset();
2723    }
2724    function decir(texto) {
2725        var puedeNarrar = getCookie('narrador') || 'si';
2726        if (puedeNarrar === 'si') {
2727            var mensaje = new SpeechSynthesisUtterance(texto);
2728            mensaje.lang = 'es-ES';
2729            mensaje.onend = function() {
2730                reproduciendo = false;
2731            };
2732            speechSynthesis.speak(mensaje);
2733        }
2734    }
2735    function detenerReproduccion() {
2736        speechSynthesis.cancel();
2737        reproduciendo = false;
2738    }
2739    // **************** Funcionalidad de reset ****************
2740    function ResetMenu() {
2741        eraseCookie('Color');
2742        eraseCookie('fuente');
2743        eraseCookie('cursor');
2744        eraseCookie('links');
2745        eraseCookie('narrador');
2746        window.location.reload();
2747    }
2748    function getBtnReset() {
2749        var showReset = false;
2750        if(getCookie('Color') || getCookie('fuente') || getCookie('cursor') || getCookie('links') || getCookie('narrador')) {
2751            showReset = true;
2752        }
2753
2754        if(showReset) {
2755            $("#menuResetBtn").removeClass("d-none");
2756        } else {
2757            $("#menuResetBtn").addClass("d-none");
2758        }
2759    }
2760    // **************** Inicialización y eventos ****************
2761    $(document).ready(function(){
2762        // Cargar configuraciones guardadas al iniciar
2763        getColor();
2764        getFuente();
2765        getCursor();
2766        getLinks();
2767        recibirTexto();
2768        getBtnReset();
2769        // Mostrar/ocultar menú al hacer clic en el botón de discapacidad
2770        $(".discapacidad").click(function(e){
2771            e.stopPropagation();
2772            $("#contenMenudisc").fadeToggle(300);
2773        });
2774        // Cerrar menú solo al hacer clic en el botón de cerrar
2775        $("#btnclosemenu").click(function(e){
2776            e.stopPropagation();
2777            $("#contenMenudisc").hide();
2778        });
2779        // Prevenir que el menú se cierre al hacer clic en una opción
2780        $("#tblMenuDisc li").click(function(e){
2781            e.stopPropagation(); // Evita que el evento se propague al documento
2782            // El menú permanecerá abierto después de la selección
2783        });
2784        // Cerrar menú al hacer clic fuera de él
2785        $(document).click(function(e){
2786            if (!$(e.target).closest("#contenMenudisc").length && !$(e.target).closest(".discapacidad").length){
2787                $("#contenMenudisc").hide();
2788            }
2789        });
2790        // Menú de busqueda de carreras
2791        function debounce(func,wait){
2792            let timeout;
2793            return function() {
2794                const context = this, args = arguments;
2795                clearTimeout(timeout);
2796                timeout = setTimeout(() => func.apply(context, args), wait);
2797            };
2798        }
2799        $("#search").on("input",debounce(function(){
2800            const listaSugerencia = $("#suggestions");
2801            const animclase = "animate__bounceIn";
2802            listaSugerencia.hide();
2803            let query = $(this).val();
2804
2805            if(listaSugerencia.hasClass(animclase)){
2806                listaSugerencia.removeClass('animate__animated');
2807                listaSugerencia.removeClass(animclase);
2808            }
2809
2810            if(query.length > 3){
2811                $.ajax({
2812                    type: 'POST',
2813                    url: _root+'ajaxsapp/ajax',
2814                    headers: {'X-Requested-With':'XMLHttpRequest'},
2815                    data: {action:'query_carrera',s:query },
2816                    success: function(data) {
2817                        var array = eval(data);
2818                        var listado = "";
2819                        $.each(array,function(i,fila){
2820                            const tipo = fila['online']?'Online':'Presencial';
2821                            listado += '<div class="card-lista d-flex align-items-center" data-url="'+_root+fila['url']+'">' +
2822                                '<div class="flex-shrink-0">'+
2823                                '<img src="https://itb.edu.ec/'+fila['img']+'" width="50" alt="Carrera"></div>'+
2824                                '<div class="flex-grow-1 ms-3"><strong class="mb-1">'+fila['descripcion']+'</strong>'+
2825                                '</br> <small>'+tipo+'</small><small class="text-muted"> - '+fila['duracion']+'</small>'+
2826                                '</div></div>';
2827                        });
2828                        listaSugerencia.addClass('animate__animated');
2829                        listaSugerencia.addClass(animclase);
2830                        listaSugerencia.html(listado).show();
2831                    },
2832                    error: function(xhr,status,error){
2833                        console.log(xhr);
2834                        console.log(status);
2835                        console.log(error);
2836                    }
2837                });
2838            } else {
2839                $("#suggestions").hide();
2840                if(listaSugerencia.hasClass(animclase)){
2841                    listaSugerencia.removeClass('animate__animated');
2842                    listaSugerencia.removeClass(animclase);
2843                }
2844            }
2845        },500));
2846        $(document).on("click",".card-lista",function(){
2847            $("#search").val($(this).text());
2848            const url = $(this).data('url');
2849            if (url){
2850                $("#content-preloader").removeClass("d-none");
2851                window.location.href = url;
2852            }
2853            $("#suggestions").hide();
2854        });
2855    });
2856    window.addEventListener('load',function(){
2857        // No todas las paginas incluyen estos elementos del preloader.
2858        const overlayEl = document.getElementById('overlay');
2859        if (overlayEl) overlayEl.classList.add('overlay-efect');
2860        const overlayColorEl = document.getElementById('overlaycolor');
2861        if (overlayColorEl) overlayColorEl.classList.add('overlaycolor-efect');
2862        const contentPreloaderEl = document.getElementById('content-preloader');
2863        if (contentPreloaderEl) contentPreloaderEl.classList.add('d-none');
2864    });
2865    $("#mapTabContent").hover(function(){ cargaMapas(); });
2866    $(".urlclic").click(function(){
2867        const url = $(this).data('url');
2868        if (url){
2869            $("#content-preloader").removeClass("d-none");
2870            window.location.href = url;
2871        }
2872    });
2873    window.addEventListener('pageshow', function(event) {
2874        if (event.persisted) {
2875            // Mostrar preloader
2876            const preloader = document.getElementById('content-preloader');
2877            if (preloader) {
2878                preloader.classList.remove('d-none');
2879            }
2880            window.location.reload();
2881        }
2882    });
2883
2884    // **************** Sistema de gestión de cookies ****************
2885
2886    // Verificar y mostrar banner de cookies
2887    $(document).ready(function(){
2888        if (!getCookie('politicacookies') && !getCookie('cookie_consent')) {
2889            $('.content-cookies').fadeIn();
2890        }
2891
2892        $('#todasopcionales').change(function(){
2893            const isChecked = $(this).prop('checked');
2894            $('#analiticas').prop('checked', isChecked);
2895            $('#preferencias').prop('checked', isChecked);
2896        });
2897
2898        $('#analiticas, #preferencias').change(function(){
2899            const allChecked = $('#analiticas').prop('checked') && $('#preferencias').prop('checked');
2900            $('#todasopcionales').prop('checked', allChecked);
2901        });
2902
2903        cargarConfiguracionCookies();
2904    });
2905
2906    // Aceptar todas las cookies
2907    function aceptarCookies() {
2908        setCookie('politicacookies', '1', 365);
2909        setCookie('cookie_consent', 'all', 365);
2910        setCookie('cookie_analiticas', '1', 365);
2911        setCookie('cookie_preferencias', '1', 365);
2912        $('.content-cookies').fadeOut();
2913        cargarAnaliticas();
2914        cargarPreferencias();
2915        activarMenuPreferencias();
2916    }
2917
2918    // Rechazar todas las cookies opcionales
2919    function rechazarCookies() {
2920        setCookie('politicacookies', '1', 365);
2921        setCookie('cookie_consent', 'necessary', 365);
2922        eraseCookie('cookie_analiticas');
2923        eraseCookie('cookie_preferencias');
2924        $('.content-cookies').fadeOut();
2925        limpiarCookiesAnaliticas();
2926        detenerAnaliticas();
2927        desactivarPreferencias();
2928
2929        // Cerrar modal si está abierto
2930        $('#cookiesModal').modal('hide');
2931    }
2932
2933    // Guardar configuración personalizada de cookies
2934    function guardarConsentimiento() {
2935        setCookie('politicacookies', '1', 365);
2936        const analiticas = $('#analiticas').prop('checked');
2937        const preferencias = $('#preferencias').prop('checked');
2938        if (analiticas && preferencias) {
2939            setCookie('cookie_consent', 'all', 365);
2940        } else if (!analiticas && !preferencias) {
2941            setCookie('cookie_consent', 'necessary', 365);
2942        } else {
2943            setCookie('cookie_consent', 'custom', 365);
2944        }
2945        if (analiticas) {
2946            setCookie('cookie_analiticas', '1', 365);
2947            cargarAnaliticas();
2948        } else {
2949            eraseCookie('cookie_analiticas');
2950            limpiarCookiesAnaliticas();
2951            detenerAnaliticas();
2952        }
2953        if (preferencias) {
2954            setCookie('cookie_preferencias', '1', 365);
2955            cargarPreferencias();
2956            activarMenuPreferencias();
2957        } else {
2958            eraseCookie('cookie_preferencias');
2959            desactivarPreferencias();
2960        }
2961
2962        $('.content-cookies').fadeOut();
2963    }
2964
2965    function cargarConfiguracionCookies() {
2966        const analiticas = getCookie('cookie_analiticas');
2967        const preferencias = getCookie('cookie_preferencias');
2968
2969        $('#analiticas').prop('checked', analiticas === '1');
2970        $('#preferencias').prop('checked', preferencias === '1');
2971
2972        const allChecked = (analiticas === '1') && (preferencias === '1');
2973        $('#todasopcionales').prop('checked', allChecked);
2974
2975        if (analiticas === '1') {
2976            cargarAnaliticas();
2977        }
2978        if (preferencias === '1') {
2979            cargarPreferencias();
2980            activarMenuPreferencias();
2981        } else {
2982            desactivarMenuPreferencias();
2983        }
2984    }
2985
2986    // Cargar scripts de analíticas
2987    function cargarAnaliticas() {
2988        if (window.gtagLoaded) return;
2989
2990        // Google Analytics
2991        const script = document.createElement('script');
2992        script.async = true;
2993        script.src = 'https://www.googletagmanager.com/gtag/js?i
2993d=AW-780440524';
2994        document.head.appendChild(script);
2995
2996        window.dataLayer = window.dataLayer || [];
2997        function gtag(){ dataLayer.push(arguments); }
2998        window.gtag = gtag;
2999        gtag('js', new Date());
3000        gtag('config', 'AW-780440524');
3001
3002        // Facebook Pixel
vendor: 501 bytes, lines 3002-3011
3002
3003        !function(f,b,e,v,n,t,s){
3004            if(f.fbq)return;n=f.fbq=function(){ n.callMethod ? n.callMethod.apply(n,arguments) : n.queue.push(arguments) };
3005            if(!f._fbq)f._fbq=n;
3006            n.push=n;n.loaded=!0;n.version='2.0';
3007            n.queue=[];t=b.createElement(e);t.async=!0;
3008            t.src=v;s=b.getElementsByTagName(e)[0];
3009            s.parentNode.insertBefore(t,s)
3010        }(window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
3011        fbq('init', '
3011185165846907852
vendor: 47 bytes, lines 3011-3014
3011');
3012        fbq('track', 'PageView');
3013
3014        
3014window.gtagLoaded = true;
3015        habilitarMapas();
3016        // console.log('Cookies analíticas activadas');
3017    }
3018
3019    function detenerAnaliticas() {
3020        if (typeof gtag !== 'undefined') {
3021            gtag('consent', 'update', {
3022                ad_storage: 'denied',
3023                analytics_storage: 'denied'
3024            });
3025        }
3026        if (typeof fbq !== 'undefined') {
3027            fbq('consent', 'revoke');
3028            fbq = function () {};
3029        }
3030    }
3031
3032    function limpiarCookiesAnaliticas() {
3033        eraseCookie('_fbp');
3034        eraseCookie('_fbc');
3035        eraseCookie('_gcl_au');
3036        eraseCookie('_ga');
3037        eraseCookie('_gid');
3038        eraseCookie('_gat');
3039
3040        // console.log('Cookies analíticas eliminadas');
3041    }
3042
3043    function cargarPreferencias() {
3044        getColor();
3045        getFuente();
3046        getCursor();
3047        getLinks();
3048        recibirTexto();
3049        getBtnReset();
3050        // console.log('Cookies de preferencias activadas');
3051    }
3052
3053    function desactivarPreferencias() {
3054        eraseCookie('Color');
3055        eraseCookie('fuente');
3056        eraseCookie('cursor');
3057        eraseCookie('links');
3058        eraseCookie('narrador');
3059        desactivarMenuPreferencias();
3060        // console.log('Cookies de preferencias desactivadas');
3061    }
3062
3063    function desactivarMenuPreferencias() {
3064        const menu = document.getElementById('tblMenuDisc');
3065        if (!menu) return;
3066
3067        const items = menu.querySelectorAll('a[onclick]');
3068
3069        items.forEach(item => {
3070            const originalOnclick = item.getAttribute('onclick');
3071            item.setAttribute('data-original-onclick', originalOnclick);
3072            item.removeAttribute('onclick');
3073            item.style.cursor = 'not-allowed';
3074            item.style.opacity = '0.5';
3075
3076            item.addEventListener('click', function(e) {
3077                e.preventDefault();
3078                e.stopPropagation();
3079
3080                const cookiesModal = new bootstrap.Modal(document.getElementById('cookiesModal'));
3081                cookiesModal.show();
3082            });
3083        });
3084    }
3085
3086    function activarMenuPreferencias() {
3087        const menu = document.getElementById('tblMenuDisc');
3088        if (!menu) return;
3089
3090        const items = menu.querySelectorAll('a[data-original-onclick]');
3091        items.forEach(item => {
3092            const originalOnclick = item.getAttribute('data-original-onclick');
3093            if (originalOnclick) {
3094                item.setAttribute('onclick', originalOnclick);
3095                item.removeAttribute('data-original-onclick');
3096            }
3097            item.style.cursor = '';
3098            item.style.opacity = '';
3099
3100            const newItem = item.cloneNode(true);
3101            item.parentNode.replaceChild(newItem, item);
3102        });
3103    }
3104
3105    function habilitarMapas() {
3106        window.mapasifrm = 0;
3107        // console.log('Mapas habilitados para carga');
3108    }
3109
3110    $(document).ready(function() {
3111        const necesarias = document.getElementById('necesarias');
3112        const labelNecesarias = document.querySelector("label[for='necesarias']");
3113
3114        if (necesarias) {
3115            necesarias.addEventListener('click', e => e.preventDefault());
3116            necesarias.addEventListener('keydown', e => e.preventDefault());
3117        }
3118        if (labelNecesarias) {
3119            labelNecesarias.addEventListener('click', e => e.preventDefault());
3120        }
3121    });
3122
3123    // Para el chatbot
3124    $('#chatbot-btn').hover(function() {
3125        $(this).hide();
3126    });
3127    $('df-messenger').mouseleave(function() {
3128        $('#chatbot-btn').show();
3129    });
3130
3131    window.addEventListener('dfMessengerLoaded', function() {
3132        const dfMessenger = document.querySelector('df-messenger');
3133        const shadowRoot = dfMessenger.shadowRoot;
3134        const style = document.createElement('style');
3135        style.textContent = `
3136        button#widgetIcon {
3137            width: 70px !important;
3138            height: 70px !important;
3139            bottom: -5px !important;
3140        }
3141        button#widgetIcon .df-chat-icon{
3142            width: 50px !important;
3143            height: 50px !important;
3144        }
3145        button#widgetIcon div #closeSvg{
3146            left: 23px !important;
3147            top: 23px !important;
3148        }
3149        `;
3150        shadowRoot.appendChild(style);
3151    });
3152
3153    const button = document.getElementById('chatbot-btn');
3154    button.classList.add('bounce');
3155    setTimeout(() => {
3156        button.classList.remove('bounce');
3157    }, 1000);
3158    function animateButton() {
3159        const button = document.getElementById('chatbot-btn');
3160        button.classList.add('animate');
3161        setTimeout(() => {
3162            button.classList.remove('animate');
3163        }, 2000);
3164    }
3165    setInterval(animateButton, 8000);
3166</script>
3166
3167</body>
3168</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.