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 .floating-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n overflow: hidden;\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 <div class=\"floating-bg\">\n <div class=\"floating-element\" style=\"width: 300px; height: 300px; top: 10%; left: 5%; animation-delay: 0s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 400px; height: 400px; bottom: 15%; right: 5%; animation-delay: 2s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 250px; height: 250px; top: 50%; left: 30%; animation-delay: 4s;\"><\/div>\n <\/div>\n \n <div class=\"mission-wrapper\">\n <div class=\"mission-content\">\n \n <div class=\"mission-text\">\n <p>\u00abLa Direcci\u00f3n de Apoyo a la Prevenci\u00f3n del Consumo de Drogas, Control del Tr\u00e1fico Il\u00edcito de Sustancias Controladas y Coca Excedentaria – <span class=\"highlight\">DIPREVCON<\/span>, es una instituci\u00f3n p\u00fablica desconcentrada <span class=\"highlight\">bajo dependencia del Ministerio de Gobierno<\/span> con sede en la ciudad de La Paz, misma que podr\u00e1 establecer oficinas en todo el territorio del Estado Plurinacional de Bolivia.\u00bb<\/p>\n <\/div>\n <\/div>\n \n <div class=\"mission-image\">\n <div class=\"image-frame\">\n <img decoding=\"async\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/DJI_0887-scaled.jpg\" 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<!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>DIPREVCON – Objeto<\/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.90rem; \/* 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 <div class=\"floating-bg\">\n <div class=\"floating-element\" style=\"width: 300px; height: 300px; top: 10%; left: 5%; animation-delay: 0s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 400px; height: 400px; bottom: 15%; right: 5%; animation-delay: 2s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 250px; height: 250px; top: 50%; left: 30%; animation-delay: 4s;\"><\/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<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>La DIPREVCON tiene por objeto apoyar a la ejecuci\u00f3n de la pol\u00edtica en materia de prevenci\u00f3n integral del consumo y lucha contra el tr\u00e1fico il\u00edcito de sustancias controladas y de cultivos excedentarios de coca<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"color: #34495e; font-size: 25px; text-align: justify; line-height: 1.6; font-family: inherit;\">\nDe acuerdo al Art. 7 del D.S. N\u00b0 4456, se establecen las siguientes funciones para la DIPREVCON:\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Abastecimiento al Personal<\/strong><br>La DIPREVCON adquiere, gestiona, distribuye y fortalece con los materiales necesarios al personal civil, militar y policial encargado de la erradicaci\u00f3n del narcotr\u00e1fico y la hoja de coca excedentaria.\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"572\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_1.jpg\" alt=\"\" class=\"wp-image-1296\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_1.jpg 572w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_1-300x147.jpg 300w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"692\" height=\"283\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_2.jpg\" alt=\"\" class=\"wp-image-1295\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_2.jpg 692w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_2-300x123.jpg 300w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Entrega de Equipamiento a las Fuerzas<\/strong><br>Realizamos de manera continua la entrega de suministros y servicios a las fuerzas destinadas \na combatir el narcotr\u00e1fico en diversos puntos del pa\u00eds.\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li><strong>Apoyo a la reactivaci\u00f3n econ\u00f3mica<\/strong><br>Buscamos contratar mano de obra boliviana para los materiales y servicios requeridos.\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_3.jpg\" alt=\"\" class=\"wp-image-1294\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_3.jpg 559w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_3-300x151.jpg 300w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_4.jpg\" alt=\"\" class=\"wp-image-1293\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_4.jpg 675w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_4-300x125.jpg 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li><strong>Sociabilizaci\u00f3n con la poblaci\u00f3n<\/strong><br>Apoyo a la reactivaci\u00f3n econ\u00f3mica\nInformamos a la poblaci\u00f3n sobre las funciones, objetivos y metas de la DIPREVCON, recorriendo Bolivia durante todo el a\u00f1o.\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Capacitaci\u00f3n a las Fuerzas de lucha contra el narcotr\u00e1fico<\/strong><br>\nOfrecemos capacitaci\u00f3n continua a todas las fuerzas involucradas en la lucha contra el narcotr\u00e1fico.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_5.jpg\" alt=\"\" class=\"wp-image-1292\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_5.jpg 697w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_5-300x121.jpg 300w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"279\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_6.jpg\" alt=\"\" class=\"wp-image-1291\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_6.jpg 675w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_6-300x124.jpg 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Coordinaci\u00f3n de Operativos<\/strong><br>\nCoordinamos constantemente operativos con todas las fuerzas antinarc\u00f3ticos, de erradicaci\u00f3n de coca, incluyendo operativos de rescate a la poblaci\u00f3n.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La DIPREVCON es creada mediante Decreto Supremo N\u00b04456, 21 de enero de 2021, donde en su Articulo 6\u00b0 establece la naturaleza jur\u00eddica y objeto: Ministerio de Gobierno – Misi\u00f3n \u00abLa Direcci\u00f3n de Apoyo a la Prevenci\u00f3n del Consumo de Drogas, Control del Tr\u00e1fico Il\u00edcito de Sustancias Controladas y Coca Excedentaria – DIPREVCON, es una instituci\u00f3n […]<\/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-135","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":69,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":1661,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/135\/revisions\/1661"}],"wp:attachment":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\nLa DIPREVCON<\/strong> es creada mediante Decreto Supremo N\u00b04456, 21 de enero de 2021, donde en su Articulo 6\u00b0 establece la naturaleza jur\u00eddica y objeto:\n<\/div>\n\n\n\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 .floating-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n overflow: hidden;\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 <div class=\"floating-bg\">\n <div class=\"floating-element\" style=\"width: 300px; height: 300px; top: 10%; left: 5%; animation-delay: 0s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 400px; height: 400px; bottom: 15%; right: 5%; animation-delay: 2s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 250px; height: 250px; top: 50%; left: 30%; animation-delay: 4s;\"><\/div>\n <\/div>\n \n <div class=\"mission-wrapper\">\n <div class=\"mission-content\">\n \n <div class=\"mission-text\">\n <p>\u00abLa Direcci\u00f3n de Apoyo a la Prevenci\u00f3n del Consumo de Drogas, Control del Tr\u00e1fico Il\u00edcito de Sustancias Controladas y Coca Excedentaria – <span class=\"highlight\">DIPREVCON<\/span>, es una instituci\u00f3n p\u00fablica desconcentrada <span class=\"highlight\">bajo dependencia del Ministerio de Gobierno<\/span> con sede en la ciudad de La Paz, misma que podr\u00e1 establecer oficinas en todo el territorio del Estado Plurinacional de Bolivia.\u00bb<\/p>\n <\/div>\n <\/div>\n \n <div class=\"mission-image\">\n <div class=\"image-frame\">\n <img decoding=\"async\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/DJI_0887-scaled.jpg\" 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<!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>DIPREVCON – Objeto<\/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.90rem; \/* 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 <div class=\"floating-bg\">\n <div class=\"floating-element\" style=\"width: 300px; height: 300px; top: 10%; left: 5%; animation-delay: 0s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 400px; height: 400px; bottom: 15%; right: 5%; animation-delay: 2s;\"><\/div>\n <div class=\"floating-element\" style=\"width: 250px; height: 250px; top: 50%; left: 30%; animation-delay: 4s;\"><\/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<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>La DIPREVCON tiene por objeto apoyar a la ejecuci\u00f3n de la pol\u00edtica en materia de prevenci\u00f3n integral del consumo y lucha contra el tr\u00e1fico il\u00edcito de sustancias controladas y de cultivos excedentarios de coca<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"color: #34495e; font-size: 25px; text-align: justify; line-height: 1.6; font-family: inherit;\">\nDe acuerdo al Art. 7 del D.S. N\u00b0 4456, se establecen las siguientes funciones para la DIPREVCON:\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Abastecimiento al Personal<\/strong><br>La DIPREVCON adquiere, gestiona, distribuye y fortalece con los materiales necesarios al personal civil, militar y policial encargado de la erradicaci\u00f3n del narcotr\u00e1fico y la hoja de coca excedentaria.\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"572\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_1.jpg\" alt=\"\" class=\"wp-image-1296\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_1.jpg 572w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_1-300x147.jpg 300w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"692\" height=\"283\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_2.jpg\" alt=\"\" class=\"wp-image-1295\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_2.jpg 692w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_2-300x123.jpg 300w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Entrega de Equipamiento a las Fuerzas<\/strong><br>Realizamos de manera continua la entrega de suministros y servicios a las fuerzas destinadas \na combatir el narcotr\u00e1fico en diversos puntos del pa\u00eds.\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li><strong>Apoyo a la reactivaci\u00f3n econ\u00f3mica<\/strong><br>Buscamos contratar mano de obra boliviana para los materiales y servicios requeridos.\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_3.jpg\" alt=\"\" class=\"wp-image-1294\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_3.jpg 559w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_3-300x151.jpg 300w\" sizes=\"auto, (max-width: 559px) 100vw, 559px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_4.jpg\" alt=\"\" class=\"wp-image-1293\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_4.jpg 675w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_4-300x125.jpg 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li><strong>Sociabilizaci\u00f3n con la poblaci\u00f3n<\/strong><br>Apoyo a la reactivaci\u00f3n econ\u00f3mica\nInformamos a la poblaci\u00f3n sobre las funciones, objetivos y metas de la DIPREVCON, recorriendo Bolivia durante todo el a\u00f1o.\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Capacitaci\u00f3n a las Fuerzas de lucha contra el narcotr\u00e1fico<\/strong><br>\nOfrecemos capacitaci\u00f3n continua a todas las fuerzas involucradas en la lucha contra el narcotr\u00e1fico.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"697\" height=\"281\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_5.jpg\" alt=\"\" class=\"wp-image-1292\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_5.jpg 697w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_5-300x121.jpg 300w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"279\" src=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_6.jpg\" alt=\"\" class=\"wp-image-1291\" srcset=\"https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_6.jpg 675w, https:\/\/diprevcon.mingobierno.gob.bo\/wp-content\/uploads\/2025\/09\/objetivos_6-300x124.jpg 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<style>\n .modern-card {\n list-style: none;\n padding: 0;\n max-width: 800px;\n margin: 0 auto;\n font-family: 'Arial', sans-serif;\n }\n \n .modern-card li {\n background: linear-gradient(145deg, #ffffff, #f0f0f0);\n padding: 20px 25px;\n margin-bottom: 15px;\n border-radius: 10px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n border-left: 5px solid #4a6bff;\n text-align: justify;\n }\n \n .modern-card li:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n border-left: 5px solid #ff6b4a;\n }\n \n .modern-card li::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, rgba(74,107,255,0.1) 0%, rgba(255,255,255,0) 100%);\n transform: translateX(-100%);\n transition: transform 0.6s ease;\n }\n \n .modern-card li:hover::after {\n transform: translateX(100%);\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .modern-card li {\n animation: fadeIn 0.6s ease forwards;\n opacity: 0;\n }\n \n .modern-card li:nth-child(1) { animation-delay: 0.1s; }\n .modern-card li:nth-child(2) { animation-delay: 0.3s; }\n .modern-card li:nth-child(3) { animation-delay: 0.5s; }\n .modern-card li:nth-child(4) { animation-delay: 0.7s; }\n<\/style>\n\n<ul class=\"modern-card\">\n <li>\n<strong>Coordinaci\u00f3n de Operativos<\/strong><br>\nCoordinamos constantemente operativos con todas las fuerzas antinarc\u00f3ticos, de erradicaci\u00f3n de coca, incluyendo operativos de rescate a la poblaci\u00f3n.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La DIPREVCON es creada mediante Decreto Supremo N\u00b04456, 21 de enero de 2021, donde en su Articulo 6\u00b0 establece la naturaleza jur\u00eddica y objeto: Ministerio de Gobierno – Misi\u00f3n \u00abLa Direcci\u00f3n de Apoyo a la Prevenci\u00f3n del Consumo de Drogas, Control del Tr\u00e1fico Il\u00edcito de Sustancias Controladas y Coca Excedentaria – DIPREVCON, es una instituci\u00f3n […]<\/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-135","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":69,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":1661,"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=\/wp\/v2\/pages\/135\/revisions\/1661"}],"wp:attachment":[{"href":"https:\/\/diprevcon.mingobierno.gob.bo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}