Facultad T\u00e9cnica – UTO<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@mdi\/font@6.9.96\/css\/materialdesignicons.min.css\">\n <style>\n \/* --- RESETO CSS AGRESIVO PARA SOLUCIONAR EL ESPACIO SUPERIOR --- *\/\n \/* Aseguramos que ni HTML ni BODY tengan m\u00e1rgenes o rellenos, forzando al contenido a pegarse al tope. *\/\n html, body {\n margin: 0; \n padding: 0; \n \/* Se mantiene el box-sizing para evitar conflictos de tama\u00f1o. *\/\n box-sizing: border-box; \n }\n\n *, *::before, *::after {\n box-sizing: inherit;\n }\n \n body {\n \/* CAMBIO CLAVE: Establece el fondo de la p\u00e1gina como blanco puro *\/\n background-color: white; \n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--primary);\n line-height: 1.6;\n }\n \/* --- FIN RESETO CSS --- *\/\n\n\n \/* Variables CSS para una paleta de colores coherente (Basado en el nuevo azul dominante: #0288d1) *\/\n :root {\n --primary: #0288d1; \/* NUEVO: Azul Principal (Azul del Frontis) *\/\n --secondary: #29b6f6; \/* Azul Secundario (Un tono m\u00e1s claro para gradientes) *\/\n --accent: #4fc3f7; \/* Azul de Acento (Para bordes y l\u00edneas divisorias) *\/\n --dark-blue: #01579b; \/* Azul muy Oscuro para contrastes profundos *\/\n --light-blue: #e1f5fe; \/* Fondo muy claro (Cian 50) *\/\n \n \/* Degradados actualizados para usar el nuevo --primary *\/\n --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n --gradient-dark: linear-gradient(135deg, var(--dark-blue) 0%, var(--primary) 100%);\n --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--light-blue) 100%);\n \n \/* Sombra ajustada al nuevo primary *\/\n --shadow: 0 10px 30px rgba(2, 136, 209, 0.2);\n --shadow-hover: 0 15px 40px rgba(2, 136, 209, 0.3);\n }\n\n \/* CONTENEDOR PRINCIPAL: Ahora aloja los estilos de fondo y espacio, sin padding superior. *\/\n .contenedor-principal {\n max-width: 1200px;\n margin: 0 auto;\n \n \/* CAMBIO CLAVE: Fondo general de la secci\u00f3n cambiado a blanco puro *\/\n background: white; \n \n \/* Eliminamos min-height y dejamos el padding solo en la parte inferior y lateral *\/\n padding: 0 20px 20px 20px; \n }\n\n \/* --- Header y Banner --- *\/\n .banner-fdcs {\n background: var(--gradient-dark);\n color: white;\n text-align: center;\n padding: 60px 20px;\n border-radius: 20px;\n margin-bottom: 40px;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }\n\n \/* Efecto de superposici\u00f3n sutil en el banner *\/\n .banner-fdcs::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(255,255,255,0.15)\"\/><\/svg>');\n background-size: cover;\n }\n\n .texto-banner {\n font-size: 2.8rem;\n font-weight: 700;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n position: relative;\n z-index: 1;\n color: white;\n }\n\n \/* --- Secci\u00f3n Principal (Rese\u00f1a e Imagen) --- *\/\n .contenedor {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n margin-bottom: 50px;\n align-items: stretch; \/* Asegura que ambas columnas tengan la misma altura *\/\n }\n\n .informacion {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n \/* INICIO DEL CAMBIO: Barra de color lateral que act\u00faa como Borde de acento *\/\n .informacion::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 10px; \/* Aumentado a 10px para mayor impacto visual *\/\n height: 100%; \/* Asegura que se extienda por toda la altura *\/\n background: var(--dark-blue); \/* Color s\u00f3lido para un borde cl\u00e1sico *\/\n \/* Opcional: usar el gradiente si prefiere el dise\u00f1o anterior: background: var(--gradient-dark); *\/\n }\n \/* FIN DEL CAMBIO *\/\n\n .informacion img {\n width: 100px; \/* Tama\u00f1o ajustado para ser menos dominante *\/\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n border-radius: 50%; \/* Hecho circular para un toque moderno *\/\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n padding: 5px;\n border: 2px solid var(--accent);\n }\n\n .informacion h2 {\n color: var(--primary); \/* Usando el nuevo azul principal *\/\n margin-bottom: 20px;\n font-size: 1.8rem;\n position: relative;\n display: inline-block;\n padding-left: 10px;\n }\n\n .informacion h2::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 10px;\n width: 50px;\n height: 3px;\n background: var(--gradient-primary);\n border-radius: 2px;\n }\n\n .informacion p {\n color: #37474f;\n line-height: 1.7;\n font-size: 1.1rem;\n flex-grow: 1; \/* Permite que el texto ocupe el espacio restante *\/\n }\n\n .imagen {\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow);\n overflow: hidden;\n background: var(--gradient-primary); \/* Usando el nuevo gradiente primario *\/\n min-height: 350px; \/* Altura m\u00ednima para asegurar visibilidad *\/\n }\n\n .imagen img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* --- Botones de Acceso --- *\/\n .botoness {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-bottom: 50px;\n }\n\n .botoness a {\n text-decoration: none;\n }\n\n .botoness .card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n transition: all 0.4s ease;\n box-shadow: var(--shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n position: relative;\n overflow: hidden;\n border: 1px solid var(--accent); \/* Borde sutil *\/\n }\n\n .botoness .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--gradient-primary);\n }\n\n .botoness .card:hover {\n transform: translateY(-5px); \/* Menos movimiento *\/\n box-shadow: var(--shadow-hover);\n }\n\n .botoness .card i {\n font-size: 2.5rem;\n color: var(--primary); \/* Icono en el nuevo azul principal *\/\n }\n\n .botoness .card span {\n color: var(--primary); \/* Texto en el nuevo azul principal *\/\n font-weight: 700; \/* M\u00e1s peso para mejor lectura *\/\n font-size: 1.3rem;\n }\n\n \/* --- Carreras (Oferta Acad\u00e9mica) --- *\/\n .carreras {\n margin-bottom: 40px;\n }\n\n .carreras h1 {\n text-align: center;\n color: var(--primary); \/* T\u00edtulo en el nuevo azul principal *\/\n margin-bottom: 15px;\n font-size: 2.5rem;\n position: relative;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .carreras h1::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--gradient-primary);\n border-radius: 2px;\n }\n\n .carreras > p {\n text-align: center;\n color: #455a64;\n margin-bottom: 40px;\n font-size: 1.2rem;\n }\n\n .grid-carreras {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n \n \/* CORRECCI\u00d3N DE ESTILOS: El contenedor .card ya no es un enlace *\/\n .grid-carreras .card {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n box-shadow: var(--shadow);\n height: 100%;\n position: relative;\n border: 2px solid var(--accent); \/* Color de acento para los bordes *\/\n cursor: default; \/* El cursor normal porque la tarjeta no es un enlace *\/\n }\n\n .grid-carreras .card:hover {\n border-color: var(--primary); \n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-icon {\n height: 180px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: var(--gradient-secondary); \/* Ajustado a nuevo gradiente *\/\n border-bottom: 3px solid var(--accent);\n }\n\n .card-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 10px; \n background: white; \n }\n\n .card-content {\n padding: 25px;\n text-align: center;\n \/* Se establece el display para centrar el bot\u00f3n\/enlace *\/\n display: flex; \n flex-direction: column;\n align-items: center;\n }\n\n .card-content h2 {\n color: var(--primary); \/* Texto en el nuevo azul principal *\/\n margin-bottom: 10px;\n font-size: 1.3rem;\n line-height: 1.3;\n }\n\n .card-content p {\n \/* Eliminamos estilos de p\u00e1rrafo para dejar que el enlace tome el control *\/\n margin: 0;\n padding: 0;\n }\n \n \/* --- ESTILOS DEL ENLACE DE PLAN DE ESTUDIOS (BOT\u00d3N) --- *\/\n .plan-link-boton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 15px;\n margin-top: 10px; \n border-radius: 8px;\n background: var(--primary); \/* Fondo azul principal *\/\n color: white !important; \/* Texto blanco *\/\n text-decoration: none;\n font-weight: 700 !important;\n font-size: 1rem !important;\n transition: background 0.3s ease, transform 0.2s ease;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n }\n\n .plan-link-boton:hover {\n background: var(--dark-blue); \n transform: scale(1.05); \/* Peque\u00f1o efecto de escala al pasar el mouse *\/\n }\n\n .plan-link-boton i {\n color: white !important; \/* Asegura que el \u00edcono sea blanco *\/\n margin-right: 8px;\n font-size: 1rem; \/* Asegura el tama\u00f1o del \u00edcono *\/\n }\n \/* --- FIN ESTILOS BOT\u00d3N --- *\/\n\n \/* --- Autoridades --- (Estilos originales conservados) *\/\n .titulo-autoridad {\n text-align: center;\n margin: 60px 0 40px;\n }\n\n .titulo-autoridad h2 {\n color: var(--primary); \n font-size: 2.2rem;\n position: relative;\n display: inline-block;\n padding-bottom: 15px;\n }\n\n .titulo-autoridad h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: var(--gradient-primary);\n border-radius: 2px;\n }\n\n .autoridades-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .autoridad {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.4s ease;\n position: relative;\n border: 3px solid var(--primary);\n }\n\n .autoridad:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n border-color: var(--dark-blue);\n }\n\n .aut-img {\n height: 350px; \n overflow: hidden;\n position: relative;\n background: var(--gradient-primary);\n }\n\n .aut-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n \/* SE CAMBIA DE 'top center' a '20% center' para subir ligeramente la imagen *\/\n object-position: 20% center; \n }\n\n .aut-content {\n padding: 25px;\n text-align: center;\n position: relative;\n }\n\n .aut-content h3 {\n color: var(--primary); \n margin-bottom: 5px;\n font-size: 1.4rem; \n font-weight: 700;\n }\n\n .aut-content p {\n color: #455a64;\n font-weight: 500;\n font-size: 1rem;\n }\n \/* Fin Estilos Autoridades *\/\n\n \/* Efectos adicionales *\/\n .floating {\n animation: floating 3s ease-in-out infinite;\n }\n\n @keyframes floating {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); } \/* Movimiento de 10px *\/\n 100% { transform: translateY(0px); }\n }\n\n \/* Responsive - Ajustes para tablet y m\u00f3vil *\/\n @media (max-width: 1200px) {\n .grid-carreras {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .contenedor {\n grid-template-columns: 1fr;\n }\n .grid-carreras {\n grid-template-columns: 1fr;\n }\n .texto-banner {\n font-size: 2rem;\n }\n .informacion, .imagen, .autoridad {\n margin-bottom: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .texto-banner {\n font-size: 1.8rem;\n padding: 10px;\n }\n .informacion, .botoness .card {\n padding: 20px;\n }\n .carreras h1 {\n font-size: 2rem;\n }\n .titulo-autoridad h2 {\n font-size: 1.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contenedor-principal\">\n \n <div class=\"banner-fdcs\">\n <h1 class=\"texto-banner\">FACULTAD T\u00c9CNICA<\/h1>\n <\/div>\n \n \n <div class=\"contenedor\">\n <div class=\"informacion\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/logo_ft.png\" alt=\"Logo Facultad T\u00e9cnica\" class=\"floating\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/0288d1\/ffffff?text=LOGO'\">\n <h2>Breve Rese\u00f1a Hist\u00f3rica<\/h2>\n <p>En el altiplano boliviano en medio de la paja brava y la thola, se levanta pujante y emprendedora la Facultad T\u00e9cnica. En la regi\u00f3n de Oruro, Capital del Folklore de Bolivia, considerada por excelencia regi\u00f3n minera, con muy pocas industrias y comercio, respetando los or\u00edgenes de un pueblo, sus costumbres y tradiciones, es f\u00e1cil visualizar los grandes problemas que han debido solucionar sus habitantes para mantener una identidad y hacer historia. La Facultad T\u00e9cnica ofrece educaci\u00f3n de nivel t\u00e9cnico y tecnol\u00f3gico, fundamental para el desarrollo regional y nacional.<\/p>\n <\/div>\n <div class=\"imagen\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/factecnica-1.jpg\" alt=\"Frontis Facultad T\u00e9cnica\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/0288d1\/ffffff?text=FRONTIS+FACULTAD+T\u00c9CNICA'\">\n <\/div>\n <\/div>\n \n \n <div class=\"botoness\">\n <a href=\"https:\/\/www.ft.uto.edu.bo\/\" target=\"_blank\">\n <div class=\"card\">\n <i class=\"mdi mdi-web\"><\/i>\n <span>Sitio Web Oficial<\/span>\n <\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"carreras\">\n <h1>CARRERAS<\/h1>\n <p>Conoce nuestra oferta acad\u00e9mica en las \u00e1reas t\u00e9cnicas y tecnol\u00f3gicas, con proyecci\u00f3n al desarrollo.<\/p>\n \n \n <div class=\"grid-carreras\">\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/quimica-industrial-245x270-1.png\" alt=\"Logo Construcciones Civiles\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=CC'\">\n <\/div>\n <div class=\"card-content\">\n <h2>CONSTRUCCIONES CIVILES<\/h2>\n <p>\n \n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/p_const_civ.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/tecnicaelectricidad-245x270-1.png\" alt=\"Logo Electricidad Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=EI'\">\n <\/div>\n <div class=\"card-content\">\n <h2>ELECTRICIDAD INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_elt_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/equipo-pesado-la-joya-245x270-1.png\" alt=\"Logo Mantenimiento Equipo Pesado\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MEP'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MANTENIMIENTO EQUIPO PESADO<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_mant_equ_pesado.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/logo_ft.png\" alt=\"Logo Maquinaria Agr\u00edcola Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MAI'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MAQUINARIA AGR\u00cdCOLA INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_maq_agr_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/mecanica-automotriz-245x270-2.png\" alt=\"Logo Mec\u00e1nica Automotriz\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MEC+AUT'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MEC\u00c1NICA AUTOMOTRIZ<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_mec_aut.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/mecacnica-industrial-245x270-1.png\" alt=\"Logo Mec\u00e1nica Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MEC+IND'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MEC\u00c1NICA INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_mec_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/quimica-industrial-245x270-1.png\" alt=\"Logo Qu\u00edmica Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=QU\u00cdMICA'\">\n <\/div>\n <div class=\"card-content\">\n <h2>QU\u00cdMICA INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_qmc_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <\/div>\n <\/div>\n \n \n <div class=\"titulo-autoridad\">\n <h2>AUTORIDADES<\/h2>\n <\/div>\n \n <div class=\"autoridades-container\">\n \n <div class=\"autoridad\">\n <div class=\"aut-img\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/dec_tec.webp\" alt=\"Decano - Lic. Angel Vidal Baltazar Colque\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x350\/0288d1\/ffffff?text=DECANO'\">\n <\/div>\n <div class=\"aut-content\">\n <h3>DECANO<\/h3>\n <p>MSc. Lic. Salvador Rom\u00e1n Mollo Luna<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"autoridad\">\n <div class=\"aut-img\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/vdec_tec.webp\" alt=\"Vice-Decano - Tec.Sup. Matilde Marisol Paniagua Coca\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x350\/0288d1\/ffffff?text=VICE+DECANO'\">\n <\/div>\n <div class=\"aut-content\">\n <h3>VICE-DECANO<\/h3>\n <p>Lic. Irineo Ren\u00e9 Ajhuacho Pinaya<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Facultad T\u00e9cnica – UTO FACULTAD T\u00c9CNICA Breve Rese\u00f1a Hist\u00f3rica En el altiplano boliviano en medio de la paja brava y la thola, se levanta pujante y emprendedora la Facultad T\u00e9cnica. En la regi\u00f3n de Oruro, Capital del Folklore de Bolivia, considerada por excelencia regi\u00f3n minera, con muy pocas industrias y comercio, respetando los or\u00edgenes de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"UTO","author_link":"https:\/\/www.uto.edu.bo\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Facultad T\u00e9cnica – UTO FACULTAD T\u00c9CNICA Breve Rese\u00f1a Hist\u00f3rica En el altiplano boliviano en medio de la paja brava y la thola, se levanta pujante y emprendedora la Facultad T\u00e9cnica. En la regi\u00f3n de Oruro, Capital del Folklore de Bolivia, considerada por excelencia regi\u00f3n minera, con muy pocas industrias y comercio, respetando los or\u00edgenes de…","_links":{"self":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":24,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions\/1152"}],"wp:attachment":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":114,"date":"2025-09-23T16:46:18","date_gmt":"2025-09-23T14:46:18","guid":{"rendered":"https:\/\/www.uto.edu.bo\/?page_id=114"},"modified":"2025-11-10T21:51:38","modified_gmt":"2025-11-10T20:51:38","slug":"facultad-tecnica","status":"publish","type":"page","link":"https:\/\/www.uto.edu.bo\/?page_id=114","title":{"rendered":"Facultad T\u00e9cnica"},"content":{"rendered":"\n\n\n\n \n \n Facultad T\u00e9cnica – UTO<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@mdi\/font@6.9.96\/css\/materialdesignicons.min.css\">\n <style>\n \/* --- RESETO CSS AGRESIVO PARA SOLUCIONAR EL ESPACIO SUPERIOR --- *\/\n \/* Aseguramos que ni HTML ni BODY tengan m\u00e1rgenes o rellenos, forzando al contenido a pegarse al tope. *\/\n html, body {\n margin: 0; \n padding: 0; \n \/* Se mantiene el box-sizing para evitar conflictos de tama\u00f1o. *\/\n box-sizing: border-box; \n }\n\n *, *::before, *::after {\n box-sizing: inherit;\n }\n \n body {\n \/* CAMBIO CLAVE: Establece el fondo de la p\u00e1gina como blanco puro *\/\n background-color: white; \n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--primary);\n line-height: 1.6;\n }\n \/* --- FIN RESETO CSS --- *\/\n\n\n \/* Variables CSS para una paleta de colores coherente (Basado en el nuevo azul dominante: #0288d1) *\/\n :root {\n --primary: #0288d1; \/* NUEVO: Azul Principal (Azul del Frontis) *\/\n --secondary: #29b6f6; \/* Azul Secundario (Un tono m\u00e1s claro para gradientes) *\/\n --accent: #4fc3f7; \/* Azul de Acento (Para bordes y l\u00edneas divisorias) *\/\n --dark-blue: #01579b; \/* Azul muy Oscuro para contrastes profundos *\/\n --light-blue: #e1f5fe; \/* Fondo muy claro (Cian 50) *\/\n \n \/* Degradados actualizados para usar el nuevo --primary *\/\n --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n --gradient-dark: linear-gradient(135deg, var(--dark-blue) 0%, var(--primary) 100%);\n --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--light-blue) 100%);\n \n \/* Sombra ajustada al nuevo primary *\/\n --shadow: 0 10px 30px rgba(2, 136, 209, 0.2);\n --shadow-hover: 0 15px 40px rgba(2, 136, 209, 0.3);\n }\n\n \/* CONTENEDOR PRINCIPAL: Ahora aloja los estilos de fondo y espacio, sin padding superior. *\/\n .contenedor-principal {\n max-width: 1200px;\n margin: 0 auto;\n \n \/* CAMBIO CLAVE: Fondo general de la secci\u00f3n cambiado a blanco puro *\/\n background: white; \n \n \/* Eliminamos min-height y dejamos el padding solo en la parte inferior y lateral *\/\n padding: 0 20px 20px 20px; \n }\n\n \/* --- Header y Banner --- *\/\n .banner-fdcs {\n background: var(--gradient-dark);\n color: white;\n text-align: center;\n padding: 60px 20px;\n border-radius: 20px;\n margin-bottom: 40px;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }\n\n \/* Efecto de superposici\u00f3n sutil en el banner *\/\n .banner-fdcs::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"rgba(255,255,255,0.15)\"\/><\/svg>');\n background-size: cover;\n }\n\n .texto-banner {\n font-size: 2.8rem;\n font-weight: 700;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n position: relative;\n z-index: 1;\n color: white;\n }\n\n \/* --- Secci\u00f3n Principal (Rese\u00f1a e Imagen) --- *\/\n .contenedor {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n margin-bottom: 50px;\n align-items: stretch; \/* Asegura que ambas columnas tengan la misma altura *\/\n }\n\n .informacion {\n background: white;\n padding: 40px;\n border-radius: 20px;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n }\n\n \/* INICIO DEL CAMBIO: Barra de color lateral que act\u00faa como Borde de acento *\/\n .informacion::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 10px; \/* Aumentado a 10px para mayor impacto visual *\/\n height: 100%; \/* Asegura que se extienda por toda la altura *\/\n background: var(--dark-blue); \/* Color s\u00f3lido para un borde cl\u00e1sico *\/\n \/* Opcional: usar el gradiente si prefiere el dise\u00f1o anterior: background: var(--gradient-dark); *\/\n }\n \/* FIN DEL CAMBIO *\/\n\n .informacion img {\n width: 100px; \/* Tama\u00f1o ajustado para ser menos dominante *\/\n height: 100px;\n object-fit: contain;\n margin-bottom: 20px;\n border-radius: 50%; \/* Hecho circular para un toque moderno *\/\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n padding: 5px;\n border: 2px solid var(--accent);\n }\n\n .informacion h2 {\n color: var(--primary); \/* Usando el nuevo azul principal *\/\n margin-bottom: 20px;\n font-size: 1.8rem;\n position: relative;\n display: inline-block;\n padding-left: 10px;\n }\n\n .informacion h2::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 10px;\n width: 50px;\n height: 3px;\n background: var(--gradient-primary);\n border-radius: 2px;\n }\n\n .informacion p {\n color: #37474f;\n line-height: 1.7;\n font-size: 1.1rem;\n flex-grow: 1; \/* Permite que el texto ocupe el espacio restante *\/\n }\n\n .imagen {\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow);\n overflow: hidden;\n background: var(--gradient-primary); \/* Usando el nuevo gradiente primario *\/\n min-height: 350px; \/* Altura m\u00ednima para asegurar visibilidad *\/\n }\n\n .imagen img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* --- Botones de Acceso --- *\/\n .botoness {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 25px;\n margin-bottom: 50px;\n }\n\n .botoness a {\n text-decoration: none;\n }\n\n .botoness .card {\n background: white;\n padding: 30px;\n border-radius: 15px;\n text-align: center;\n transition: all 0.4s ease;\n box-shadow: var(--shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n position: relative;\n overflow: hidden;\n border: 1px solid var(--accent); \/* Borde sutil *\/\n }\n\n .botoness .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: var(--gradient-primary);\n }\n\n .botoness .card:hover {\n transform: translateY(-5px); \/* Menos movimiento *\/\n box-shadow: var(--shadow-hover);\n }\n\n .botoness .card i {\n font-size: 2.5rem;\n color: var(--primary); \/* Icono en el nuevo azul principal *\/\n }\n\n .botoness .card span {\n color: var(--primary); \/* Texto en el nuevo azul principal *\/\n font-weight: 700; \/* M\u00e1s peso para mejor lectura *\/\n font-size: 1.3rem;\n }\n\n \/* --- Carreras (Oferta Acad\u00e9mica) --- *\/\n .carreras {\n margin-bottom: 40px;\n }\n\n .carreras h1 {\n text-align: center;\n color: var(--primary); \/* T\u00edtulo en el nuevo azul principal *\/\n margin-bottom: 15px;\n font-size: 2.5rem;\n position: relative;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .carreras h1::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: var(--gradient-primary);\n border-radius: 2px;\n }\n\n .carreras > p {\n text-align: center;\n color: #455a64;\n margin-bottom: 40px;\n font-size: 1.2rem;\n }\n\n .grid-carreras {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n \n \/* CORRECCI\u00d3N DE ESTILOS: El contenedor .card ya no es un enlace *\/\n .grid-carreras .card {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n transition: all 0.4s ease;\n box-shadow: var(--shadow);\n height: 100%;\n position: relative;\n border: 2px solid var(--accent); \/* Color de acento para los bordes *\/\n cursor: default; \/* El cursor normal porque la tarjeta no es un enlace *\/\n }\n\n .grid-carreras .card:hover {\n border-color: var(--primary); \n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n }\n\n .card-icon {\n height: 180px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n background: var(--gradient-secondary); \/* Ajustado a nuevo gradiente *\/\n border-bottom: 3px solid var(--accent);\n }\n\n .card-icon img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n padding: 10px; \n background: white; \n }\n\n .card-content {\n padding: 25px;\n text-align: center;\n \/* Se establece el display para centrar el bot\u00f3n\/enlace *\/\n display: flex; \n flex-direction: column;\n align-items: center;\n }\n\n .card-content h2 {\n color: var(--primary); \/* Texto en el nuevo azul principal *\/\n margin-bottom: 10px;\n font-size: 1.3rem;\n line-height: 1.3;\n }\n\n .card-content p {\n \/* Eliminamos estilos de p\u00e1rrafo para dejar que el enlace tome el control *\/\n margin: 0;\n padding: 0;\n }\n \n \/* --- ESTILOS DEL ENLACE DE PLAN DE ESTUDIOS (BOT\u00d3N) --- *\/\n .plan-link-boton {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 8px 15px;\n margin-top: 10px; \n border-radius: 8px;\n background: var(--primary); \/* Fondo azul principal *\/\n color: white !important; \/* Texto blanco *\/\n text-decoration: none;\n font-weight: 700 !important;\n font-size: 1rem !important;\n transition: background 0.3s ease, transform 0.2s ease;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n }\n\n .plan-link-boton:hover {\n background: var(--dark-blue); \n transform: scale(1.05); \/* Peque\u00f1o efecto de escala al pasar el mouse *\/\n }\n\n .plan-link-boton i {\n color: white !important; \/* Asegura que el \u00edcono sea blanco *\/\n margin-right: 8px;\n font-size: 1rem; \/* Asegura el tama\u00f1o del \u00edcono *\/\n }\n \/* --- FIN ESTILOS BOT\u00d3N --- *\/\n\n \/* --- Autoridades --- (Estilos originales conservados) *\/\n .titulo-autoridad {\n text-align: center;\n margin: 60px 0 40px;\n }\n\n .titulo-autoridad h2 {\n color: var(--primary); \n font-size: 2.2rem;\n position: relative;\n display: inline-block;\n padding-bottom: 15px;\n }\n\n .titulo-autoridad h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: var(--gradient-primary);\n border-radius: 2px;\n }\n\n .autoridades-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .autoridad {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.4s ease;\n position: relative;\n border: 3px solid var(--primary);\n }\n\n .autoridad:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-hover);\n border-color: var(--dark-blue);\n }\n\n .aut-img {\n height: 350px; \n overflow: hidden;\n position: relative;\n background: var(--gradient-primary);\n }\n\n .aut-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n \/* SE CAMBIA DE 'top center' a '20% center' para subir ligeramente la imagen *\/\n object-position: 20% center; \n }\n\n .aut-content {\n padding: 25px;\n text-align: center;\n position: relative;\n }\n\n .aut-content h3 {\n color: var(--primary); \n margin-bottom: 5px;\n font-size: 1.4rem; \n font-weight: 700;\n }\n\n .aut-content p {\n color: #455a64;\n font-weight: 500;\n font-size: 1rem;\n }\n \/* Fin Estilos Autoridades *\/\n\n \/* Efectos adicionales *\/\n .floating {\n animation: floating 3s ease-in-out infinite;\n }\n\n @keyframes floating {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); } \/* Movimiento de 10px *\/\n 100% { transform: translateY(0px); }\n }\n\n \/* Responsive - Ajustes para tablet y m\u00f3vil *\/\n @media (max-width: 1200px) {\n .grid-carreras {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .contenedor {\n grid-template-columns: 1fr;\n }\n .grid-carreras {\n grid-template-columns: 1fr;\n }\n .texto-banner {\n font-size: 2rem;\n }\n .informacion, .imagen, .autoridad {\n margin-bottom: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .texto-banner {\n font-size: 1.8rem;\n padding: 10px;\n }\n .informacion, .botoness .card {\n padding: 20px;\n }\n .carreras h1 {\n font-size: 2rem;\n }\n .titulo-autoridad h2 {\n font-size: 1.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"contenedor-principal\">\n \n <div class=\"banner-fdcs\">\n <h1 class=\"texto-banner\">FACULTAD T\u00c9CNICA<\/h1>\n <\/div>\n \n \n <div class=\"contenedor\">\n <div class=\"informacion\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/logo_ft.png\" alt=\"Logo Facultad T\u00e9cnica\" class=\"floating\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/0288d1\/ffffff?text=LOGO'\">\n <h2>Breve Rese\u00f1a Hist\u00f3rica<\/h2>\n <p>En el altiplano boliviano en medio de la paja brava y la thola, se levanta pujante y emprendedora la Facultad T\u00e9cnica. En la regi\u00f3n de Oruro, Capital del Folklore de Bolivia, considerada por excelencia regi\u00f3n minera, con muy pocas industrias y comercio, respetando los or\u00edgenes de un pueblo, sus costumbres y tradiciones, es f\u00e1cil visualizar los grandes problemas que han debido solucionar sus habitantes para mantener una identidad y hacer historia. La Facultad T\u00e9cnica ofrece educaci\u00f3n de nivel t\u00e9cnico y tecnol\u00f3gico, fundamental para el desarrollo regional y nacional.<\/p>\n <\/div>\n <div class=\"imagen\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/factecnica-1.jpg\" alt=\"Frontis Facultad T\u00e9cnica\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/0288d1\/ffffff?text=FRONTIS+FACULTAD+T\u00c9CNICA'\">\n <\/div>\n <\/div>\n \n \n <div class=\"botoness\">\n <a href=\"https:\/\/www.ft.uto.edu.bo\/\" target=\"_blank\">\n <div class=\"card\">\n <i class=\"mdi mdi-web\"><\/i>\n <span>Sitio Web Oficial<\/span>\n <\/div>\n <\/a>\n <\/div>\n \n \n <div class=\"carreras\">\n <h1>CARRERAS<\/h1>\n <p>Conoce nuestra oferta acad\u00e9mica en las \u00e1reas t\u00e9cnicas y tecnol\u00f3gicas, con proyecci\u00f3n al desarrollo.<\/p>\n \n \n <div class=\"grid-carreras\">\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/quimica-industrial-245x270-1.png\" alt=\"Logo Construcciones Civiles\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=CC'\">\n <\/div>\n <div class=\"card-content\">\n <h2>CONSTRUCCIONES CIVILES<\/h2>\n <p>\n \n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/p_const_civ.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/tecnicaelectricidad-245x270-1.png\" alt=\"Logo Electricidad Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=EI'\">\n <\/div>\n <div class=\"card-content\">\n <h2>ELECTRICIDAD INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_elt_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/equipo-pesado-la-joya-245x270-1.png\" alt=\"Logo Mantenimiento Equipo Pesado\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MEP'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MANTENIMIENTO EQUIPO PESADO<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_mant_equ_pesado.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/logo_ft.png\" alt=\"Logo Maquinaria Agr\u00edcola Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MAI'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MAQUINARIA AGR\u00cdCOLA INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_maq_agr_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/mecanica-automotriz-245x270-2.png\" alt=\"Logo Mec\u00e1nica Automotriz\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MEC+AUT'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MEC\u00c1NICA AUTOMOTRIZ<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_mec_aut.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/mecacnica-industrial-245x270-1.png\" alt=\"Logo Mec\u00e1nica Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=MEC+IND'\">\n <\/div>\n <div class=\"card-content\">\n <h2>MEC\u00c1NICA INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_mec_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card\">\n <div class=\"card-icon\">\n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/quimica-industrial-245x270-1.png\" alt=\"Logo Qu\u00edmica Industrial\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/245x270\/0288d1\/ffffff?text=QU\u00cdMICA'\">\n <\/div>\n <div class=\"card-content\">\n <h2>QU\u00cdMICA INDUSTRIAL<\/h2>\n <p>\n <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/11\/p_qmc_ind.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n <\/a>\n <\/p>\n <\/div>\n <\/div>\n\n \n <\/div>\n <\/div>\n \n \n <div class=\"titulo-autoridad\">\n <h2>AUTORIDADES<\/h2>\n <\/div>\n \n <div class=\"autoridades-container\">\n \n <div class=\"autoridad\">\n <div class=\"aut-img\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/dec_tec.webp\" alt=\"Decano - Lic. Angel Vidal Baltazar Colque\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x350\/0288d1\/ffffff?text=DECANO'\">\n <\/div>\n <div class=\"aut-content\">\n <h3>DECANO<\/h3>\n <p>MSc. Lic. Salvador Rom\u00e1n Mollo Luna<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"autoridad\">\n <div class=\"aut-img\">\n \n <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/vdec_tec.webp\" alt=\"Vice-Decano - Tec.Sup. Matilde Marisol Paniagua Coca\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x350\/0288d1\/ffffff?text=VICE+DECANO'\">\n <\/div>\n <div class=\"aut-content\">\n <h3>VICE-DECANO<\/h3>\n <p>Lic. Irineo Ren\u00e9 Ajhuacho Pinaya<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Facultad T\u00e9cnica – UTO FACULTAD T\u00c9CNICA Breve Rese\u00f1a Hist\u00f3rica En el altiplano boliviano en medio de la paja brava y la thola, se levanta pujante y emprendedora la Facultad T\u00e9cnica. En la regi\u00f3n de Oruro, Capital del Folklore de Bolivia, considerada por excelencia regi\u00f3n minera, con muy pocas industrias y comercio, respetando los or\u00edgenes de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-114","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"UTO","author_link":"https:\/\/www.uto.edu.bo\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Facultad T\u00e9cnica – UTO FACULTAD T\u00c9CNICA Breve Rese\u00f1a Hist\u00f3rica En el altiplano boliviano en medio de la paja brava y la thola, se levanta pujante y emprendedora la Facultad T\u00e9cnica. En la regi\u00f3n de Oruro, Capital del Folklore de Bolivia, considerada por excelencia regi\u00f3n minera, con muy pocas industrias y comercio, respetando los or\u00edgenes de…","_links":{"self":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=114"}],"version-history":[{"count":24,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions"}],"predecessor-version":[{"id":1152,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/114\/revisions\/1152"}],"wp:attachment":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}