{"id":115,"date":"2025-09-23T16:46:18","date_gmt":"2025-09-23T14:46:18","guid":{"rendered":"https:\/\/www.uto.edu.bo\/?page_id=115"},"modified":"2025-11-10T21:39:24","modified_gmt":"2025-11-10T20:39:24","slug":"facultad-arquitectura-y-urbanismo","status":"publish","type":"page","link":"https:\/\/www.uto.edu.bo\/?page_id=115","title":{"rendered":"Facultad Arquitectura y Urbanismo"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Facultad de Arquitectura y Urbanismo &#8211; UTO<\/title>\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        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        :root {\n            --primary: #E65100;\n            --secondary: #EF6C00;\n            --accent: #FF8F00;\n            --dark-orange: #BF360C;\n            --light-orange: #FFB74D;\n            --gradient-primary: linear-gradient(135deg, #E65100 0%, #EF6C00 100%);\n            --gradient-secondary: linear-gradient(135deg, #EF6C00 0%, #FF9800 100%);\n            --gradient-dark: linear-gradient(135deg, #BF360C 0%, #E65100 100%);\n            --gradient-accent: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%);\n            --shadow: 0 10px 30px rgba(230, 81, 0, 0.15);\n            --shadow-hover: 0 15px 40px rgba(230, 81, 0, 0.25);\n        }\n\n        body {\n            background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);\n            min-height: 100vh;\n            color: var(--primary);\n            line-height: 1.6;\n        }\n\n        .contenedor-principal {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 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        .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.1)\"\/><\/svg>');\n            background-size: cover;\n        }\n\n        .texto-banner {\n            font-size: 2.3rem;\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 *\/\n        .contenedor {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 50px;\n        }\n\n        @media (max-width: 768px) {\n            .contenedor {\n                grid-template-columns: 1fr;\n            }\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            align-items: flex-start; \/* Alineaci\u00f3n por defecto para texto *\/\n        }\n\n        .informacion::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 5px;\n            height: 100%;\n            background: var(--gradient-accent);\n        }\n        \n        \/* OCULTAR IMAGEN ANTIGUA Y APLICAR NUEVOS ESTILOS *\/\n        .informacion > img {\n            display: none;\n        }\n\n        \/* --- ESTILOS DEL LOGO CIRCULAR (COPIADOS) --- *\/\n        .logo-facultad-wrapper {\n            display: flex;\n            justify-content: center; \n            flex-direction: column;\n            align-items: center;\n            margin-bottom: 25px;\n            width: 100%;\n        }\n\n        .logo-facultad {\n            width: 100px;\n            height: 100px;\n            background: white;\n            border-radius: 50%; \/* CIRCULAR *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            border: 2px solid var(--accent); \/* Usa el color de acento de FAU *\/\n            overflow: hidden;\n            position: relative;\n            padding: 5px;\n        }\n\n        .logo-facultad img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            padding: 0; \n            border-radius: 50%;\n        }\n        \n        \/* Efecto flotante para el logo *\/\n        .floating {\n            animation: floating 3s ease-in-out infinite;\n        }\n        \/* --- FIN ESTILOS LOGO CIRCULAR --- *\/\n\n\n        .informacion h2 {\n            color: var(--primary);\n            margin-top: 0px; \n            margin-bottom: 20px;\n            font-size: 1.8rem;\n            position: relative;\n            display: inline-block;\n            text-align: left; \n            width: auto; \n        }\n        \n        @media (max-width: 768px) {\n            .informacion {\n                 align-items: center; \n            }\n             .informacion h2 {\n                text-align: center;\n                width: 100%;\n            }\n             .informacion h2::after {\n                left: 50%;\n                transform: translateX(-50%);\n            }\n        }\n\n\n        .informacion h2::after {\n            content: '';\n            position: absolute;\n            bottom: -8px;\n            left: 0;\n            width: 50px;\n            height: 3px;\n            background: var(--gradient-accent);\n            border-radius: 2px;\n        }\n\n        .informacion p {\n            color: #37474f;\n            line-height: 1.7;\n            font-size: 1.1rem;\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            position: relative;\n            background: var(--gradient-primary);\n            min-height: 350px; \n        }\n\n        .imagen img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .imagen-placeholder {\n            background: var(--gradient-primary);\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .imagen-placeholder i {\n            font-size: 8rem;\n            color: white;\n            z-index: 1;\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        @media (min-width: 769px) {\n             .botoness a {\n                \/* Fuerza la distribuci\u00f3n de 2 elementos en 2 columnas, si hay solo 2 *\/\n                grid-column: span 1 \/ auto;\n             }\n             .botoness:has(a:only-child) a {\n                \/* Si solo hay un bot\u00f3n, que ocupe todo el ancho *\/\n                grid-column: span 2 \/ auto;\n             }\n        }\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        }\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-accent);\n        }\n\n        .botoness .card:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .botoness .card i {\n            font-size: 2.5rem;\n            background: var(--gradient-primary);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .botoness .card span {\n            color: var(--primary);\n            font-weight: 600;\n            font-size: 1.2rem;\n        }\n\n        \/* Carreras *\/\n        .carreras {\n            margin-bottom: 40px;\n        }\n\n        .carreras h1 {\n            text-align: center;\n            color: var(--primary);\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            \/* Estructura de 1 columna original *\/\n            display: grid;\n            grid-template-columns: repeat(1, 1fr);\n            gap: 30px;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n\n        @media (max-width: 768px) {\n            .grid-carreras {\n                grid-template-columns: 1fr;\n                max-width: 100%;\n            }\n        }\n\n        .grid-carreras a {\n            text-decoration: none;\n            cursor: default; \/* Deshabilita el enlace envolvente si existe *\/\n        }\n        \n        .grid-carreras .card {\n            border: 2px solid var(--accent);\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            display: flex;\n            flex-direction: column;\n            justify-content: space-between; \n        }\n\n        .grid-carreras .card:hover {\n            border: 2px solid var(--primary);\n            transform: translateY(-10px) scale(1.02);\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-primary);\n            border-bottom: 3px solid;\n            border-image: var(--gradient-accent) 1;\n        }\n\n        .card-icon::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);\n            pointer-events: none;\n        }\n\n        .card-icon img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            padding: 20px;\n            background: white;\n        }\n\n        .card-icon i {\n            font-size: 4rem;\n            color: white;\n            z-index: 1;\n        }\n\n        .card-content {\n            padding: 25px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            flex-grow: 1;\n            justify-content: space-between;\n        }\n\n        .card-content h2 {\n            color: var(--primary);\n            margin-bottom: 10px;\n            font-size: 1.3rem;\n            line-height: 1.3;\n            text-decoration: none;\n            border-bottom: none !important;\n        }\n        \n        \/* --- ESTILO DEL BOT\u00d3N (COPIADOS Y ADAPTADOS AL NARANJA) --- *\/\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 naranja principal *\/\n            color: white !important; \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-orange); \/* Naranja oscuro al hacer hover *\/\n            transform: scale(1.05);\n        }\n\n        .plan-link-boton i {\n            color: white !important; \n            margin-right: 8px;\n            font-size: 1rem;\n        }\n        \/* --- FIN ESTILO BOT\u00d3N --- *\/\n\n\n        \/* Autoridades *\/\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-accent);\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;\n            border-image: var(--gradient-accent) 1;\n        }\n\n        .autoridad:hover {\n            transform: translateY(-10px);\n            box-shadow: var(--shadow-hover);\n            border-image: var(--accent) 1;\n        }\n\n        .aut-img {\n            height: 300px;\n            overflow: hidden;\n            position: relative;\n            background: var(--gradient-primary);\n        }\n\n        .aut-img::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 50%);\n            pointer-events: none;\n        }\n\n        .aut-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .aut-img-placeholder {\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .aut-img-placeholder i {\n            font-size: 5rem;\n            color: white;\n            opacity: 0.8;\n        }\n\n        .aut-content {\n            padding: 25px;\n            text-align: center;\n            position: relative;\n        }\n\n        .aut-content::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background: var(--gradient-accent);\n            border-radius: 2px;\n        }\n\n        .aut-content h3 {\n            color: var(--primary);\n            margin-bottom: 10px;\n            font-size: 1.3rem;\n        }\n\n        .aut-content h4 {\n            color: var(--primary);\n            margin-bottom: 10px;\n            font-size: 1.2rem;\n        }\n\n        .aut-content p {\n            color: #455a64;\n            font-weight: 500;\n        }\n\n        \/* Efectos adicionales *\/\n        @keyframes floating {\n            0% { transform: translateY(0px); }\n            50% { transform: translateY(-10px); }\n            100% { transform: translateY(0px); }\n        }\n\n        @keyframes pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .texto-banner {\n                font-size: 1.8rem;\n            }\n            \n            .grid-carreras {\n                grid-template-columns: 1fr;\n            }\n            \n            .botoness {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .contenedor-principal {\n                padding: 15px;\n            }\n            \n            .texto-banner {\n                font-size: 1.5rem;\n            }\n            \n            .informacion, .botoness .card {\n                padding: 25px;\n            }\n            \n            .carreras h1 {\n                font-size: 2rem;\n            }\n            \n            .titulo-autoridad h2 {\n                font-size: 1.8rem;\n            }\n            \n            .card-content h2 {\n                font-size: 1.1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"contenedor-principal\">\n        <!-- Banner Principal -->\n        <div class=\"banner-fdcs\">\n            <h1 class=\"texto-banner\">FACULTAD DE ARQUITECTURA Y URBANISMO<\/h1>\n        <\/div>\n        \n        <!-- Secci\u00f3n Principal -->\n        <div class=\"contenedor\">\n            <div class=\"informacion\">\n                <!-- APLICO LOGO CIRCULAR Y FLOTANTE -->\n                <div class=\"logo-facultad-wrapper\">\n                    <div class=\"logo-facultad floating\">\n                        <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/logo_fau.png\" alt=\"Logo Facultad de Arquitectura y Urbanismo\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/100x100\/E65100\/ffffff?text=FAU'\">\n                    <\/div>\n                <\/div>\n                \n                <h2>Breve Rese\u00f1a Hist\u00f3rica<\/h2>\n                <p>La Facultad de Arquitectura y Urbanismo, se funda en dos instancias hist\u00f3ricas, la primera mediante resoluci\u00f3n CEUB 030\/12\/76 y resoluci\u00f3n rectoral 01\/77 de 3 de enero, cuando se constituye en una Carrera dependiente de la Facultad Nacional de Ingenier\u00eda y la segunda a trav\u00e9s de la resoluci\u00f3n 0133\/84 del Honorable Consejo Universitario de 17 de octubre de 1984, fecha en la cual se consolida como Facultad dependiente de la Universidad T\u00e9cnica de Oruro.<\/p>\n            <\/div>\n            <div class=\"imagen\">\n                <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/frontis_fau.jpg\" alt=\"Frontis Facultad de Arquitectura y Urbanismo\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/E65100\/ffffff?text=FRONTIS+FAU'\">\n            <\/div>\n        <\/div>\n        \n        <!-- Botones de Acceso -->\n        <div class=\"botoness\">\n            <a href=\"https:\/\/www.fau.uto.edu.bo\/\" target=\"_blank\">\n                <div class=\"card\">\n                    <i class=\"mdi mdi-web\"><\/i>\n                    <span>Sitio Web<\/span>\n                <\/div>\n            <\/a>\n            <a href=\"https:\/\/siafau.uto.edu.bo\/docentes\/\" target=\"_blank\">\n                <div class=\"card\">\n                    <i class=\"mdi mdi-account-edit\"><\/i>\n                    <span>Sistema SIA<\/span>\n                <\/div>\n            <\/a>\n            <!-- El grid manejar\u00e1 la distribuci\u00f3n de estos 2 botones autom\u00e1ticamente -->\n        <\/div>\n        \n        <!-- Carreras -->\n        <div class=\"carreras\">\n            <h1>CARRERAS<\/h1>\n            <p>Conoce nuestra oferta acad\u00e9mica<\/p>\n            \n            <div class=\"grid-carreras\">\n                <!-- Arquitectura -->\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_fau.png\" alt=\"Logo Arquitectura\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/200x160\/E65100\/ffffff?text=ARQUITECTURA'\">\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h2>ARQUITECTURA<\/h2>\n                        <!-- APLICO BOT\u00d3N COLOREADO -->\n                        <a href=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/Plan-de-estudios-arquitectura.pdf\" target=\"_blank\" class=\"plan-link-boton\">\n                            <i class=\"fas fa-external-link-alt\"><\/i> Ver plan de estudios\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Autoridades -->\n        <div class=\"titulo-autoridad\">\n            <h2>AUTORIDADES<\/h2>\n        <\/div>\n        \n        <div class=\"autoridades-container\">\n            <!-- Decano -->\n            <div class=\"autoridad\">\n                <div class=\"aut-img\">\n                    <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/Decano-1.png\" alt=\"Decano - Arq. Ra\u00fal Mariscal Baldiviezo\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x300\/E65100\/ffffff?text=DECANO'\">\n                <\/div>\n                <div class=\"aut-content\">\n                    <h3>DECANO<\/h3>\n                    <p>Arq. Ra\u00fal Mariscal Baldiviezo<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Vice-Decano -->\n            <div class=\"autoridad\">\n                <div class=\"aut-img\">\n                    <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/vicedecano-2.png\" alt=\"Vice-Decano - Arq. Marcel Rub\u00e9n Iriarte Oporto\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x300\/E65100\/ffffff?text=VICE+DECANO'\">\n                <\/div>\n                <div class=\"aut-content\">\n                    <h3>VICE-DECANO<\/h3>\n                    <p>Arq. Marcel Rub\u00e9n Iriarte Oporto<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Director \u00c1rea de Tecnolog\u00eda -->\n            <div class=\"autoridad\">\n                <div class=\"aut-img\">\n                    <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/area-tecnologia.png\" alt=\"Director \u00c1rea de Tecnolog\u00eda - Ing. Edwin Javier Rodriguez Hurtado\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x300\/E65100\/ffffff?text=DIRECTOR+TEC'\">\n                <\/div>\n                <div class=\"aut-content\">\n                    <h3>DIRECTOR \u00c1REA DE TECNOLOG\u00cdA<\/h3>\n                    <p>Ing. Edwin Javier Rodriguez Hurtado<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Director \u00c1rea de Sociales -->\n            <div class=\"autoridad\">\n                <div class=\"aut-img\">\n                    <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/area-sociales.png\" alt=\"Director \u00c1rea de Sociales - Arq. Rolando Machicado Flores\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x300\/E65100\/ffffff?text=DIRECTOR+SOC'\">\n                <\/div>\n                <div class=\"aut-content\">\n                    <h4>DIRECTOR \u00c1REA DE SOCIALES<\/h4>\n                    <p>Arq. Rolando Machicado Flores<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Director \u00c1rea de Dise\u00f1o -->\n            <div class=\"autoridad\">\n                <div class=\"aut-img\">\n                    <img decoding=\"async\" src=\"https:\/\/www.uto.edu.bo\/wp-content\/uploads\/2025\/10\/area-disenio.png\" alt=\"Director \u00c1rea de Dise\u00f1o - Arq. Cristian Celso Ramos Espinoza\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/300x300\/E65100\/ffffff?text=DIRECTOR+DIS'\">\n                <\/div>\n                <div class=\"aut-content\">\n                    <h3>DIRECTOR \u00c1REA DE DISE\u00d1O<\/h3>\n                    <p>Arq. Cristian Celso Ramos Espinoza<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Facultad de Arquitectura y Urbanismo &#8211; UTO FACULTAD DE ARQUITECTURA Y URBANISMO Breve Rese\u00f1a Hist\u00f3rica La Facultad de Arquitectura y Urbanismo, se funda en dos instancias hist\u00f3ricas, la primera mediante resoluci\u00f3n CEUB 030\/12\/76 y resoluci\u00f3n rectoral 01\/77 de 3 de enero, cuando se constituye en una Carrera dependiente de la Facultad Nacional de Ingenier\u00eda y [&hellip;]<\/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-115","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 de Arquitectura y Urbanismo &#8211; UTO FACULTAD DE ARQUITECTURA Y URBANISMO Breve Rese\u00f1a Hist\u00f3rica La Facultad de Arquitectura y Urbanismo, se funda en dos instancias hist\u00f3ricas, la primera mediante resoluci\u00f3n CEUB 030\/12\/76 y resoluci\u00f3n rectoral 01\/77 de 3 de enero, cuando se constituye en una Carrera dependiente de la Facultad Nacional de Ingenier\u00eda y&hellip;","_links":{"self":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/115","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=115"}],"version-history":[{"count":6,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":1148,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/115\/revisions\/1148"}],"wp:attachment":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}