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