{"id":87,"date":"2025-09-23T16:46:17","date_gmt":"2025-09-23T14:46:17","guid":{"rendered":"https:\/\/www.uto.edu.bo\/?page_id=87"},"modified":"2025-11-12T20:07:26","modified_gmt":"2025-11-12T19:07:26","slug":"mision-y-vision","status":"publish","type":"page","link":"https:\/\/www.uto.edu.bo\/?page_id=87","title":{"rendered":"Mision y Vision"},"content":{"rendered":"\n<style>\n\/* Estilos mejorados para Misi\u00f3n y Visi\u00f3n UTO *\/\n.mision-vision-container {\n    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n    padding: 60px 20px;\n    min-height: 100vh;\n}\n\n.mision-vision-container .container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.mision-vision-container h1.mv-titulo-principal {\n    text-align: center;\n    margin-bottom: 50px;\n    color: #2c3e50;\n    font-size: 2.8rem;\n    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);\n    position: relative;\n    padding-bottom: 15px;\n}\n\n.mision-vision-container h1.mv-titulo-principal:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 150px;\n    height: 4px;\n    background: linear-gradient(to right, #3498db, #2c3e50);\n    border-radius: 2px;\n}\n\n.mision-vision-container .mv-cards-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: stretch;\n    gap: 40px;\n}\n\n.mision-vision-container .mv-card {\n    flex: 1;\n    padding: 40px 30px;\n    background-color: white;\n    border-radius: 20px;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n    transition: all 0.4s ease;\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n    min-height: 450px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n}\n\n.mision-vision-container .mv-card:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 6px;\n    border-radius: 20px 20px 0 0;\n}\n\n.mision-vision-container .mv-card:focus-within,\n.mision-vision-container .mv-card:hover {\n    transform: translateY(-15px);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n    outline: 2px solid #3498db;\n    outline-offset: 2px;\n}\n\n\/* Misi\u00f3n - Izquierda - Azul *\/\n.mision-vision-container .mv-card-mision:before {\n    background: linear-gradient(to right, #1a5276, #154360);\n}\n\n\/* Visi\u00f3n - Derecha - Rojo *\/\n.mision-vision-container .mv-card-vision:before {\n    background: linear-gradient(to right, #922b21, #641e16);\n}\n\n.mision-vision-container .mv-icon-container {\n    width: 100px;\n    height: 100px;\n    margin: 0 auto 30px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 2.5rem;\n    position: relative;\n    transition: all 0.4s ease;\n    color: white;\n}\n\n.mision-vision-container .mv-card:hover .mv-icon-container,\n.mision-vision-container .mv-card:focus-within .mv-icon-container {\n    transform: scale(1.1);\n}\n\n.mision-vision-container .mv-card-mision .mv-icon-container {\n    background: linear-gradient(135deg, #1a5276, #154360);\n    box-shadow: 0 10px 25px rgba(26, 82, 118, 0.4);\n}\n\n.mision-vision-container .mv-card-vision .mv-icon-container {\n    background: linear-gradient(135deg, #922b21, #641e16);\n    box-shadow: 0 10px 25px rgba(146, 43, 33, 0.4);\n}\n\n.mision-vision-container .mv-card h2 {\n    font-weight: bold;\n    color: #2c3e50;\n    margin-bottom: 25px;\n    font-size: 1.8rem;\n    letter-spacing: 1px;\n}\n\n.mision-vision-container .mv-card p {\n    color: #2c3e50;\n    font-size: 1.1rem;\n    line-height: 1.7;\n    text-align: left;\n    margin-bottom: 0;\n}\n\n.mision-vision-container .mv-content-text {\n    background: #f8f9fa;\n    padding: 25px;\n    border-radius: 15px;\n    border-left: 4px solid;\n    margin-top: 20px;\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n}\n\n.mision-vision-container .mv-card-mision .mv-content-text {\n    border-left-color: #1a5276;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);\n}\n\n.mision-vision-container .mv-card-vision .mv-content-text {\n    border-left-color: #922b21;\n    background: linear-gradient(135deg, #f8f9fa 0%, #ffebee 100%);\n}\n\n.mision-vision-container .footer-note {\n    text-align: center;\n    margin-top: 60px;\n    color: #5d6d7e;\n    font-style: italic;\n}\n\n\/* Responsive para tablets *\/\n@media (max-width: 1024px) {\n    .mision-vision-container .mv-cards-container {\n        gap: 30px;\n    }\n    \n    .mision-vision-container .mv-card {\n        padding: 30px 25px;\n        min-height: 400px;\n    }\n    \n    .mision-vision-container .mv-content-text {\n        padding: 20px;\n    }\n}\n\n\/* Responsive para m\u00f3viles - se apilan verticalmente *\/\n@media (max-width: 768px) {\n    .mision-vision-container .mv-cards-container {\n        flex-direction: column;\n        gap: 30px;\n    }\n    \n    .mision-vision-container .mv-card {\n        width: 100%;\n        min-height: auto;\n        padding: 30px 20px;\n    }\n    \n    .mision-vision-container h1.mv-titulo-principal {\n        font-size: 2.2rem;\n    }\n    \n    .mision-vision-container .mv-icon-container {\n        width: 80px;\n        height: 80px;\n        font-size: 2rem;\n    }\n    \n    .mision-vision-container .mv-card h2 {\n        font-size: 1.6rem;\n    }\n    \n    .mision-vision-container .mv-card p {\n        font-size: 1rem;\n    }\n}\n\n@media (max-width: 480px) {\n    .mision-vision-container {\n        padding: 40px 15px;\n    }\n    \n    .mision-vision-container .mv-card {\n        padding: 25px 15px;\n    }\n    \n    .mision-vision-container .mv-card h2 {\n        font-size: 1.5rem;\n    }\n    \n    .mision-vision-container .mv-card p {\n        font-size: 0.95rem;\n    }\n    \n    .mision-vision-container .mv-content-text {\n        padding: 20px;\n    }\n    \n    .mision-vision-container .mv-icon-container {\n        width: 70px;\n        height: 70px;\n        font-size: 1.8rem;\n    }\n}\n\n\/* Mejoras de accesibilidad *\/\n.sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n.mision-vision-container .mv-card {\n    position: relative;\n}\n\n.mision-vision-container .mv-card:focus {\n    outline: 2px solid #3498db;\n    outline-offset: 2px;\n}\n<\/style>\n\n<div class=\"mision-vision-container\" role=\"main\" aria-labelledby=\"mision-vision-titulo\">\n    <div class=\"container\">\n        <h1 id=\"mision-vision-titulo\" class=\"mv-titulo-principal\">Misi\u00f3n y Visi\u00f3n UTO<\/h1>\n        \n        <div class=\"mv-cards-container\">\n            <!-- Misi\u00f3n UTO - IZQUIERDA -->\n            <article class=\"mv-card mv-card-mision\" tabindex=\"0\" aria-labelledby=\"mision-titulo\">\n                <div>\n                    <div class=\"mv-icon-container\" aria-hidden=\"true\">\n                        <span class=\"sr-only\">Icono de misi\u00f3n<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n                            <path d=\"M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h2 id=\"mision-titulo\">MISI\u00d3N UTO<\/h2>\n                <\/div>\n                <div class=\"mv-content-text\">\n                    <p>En el marco de su autonom\u00eda, forma profesionales con capacidades y valores suficientes para contribuir al desarrollo de la regi\u00f3n y del pa\u00eds mediante sus conocimientos cient\u00edficos y tecnol\u00f3gicos con calidad y pertinencia social, promoviendo la inclusi\u00f3n social, los derechos humanos y respeto al medio ambiente.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Visi\u00f3n UTO - DERECHA -->\n            <article class=\"mv-card mv-card-vision\" tabindex=\"0\" aria-labelledby=\"vision-titulo\">\n                <div>\n                    <div class=\"mv-icon-container\" aria-hidden=\"true\">\n                        <span class=\"sr-only\">Icono de visi\u00f3n<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n                            <path d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z\"\/>\n                            <path d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h2 id=\"vision-titulo\">VISI\u00d3N UTO<\/h2>\n                <\/div>\n                <div class=\"mv-content-text\">\n                    <p>La Universidad T\u00e9cnica de Oruro es una instituci\u00f3n p\u00fablica y aut\u00f3noma con liderazgo en la ense\u00f1anza superior, con prestigio nacional e internacional por su excelencia acad\u00e9mica, su contribuci\u00f3n a la ciencia, a la tecnolog\u00eda y a la sociedad.<\/p>\n                <\/div>\n            <\/article>\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Misi\u00f3n y Visi\u00f3n UTO Icono de misi\u00f3n MISI\u00d3N UTO En el marco de su autonom\u00eda, forma profesionales con capacidades y valores suficientes para contribuir al desarrollo de la regi\u00f3n y del pa\u00eds mediante sus conocimientos cient\u00edficos y tecnol\u00f3gicos con calidad y pertinencia social, promoviendo la inclusi\u00f3n social, los derechos humanos y respeto al medio ambiente. [&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-87","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":"Misi\u00f3n y Visi\u00f3n UTO Icono de misi\u00f3n MISI\u00d3N UTO En el marco de su autonom\u00eda, forma profesionales con capacidades y valores suficientes para contribuir al desarrollo de la regi\u00f3n y del pa\u00eds mediante sus conocimientos cient\u00edficos y tecnol\u00f3gicos con calidad y pertinencia social, promoviendo la inclusi\u00f3n social, los derechos humanos y respeto al medio ambiente.&hellip;","_links":{"self":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/87","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=87"}],"version-history":[{"count":17,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":1228,"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=\/wp\/v2\/pages\/87\/revisions\/1228"}],"wp:attachment":[{"href":"https:\/\/www.uto.edu.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}