Ministerio de Gobierno – Misi\u00f3n<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .mission-wrapper {\n display: flex;\n max-width: 1200px;\n margin: 50px auto;\n gap: 40px;\n padding: 0 20px;\n position: relative;\n }\n \n .mission-content {\n flex: 1;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .mission-content::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n background: linear-gradient(to bottom, #2c3e50, #3498db);\n }\n \n .mission-image {\n width: 40%;\n display: flex;\n align-items: center;\n opacity: 0;\n animation: fadeIn 1s forwards 0.8s;\n position: relative;\n }\n \n .image-frame {\n width: 100%;\n height: auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border: 8px solid white;\n transition: transform 0.5s ease-out;\n will-change: transform;\n }\n \n .image-frame img {\n width: 100%;\n height: auto;\n display: block;\n }\n \n h1 {\n color: #2c3e50;\n font-size: 2.5rem;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n h1::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 60px;\n height: 4px;\n background: #3498db;\n border-radius: 2px;\n }\n \n p {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 25px;\n text-align: justify;\n }\n \n .mission-text {\n border-left: 3px solid #eaeaea;\n padding-left: 20px;\n margin: 30px 0;\n transition: all 0.3s ease;\n }\n \n .mission-text:hover {\n border-left-color: #3498db;\n transform: translateX(5px);\n }\n \n .highlight {\n font-weight: 600;\n color: #2c3e50;\n position: relative;\n display: inline-block;\n }\n \n .highlight::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40%;\n background-color: rgba(52, 152, 219, 0.2);\n z-index: -1;\n transition: height 0.3s ease;\n }\n \n .highlight:hover::after {\n height: 60%;\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n \n \n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n\n \/* Responsive para m\u00f3viles *\/\n @media (max-width: 768px) {\n .mission-wrapper {\n flex-direction: column;\n gap: 20px;\n }\n \n .mission-image {\n width: 100%;\n order: -1;\n }\n \n .mission-content {\n padding: 20px;\n }\n \n .image-frame {\n transform: none !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"mission-wrapper\">\n <div class=\"mission-content\">\n <h1>MISI\u00d3N<\/h1>\n \n <div class=\"mission-text\">\n <p>\u00abEl <span class=\"highlight\">Ministerio de Gobierno<\/span> propone y desarrolla pol\u00edticas y normas para garantizar la <span class=\"highlight\">seguridad p\u00fablica<\/span>, fortaleciendo la lucha contra el <span class=\"highlight\">narcotr\u00e1fico<\/span>, efectivizando estrategias de prevenci\u00f3n y lucha contra el crimen, regulando el ingreso, tr\u00e1nsito, permanencia y salida de personas en territorio boliviano, velando por un <span class=\"highlight\">sistema penitenciario<\/span> que promueva la reinserci\u00f3n de las personas privadas de libertad, y asegurando el ejercicio pleno de los <span class=\"highlight\">derechos<\/span>, garant\u00edas constitucionales y el fortalecimiento de un <span class=\"highlight\">gobierno democr\u00e1tico<\/span>.\u00bb<\/p>\n <\/div>\n <\/div>\n \n <div class=\"mission-image\">\n <div class=\"image-frame\">\n <img decoding=\"async\" src=\"https:\/\/web.mingobierno.gob.bo\/wp-content\/uploads\/2025\/08\/image.png\" alt=\"Ministerio de Gobierno\">\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Efecto de movimiento vertical con el cursor\n document.addEventListener('DOMContentLoaded', function() {\n const imageFrame = document.querySelector('.image-frame');\n const missionWrapper = document.querySelector('.mission-wrapper');\n \n \/\/ Efecto de aparici\u00f3n para elementos destacados\n const highlights = document.querySelectorAll('.highlight');\n highlights.forEach((highlight, index) => {\n highlight.style.opacity = '0';\n highlight.style.transform = 'translateY(10px)';\n highlight.style.transition = `all 0.5s ease ${index * 0.1}s`;\n setTimeout(() => {\n highlight.style.opacity = '1';\n highlight.style.transform = 'translateY(0)';\n }, 100);\n });\n \n \/\/ Movimiento de la imagen con el cursor\n if (imageFrame && window.innerWidth > 768) {\n missionWrapper.addEventListener('mousemove', (e) => {\n const wrapperRect = missionWrapper.getBoundingClientRect();\n const relativeY = e.clientY - wrapperRect.top;\n const wrapperCenterY = wrapperRect.height \/ 2;\n const distanceFromCenter = relativeY - wrapperCenterY;\n \n \/\/ Movimiento suave (20% del movimiento del cursor)\n const moveDistance = distanceFromCenter * 0.2;\n \n imageFrame.style.transform = `translateY(${moveDistance}px)`;\n });\n \n \/\/ Resetear posici\u00f3n cuando el mouse sale\n missionWrapper.addEventListener('mouseleave', () => {\n imageFrame.style.transform = 'translateY(0)';\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>Ministerio de Gobierno – Visi\u00f3n<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .vision-wrapper {\n display: flex;\n max-width: 1200px;\n margin: 50px auto;\n gap: 40px;\n padding: 0 20px;\n position: relative;\n }\n \n .vision-content {\n flex: 1;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .vision-content::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n background: linear-gradient(to bottom, #2c3e50, #3498db);\n }\n \n .vision-image {\n width: 40%;\n display: flex;\n align-items: center;\n opacity: 0;\n animation: fadeIn 1s forwards 0.8s;\n position: relative;\n order: -1; \/* Mueve la imagen a la izquierda *\/\n }\n \n .image-frame {\n width: 100%;\n height: auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border: 8px solid white;\n transition: transform 0.5s ease-out;\n will-change: transform;\n }\n \n .image-frame img {\n width: 100%;\n height: auto;\n display: block;\n }\n \n h1 {\n color: #2c3e50;\n font-size: 2rem; \/* Tama\u00f1o reducido *\/\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n }\n \n h1::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 50px;\n height: 3px;\n background: #3498db;\n border-radius: 2px;\n }\n \n p {\n font-size: 0.95rem; \/* Tama\u00f1o reducido *\/\n line-height: 1.6;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .vision-text {\n border-left: 3px solid #eaeaea;\n padding-left: 15px;\n margin: 20px 0;\n transition: all 0.3s ease;\n }\n \n .vision-text:hover {\n border-left-color: #3498db;\n transform: translateX(5px);\n }\n \n .highlight {\n font-weight: 600;\n color: #2c3e50;\n position: relative;\n display: inline-block;\n font-size: 0.95rem; \/* Tama\u00f1o consistente *\/\n }\n \n .highlight::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40%;\n background-color: rgba(52, 152, 219, 0.2);\n z-index: -1;\n transition: height 0.3s ease;\n }\n \n .highlight:hover::after {\n height: 60%;\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n\n \/* Responsive para m\u00f3viles *\/\n @media (max-width: 768px) {\n .vision-wrapper {\n flex-direction: column;\n gap: 20px;\n }\n \n .vision-image {\n width: 100%;\n order: -1;\n }\n \n .vision-content {\n padding: 20px;\n }\n \n .image-frame {\n transform: none !important;\n }\n \n h1 {\n font-size: 1.8rem;\n }\n \n p {\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"vision-wrapper\">\n <div class=\"vision-image\">\n <div class=\"image-frame\">\n <img decoding=\"async\" src=\"https:\/\/web.mingobierno.gob.bo\/wp-content\/uploads\/2025\/08\/image-1-1024x576.png\" alt=\"Ministerio de Gobierno - Visi\u00f3n\">\n <\/div>\n <\/div>\n \n <div class=\"vision-content\">\n <h1>VISI\u00d3N<\/h1>\n \n <div class=\"vision-text\">\n <p>\u00abEl <span class=\"highlight\">Ministerio de Gobierno<\/span> garantiza la <span class=\"highlight\">seguridad ciudadana<\/span>, el <span class=\"highlight\">orden p\u00fablico<\/span>, la paz y defensa de la sociedad a trav\u00e9s de pol\u00edticas p\u00fablicas efectivas, logrando la convergencia de esfuerzos de instituciones p\u00fablicas y privadas, generando la confianza y participaci\u00f3n ciudadana en la construcci\u00f3n del <span class=\"highlight\">vivir bien<\/span>.\u00bb<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Efecto de movimiento vertical con el cursor\n document.addEventListener('DOMContentLoaded', function() {\n const imageFrame = document.querySelector('.vision-wrapper .image-frame');\n const visionWrapper = document.querySelector('.vision-wrapper');\n \n \/\/ Efecto de aparici\u00f3n para elementos destacados\n const highlights = document.querySelectorAll('.highlight');\n highlights.forEach((highlight, index) => {\n highlight.style.opacity = '0';\n highlight.style.transform = 'translateY(10px)';\n highlight.style.transition = `all 0.5s ease ${index * 0.1}s`;\n setTimeout(() => {\n highlight.style.opacity = '1';\n highlight.style.transform = 'translateY(0)';\n }, 100);\n });\n \n \/\/ Movimiento de la imagen con el cursor\n if (imageFrame && window.innerWidth > 768) {\n visionWrapper.addEventListener('mousemove', (e) => {\n const wrapperRect = visionWrapper.getBoundingClientRect();\n const relativeY = e.clientY - wrapperRect.top;\n const wrapperCenterY = wrapperRect.height \/ 2;\n const distanceFromCenter = relativeY - wrapperCenterY;\n \n \/\/ Movimiento suave (20% del movimiento del cursor)\n const moveDistance = distanceFromCenter * 0.2;\n \n imageFrame.style.transform = `translateY(${moveDistance}px)`;\n });\n \n \/\/ Resetear posici\u00f3n cuando el mouse sale\n visionWrapper.addEventListener('mouseleave', () => {\n imageFrame.style.transform = 'translateY(0)';\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>Ministerio de Gobierno – Valores<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .values-wrapper {\n display: flex;\n max-width: 1200px;\n margin: 50px auto;\n gap: 40px;\n padding: 0 20px;\n position: relative;\n }\n \n .values-content {\n flex: 1;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .values-content::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n background: linear-gradient(to bottom, #2c3e50, #3498db);\n }\n \n .values-image {\n width: 40%;\n display: flex;\n align-items: center;\n opacity: 0;\n animation: fadeIn 1s forwards 0.8s;\n position: relative;\n order: -1;\n }\n \n .image-frame {\n width: 100%;\n height: auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border: 8px solid white;\n transition: transform 0.5s ease-out;\n will-change: transform;\n }\n \n .image-frame img {\n width: 100%;\n height: auto;\n display: block;\n }\n \n h1 {\n color: #2c3e50;\n font-size: 2rem;\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n }\n \n h1::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 50px;\n height: 3px;\n background: #3498db;\n border-radius: 2px;\n }\n \n .values-list {\n list-style-type: none;\n padding: 0;\n margin: 20px 0;\n }\n \n .value-item {\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 20px;\n padding-left: 15px;\n position: relative;\n border-left: 3px solid #eaeaea;\n transition: all 0.3s ease;\n }\n \n .value-item:hover {\n border-left-color: #3498db;\n transform: translateX(5px);\n }\n \n .value-item::before {\n content: '\u2022';\n color: #3498db;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .highlight {\n font-weight: 600;\n color: #2c3e50;\n position: relative;\n display: inline-block;\n font-size: 0.95rem;\n }\n \n .highlight::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40%;\n background-color: rgba(52, 152, 219, 0.2);\n z-index: -1;\n transition: height 0.3s ease;\n }\n \n .highlight:hover::after {\n height: 60%;\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n\n \/* Responsive para m\u00f3viles *\/\n @media (max-width: 768px) {\n .values-wrapper {\n flex-direction: column;\n gap: 20px;\n }\n \n .values-image {\n width: 100%;\n order: -1;\n }\n \n .values-content {\n padding: 20px;\n }\n \n .image-frame {\n transform: none !important;\n }\n \n h1 {\n font-size: 1.8rem;\n }\n \n .value-item {\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n \n <div class=\"values-content\">\n <h1>VALORES<\/h1>\n \n <ul class=\"values-list\">\n <li class=\"value-item\"><span class=\"highlight\">Trabajo en equipo<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Trabajo orientado a la calidad del servicio<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Innovaci\u00f3n y creatividad<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Liderazgo<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Transparencia<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Eficiencia<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Responsabilidad<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Compromiso social<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Respeto<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Pluralidad<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n<\/body>\n<\/html>\n\n\n\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>Ministerio de Gobierno – Principios<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .principios-container {\n max-width: 800px;\n margin: 50px auto;\n padding: 0 20px;\n }\n \n .principios-header {\n text-align: center;\n margin-bottom: 40px;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .principios-header h1 {\n color: #2c3e50;\n font-size: 2.2rem;\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n }\n \n .principios-header 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: #3498db;\n border-radius: 2px;\n }\n \n .principios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n }\n \n .principio-card {\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.6s forwards;\n }\n \n .principio-card:nth-child(1) { animation-delay: 0.4s; }\n .principio-card:nth-child(2) { animation-delay: 0.6s; }\n .principio-card:nth-child(3) { animation-delay: 0.8s; }\n \n .principio-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);\n }\n \n .principio-title {\n color: #3498db;\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 2px solid #f0f0f0;\n display: flex;\n align-items: center;\n }\n \n .principio-title::before {\n content: '\u2713';\n display: inline-block;\n margin-right: 10px;\n color: #2ecc71;\n font-size: 1.5rem;\n }\n \n .principio-item {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .principio-item strong {\n color: #2c3e50;\n font-weight: 600;\n }\n \n .principio-item span {\n display: block;\n font-style: italic;\n color: #7f8c8d;\n margin-top: 5px;\n font-size: 0.9rem;\n }\n \n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n .principios-header h1 {\n font-size: 1.8rem;\n }\n \n .principios-grid {\n grid-template-columns: 1fr;\n }\n \n .principio-card {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"principios-container\">\n <div class=\"principios-header\">\n <h1>PRINCIPIOS \u00c9TICOS<\/h1>\n <p>Valores fundamentales que gu\u00edan nuestra labor institucional<\/p>\n <\/div>\n \n <div class=\"principios-grid\">\n <div class=\"principio-card\">\n <div class=\"principio-title\">Ama Sua<\/div>\n <div class=\"principio-item\">\n <strong>No seas ladr\u00f3n<\/strong>\n <span>Janiw Lunthata<\/span>\n <\/div>\n <p>Promovemos la honestidad y transparencia en todas nuestras acciones, rechazando cualquier forma de corrupci\u00f3n o apropiaci\u00f3n indebida.<\/p>\n <\/div>\n \n <div class=\"principio-card\">\n <div class=\"principio-title\">Ama Llulla<\/div>\n <div class=\"principio-item\">\n <strong>No seas mentiroso<\/strong>\n <span>Janiw K’arisiri<\/span>\n <\/div>\n <p>Valoramos la verdad como fundamento de la confianza institucional, manteniendo siempre comunicaci\u00f3n veraz con la ciudadan\u00eda.<\/p>\n <\/div>\n \n <div class=\"principio-card\">\n <div class=\"principio-title\">Ama Quella<\/div>\n <div class=\"principio-item\">\n <strong>No seas flojo<\/strong>\n <span>Janiw Jayra<\/span>\n <\/div>\n <p>Fomentamos la cultura del trabajo diligente y el esfuerzo constante para brindar un servicio p\u00fablico de excelencia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ministerio de Gobierno – Misi\u00f3n MISI\u00d3N \u00abEl Ministerio de Gobierno propone y desarrolla pol\u00edticas y normas para garantizar la seguridad p\u00fablica, fortaleciendo la lucha contra el narcotr\u00e1fico, efectivizando estrategias de prevenci\u00f3n y lucha contra el crimen, regulando el ingreso, tr\u00e1nsito, permanencia y salida de personas en territorio boliviano, velando por un sistema penitenciario que promueva […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":55,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":2402,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/2402"}],"wp:attachment":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":41,"date":"2025-06-27T17:47:00","date_gmt":"2025-06-27T15:47:00","guid":{"rendered":"http:\/\/localhost\/proyecto_n\/wordpress\/?page_id=41"},"modified":"2025-11-20T21:13:30","modified_gmt":"2025-11-20T20:13:30","slug":"41-2","status":"publish","type":"page","link":"https:\/\/web.mingobierno.gob.bo\/?page_id=41","title":{"rendered":"Misi\u00f3n, Visi\u00f3n, Valores y Principios de la Entidad"},"content":{"rendered":"\n\n\n\n \n \n Ministerio de Gobierno – Misi\u00f3n<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .mission-wrapper {\n display: flex;\n max-width: 1200px;\n margin: 50px auto;\n gap: 40px;\n padding: 0 20px;\n position: relative;\n }\n \n .mission-content {\n flex: 1;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .mission-content::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n background: linear-gradient(to bottom, #2c3e50, #3498db);\n }\n \n .mission-image {\n width: 40%;\n display: flex;\n align-items: center;\n opacity: 0;\n animation: fadeIn 1s forwards 0.8s;\n position: relative;\n }\n \n .image-frame {\n width: 100%;\n height: auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border: 8px solid white;\n transition: transform 0.5s ease-out;\n will-change: transform;\n }\n \n .image-frame img {\n width: 100%;\n height: auto;\n display: block;\n }\n \n h1 {\n color: #2c3e50;\n font-size: 2.5rem;\n margin-bottom: 20px;\n position: relative;\n display: inline-block;\n }\n \n h1::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 0;\n width: 60px;\n height: 4px;\n background: #3498db;\n border-radius: 2px;\n }\n \n p {\n font-size: 1.1rem;\n line-height: 1.8;\n margin-bottom: 25px;\n text-align: justify;\n }\n \n .mission-text {\n border-left: 3px solid #eaeaea;\n padding-left: 20px;\n margin: 30px 0;\n transition: all 0.3s ease;\n }\n \n .mission-text:hover {\n border-left-color: #3498db;\n transform: translateX(5px);\n }\n \n .highlight {\n font-weight: 600;\n color: #2c3e50;\n position: relative;\n display: inline-block;\n }\n \n .highlight::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40%;\n background-color: rgba(52, 152, 219, 0.2);\n z-index: -1;\n transition: height 0.3s ease;\n }\n \n .highlight:hover::after {\n height: 60%;\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n \n \n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n\n \/* Responsive para m\u00f3viles *\/\n @media (max-width: 768px) {\n .mission-wrapper {\n flex-direction: column;\n gap: 20px;\n }\n \n .mission-image {\n width: 100%;\n order: -1;\n }\n \n .mission-content {\n padding: 20px;\n }\n \n .image-frame {\n transform: none !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"mission-wrapper\">\n <div class=\"mission-content\">\n <h1>MISI\u00d3N<\/h1>\n \n <div class=\"mission-text\">\n <p>\u00abEl <span class=\"highlight\">Ministerio de Gobierno<\/span> propone y desarrolla pol\u00edticas y normas para garantizar la <span class=\"highlight\">seguridad p\u00fablica<\/span>, fortaleciendo la lucha contra el <span class=\"highlight\">narcotr\u00e1fico<\/span>, efectivizando estrategias de prevenci\u00f3n y lucha contra el crimen, regulando el ingreso, tr\u00e1nsito, permanencia y salida de personas en territorio boliviano, velando por un <span class=\"highlight\">sistema penitenciario<\/span> que promueva la reinserci\u00f3n de las personas privadas de libertad, y asegurando el ejercicio pleno de los <span class=\"highlight\">derechos<\/span>, garant\u00edas constitucionales y el fortalecimiento de un <span class=\"highlight\">gobierno democr\u00e1tico<\/span>.\u00bb<\/p>\n <\/div>\n <\/div>\n \n <div class=\"mission-image\">\n <div class=\"image-frame\">\n <img decoding=\"async\" src=\"https:\/\/web.mingobierno.gob.bo\/wp-content\/uploads\/2025\/08\/image.png\" alt=\"Ministerio de Gobierno\">\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Efecto de movimiento vertical con el cursor\n document.addEventListener('DOMContentLoaded', function() {\n const imageFrame = document.querySelector('.image-frame');\n const missionWrapper = document.querySelector('.mission-wrapper');\n \n \/\/ Efecto de aparici\u00f3n para elementos destacados\n const highlights = document.querySelectorAll('.highlight');\n highlights.forEach((highlight, index) => {\n highlight.style.opacity = '0';\n highlight.style.transform = 'translateY(10px)';\n highlight.style.transition = `all 0.5s ease ${index * 0.1}s`;\n setTimeout(() => {\n highlight.style.opacity = '1';\n highlight.style.transform = 'translateY(0)';\n }, 100);\n });\n \n \/\/ Movimiento de la imagen con el cursor\n if (imageFrame && window.innerWidth > 768) {\n missionWrapper.addEventListener('mousemove', (e) => {\n const wrapperRect = missionWrapper.getBoundingClientRect();\n const relativeY = e.clientY - wrapperRect.top;\n const wrapperCenterY = wrapperRect.height \/ 2;\n const distanceFromCenter = relativeY - wrapperCenterY;\n \n \/\/ Movimiento suave (20% del movimiento del cursor)\n const moveDistance = distanceFromCenter * 0.2;\n \n imageFrame.style.transform = `translateY(${moveDistance}px)`;\n });\n \n \/\/ Resetear posici\u00f3n cuando el mouse sale\n missionWrapper.addEventListener('mouseleave', () => {\n imageFrame.style.transform = 'translateY(0)';\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>Ministerio de Gobierno – Visi\u00f3n<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .vision-wrapper {\n display: flex;\n max-width: 1200px;\n margin: 50px auto;\n gap: 40px;\n padding: 0 20px;\n position: relative;\n }\n \n .vision-content {\n flex: 1;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .vision-content::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n background: linear-gradient(to bottom, #2c3e50, #3498db);\n }\n \n .vision-image {\n width: 40%;\n display: flex;\n align-items: center;\n opacity: 0;\n animation: fadeIn 1s forwards 0.8s;\n position: relative;\n order: -1; \/* Mueve la imagen a la izquierda *\/\n }\n \n .image-frame {\n width: 100%;\n height: auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border: 8px solid white;\n transition: transform 0.5s ease-out;\n will-change: transform;\n }\n \n .image-frame img {\n width: 100%;\n height: auto;\n display: block;\n }\n \n h1 {\n color: #2c3e50;\n font-size: 2rem; \/* Tama\u00f1o reducido *\/\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n }\n \n h1::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 50px;\n height: 3px;\n background: #3498db;\n border-radius: 2px;\n }\n \n p {\n font-size: 0.95rem; \/* Tama\u00f1o reducido *\/\n line-height: 1.6;\n margin-bottom: 20px;\n text-align: justify;\n }\n \n .vision-text {\n border-left: 3px solid #eaeaea;\n padding-left: 15px;\n margin: 20px 0;\n transition: all 0.3s ease;\n }\n \n .vision-text:hover {\n border-left-color: #3498db;\n transform: translateX(5px);\n }\n \n .highlight {\n font-weight: 600;\n color: #2c3e50;\n position: relative;\n display: inline-block;\n font-size: 0.95rem; \/* Tama\u00f1o consistente *\/\n }\n \n .highlight::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40%;\n background-color: rgba(52, 152, 219, 0.2);\n z-index: -1;\n transition: height 0.3s ease;\n }\n \n .highlight:hover::after {\n height: 60%;\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n\n \/* Responsive para m\u00f3viles *\/\n @media (max-width: 768px) {\n .vision-wrapper {\n flex-direction: column;\n gap: 20px;\n }\n \n .vision-image {\n width: 100%;\n order: -1;\n }\n \n .vision-content {\n padding: 20px;\n }\n \n .image-frame {\n transform: none !important;\n }\n \n h1 {\n font-size: 1.8rem;\n }\n \n p {\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"vision-wrapper\">\n <div class=\"vision-image\">\n <div class=\"image-frame\">\n <img decoding=\"async\" src=\"https:\/\/web.mingobierno.gob.bo\/wp-content\/uploads\/2025\/08\/image-1-1024x576.png\" alt=\"Ministerio de Gobierno - Visi\u00f3n\">\n <\/div>\n <\/div>\n \n <div class=\"vision-content\">\n <h1>VISI\u00d3N<\/h1>\n \n <div class=\"vision-text\">\n <p>\u00abEl <span class=\"highlight\">Ministerio de Gobierno<\/span> garantiza la <span class=\"highlight\">seguridad ciudadana<\/span>, el <span class=\"highlight\">orden p\u00fablico<\/span>, la paz y defensa de la sociedad a trav\u00e9s de pol\u00edticas p\u00fablicas efectivas, logrando la convergencia de esfuerzos de instituciones p\u00fablicas y privadas, generando la confianza y participaci\u00f3n ciudadana en la construcci\u00f3n del <span class=\"highlight\">vivir bien<\/span>.\u00bb<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Efecto de movimiento vertical con el cursor\n document.addEventListener('DOMContentLoaded', function() {\n const imageFrame = document.querySelector('.vision-wrapper .image-frame');\n const visionWrapper = document.querySelector('.vision-wrapper');\n \n \/\/ Efecto de aparici\u00f3n para elementos destacados\n const highlights = document.querySelectorAll('.highlight');\n highlights.forEach((highlight, index) => {\n highlight.style.opacity = '0';\n highlight.style.transform = 'translateY(10px)';\n highlight.style.transition = `all 0.5s ease ${index * 0.1}s`;\n setTimeout(() => {\n highlight.style.opacity = '1';\n highlight.style.transform = 'translateY(0)';\n }, 100);\n });\n \n \/\/ Movimiento de la imagen con el cursor\n if (imageFrame && window.innerWidth > 768) {\n visionWrapper.addEventListener('mousemove', (e) => {\n const wrapperRect = visionWrapper.getBoundingClientRect();\n const relativeY = e.clientY - wrapperRect.top;\n const wrapperCenterY = wrapperRect.height \/ 2;\n const distanceFromCenter = relativeY - wrapperCenterY;\n \n \/\/ Movimiento suave (20% del movimiento del cursor)\n const moveDistance = distanceFromCenter * 0.2;\n \n imageFrame.style.transform = `translateY(${moveDistance}px)`;\n });\n \n \/\/ Resetear posici\u00f3n cuando el mouse sale\n visionWrapper.addEventListener('mouseleave', () => {\n imageFrame.style.transform = 'translateY(0)';\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\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>Ministerio de Gobierno – Valores<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .values-wrapper {\n display: flex;\n max-width: 1200px;\n margin: 50px auto;\n gap: 40px;\n padding: 0 20px;\n position: relative;\n }\n \n .values-content {\n flex: 1;\n padding: 30px;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .values-content::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 8px;\n height: 100%;\n background: linear-gradient(to bottom, #2c3e50, #3498db);\n }\n \n .values-image {\n width: 40%;\n display: flex;\n align-items: center;\n opacity: 0;\n animation: fadeIn 1s forwards 0.8s;\n position: relative;\n order: -1;\n }\n \n .image-frame {\n width: 100%;\n height: auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n border: 8px solid white;\n transition: transform 0.5s ease-out;\n will-change: transform;\n }\n \n .image-frame img {\n width: 100%;\n height: auto;\n display: block;\n }\n \n h1 {\n color: #2c3e50;\n font-size: 2rem;\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n }\n \n h1::after {\n content: '';\n position: absolute;\n bottom: -8px;\n left: 0;\n width: 50px;\n height: 3px;\n background: #3498db;\n border-radius: 2px;\n }\n \n .values-list {\n list-style-type: none;\n padding: 0;\n margin: 20px 0;\n }\n \n .value-item {\n font-size: 0.95rem;\n line-height: 1.6;\n margin-bottom: 20px;\n padding-left: 15px;\n position: relative;\n border-left: 3px solid #eaeaea;\n transition: all 0.3s ease;\n }\n \n .value-item:hover {\n border-left-color: #3498db;\n transform: translateX(5px);\n }\n \n .value-item::before {\n content: '\u2022';\n color: #3498db;\n font-weight: bold;\n position: absolute;\n left: 0;\n }\n \n .highlight {\n font-weight: 600;\n color: #2c3e50;\n position: relative;\n display: inline-block;\n font-size: 0.95rem;\n }\n \n .highlight::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 40%;\n background-color: rgba(52, 152, 219, 0.2);\n z-index: -1;\n transition: height 0.3s ease;\n }\n \n .highlight:hover::after {\n height: 60%;\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n\n \/* Responsive para m\u00f3viles *\/\n @media (max-width: 768px) {\n .values-wrapper {\n flex-direction: column;\n gap: 20px;\n }\n \n .values-image {\n width: 100%;\n order: -1;\n }\n \n .values-content {\n padding: 20px;\n }\n \n .image-frame {\n transform: none !important;\n }\n \n h1 {\n font-size: 1.8rem;\n }\n \n .value-item {\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n \n <div class=\"values-content\">\n <h1>VALORES<\/h1>\n \n <ul class=\"values-list\">\n <li class=\"value-item\"><span class=\"highlight\">Trabajo en equipo<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Trabajo orientado a la calidad del servicio<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Innovaci\u00f3n y creatividad<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Liderazgo<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Transparencia<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Eficiencia<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Responsabilidad<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Compromiso social<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Respeto<\/span><\/li>\n <li class=\"value-item\"><span class=\"highlight\">Pluralidad<\/span><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n<\/body>\n<\/html>\n\n\n\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>Ministerio de Gobierno – Principios<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap');\n \n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #f5f7fa;\n margin: 0;\n padding: 0;\n color: #333;\n overflow-x: hidden;\n cursor: default;\n }\n \n .principios-container {\n max-width: 800px;\n margin: 50px auto;\n padding: 0 20px;\n }\n \n .principios-header {\n text-align: center;\n margin-bottom: 40px;\n transform: translateY(20px);\n opacity: 0;\n animation: fadeInUp 0.8s forwards 0.3s;\n }\n \n .principios-header h1 {\n color: #2c3e50;\n font-size: 2.2rem;\n margin-bottom: 15px;\n position: relative;\n display: inline-block;\n }\n \n .principios-header 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: #3498db;\n border-radius: 2px;\n }\n \n .principios-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n }\n \n .principio-card {\n background: white;\n border-radius: 12px;\n padding: 25px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.6s forwards;\n }\n \n .principio-card:nth-child(1) { animation-delay: 0.4s; }\n .principio-card:nth-child(2) { animation-delay: 0.6s; }\n .principio-card:nth-child(3) { animation-delay: 0.8s; }\n \n .principio-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);\n }\n \n .principio-title {\n color: #3498db;\n font-size: 1.3rem;\n font-weight: 700;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 2px solid #f0f0f0;\n display: flex;\n align-items: center;\n }\n \n .principio-title::before {\n content: '\u2713';\n display: inline-block;\n margin-right: 10px;\n color: #2ecc71;\n font-size: 1.5rem;\n }\n \n .principio-item {\n margin-bottom: 15px;\n line-height: 1.6;\n }\n \n .principio-item strong {\n color: #2c3e50;\n font-weight: 600;\n }\n \n .principio-item span {\n display: block;\n font-style: italic;\n color: #7f8c8d;\n margin-top: 5px;\n font-size: 0.9rem;\n }\n \n \n \n @keyframes float {\n 0%, 100% {\n transform: translate(0, 0);\n }\n 25% {\n transform: translate(50px, 50px);\n }\n 50% {\n transform: translate(0, 100px);\n }\n 75% {\n transform: translate(-50px, 50px);\n }\n }\n \n @keyframes fadeInUp {\n from {\n transform: translateY(20px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n }\n \n \/* Responsive *\/\n @media (max-width: 768px) {\n .principios-header h1 {\n font-size: 1.8rem;\n }\n \n .principios-grid {\n grid-template-columns: 1fr;\n }\n \n .principio-card {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <div class=\"principios-container\">\n <div class=\"principios-header\">\n <h1>PRINCIPIOS \u00c9TICOS<\/h1>\n <p>Valores fundamentales que gu\u00edan nuestra labor institucional<\/p>\n <\/div>\n \n <div class=\"principios-grid\">\n <div class=\"principio-card\">\n <div class=\"principio-title\">Ama Sua<\/div>\n <div class=\"principio-item\">\n <strong>No seas ladr\u00f3n<\/strong>\n <span>Janiw Lunthata<\/span>\n <\/div>\n <p>Promovemos la honestidad y transparencia en todas nuestras acciones, rechazando cualquier forma de corrupci\u00f3n o apropiaci\u00f3n indebida.<\/p>\n <\/div>\n \n <div class=\"principio-card\">\n <div class=\"principio-title\">Ama Llulla<\/div>\n <div class=\"principio-item\">\n <strong>No seas mentiroso<\/strong>\n <span>Janiw K’arisiri<\/span>\n <\/div>\n <p>Valoramos la verdad como fundamento de la confianza institucional, manteniendo siempre comunicaci\u00f3n veraz con la ciudadan\u00eda.<\/p>\n <\/div>\n \n <div class=\"principio-card\">\n <div class=\"principio-title\">Ama Quella<\/div>\n <div class=\"principio-item\">\n <strong>No seas flojo<\/strong>\n <span>Janiw Jayra<\/span>\n <\/div>\n <p>Fomentamos la cultura del trabajo diligente y el esfuerzo constante para brindar un servicio p\u00fablico de excelencia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ministerio de Gobierno – Misi\u00f3n MISI\u00d3N \u00abEl Ministerio de Gobierno propone y desarrolla pol\u00edticas y normas para garantizar la seguridad p\u00fablica, fortaleciendo la lucha contra el narcotr\u00e1fico, efectivizando estrategias de prevenci\u00f3n y lucha contra el crimen, regulando el ingreso, tr\u00e1nsito, permanencia y salida de personas en territorio boliviano, velando por un sistema penitenciario que promueva […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=41"}],"version-history":[{"count":55,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":2402,"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/41\/revisions\/2402"}],"wp:attachment":[{"href":"https:\/\/web.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}