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