{"id":692,"date":"2026-04-16T21:25:52","date_gmt":"2026-04-16T21:25:52","guid":{"rendered":"https:\/\/microdatos.bo\/?page_id=692"},"modified":"2026-04-16T21:25:53","modified_gmt":"2026-04-16T21:25:53","slug":"inicio","status":"publish","type":"page","link":"https:\/\/microdatos.bo\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Centro Microdatos &#8211; Inicio<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800&display=swap');\n\n        \/* =========================================\n           RESET & BASE \u2014 MOBILE FIRST\n        ========================================= *\/\n        *, *::before, *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        :root {\n            --verde:     #2d5744;\n            --amarillo:  #ffaa00;\n            --blanco:    #ffffff;\n            --font:      'Outfit', sans-serif;\n        }\n\n        body {\n            font-family: var(--font);\n            background: #f5f5f5;\n            overflow-x: hidden;\n        }\n\n        \/* =========================================\n           CONTENEDOR PRINCIPAL\n        ========================================= *\/\n        .md-wrap {\n            width: 100%;\n            max-width: 1500px;\n            margin: 0 auto;\n            padding: 0;          \/* Sin padding en m\u00f3vil: todo edge-to-edge *\/\n        }\n\n        \/* =========================================\n           CARRUSEL \u2014 BASE M\u00d3VIL\n        ========================================= *\/\n        .md-hero {\n            position: relative;\n            width: calc(100% - 10px); \/* Margen suave lateral *\/\n            margin: 10px auto 25px;   \/* Centrado con margen *\/\n            height: 70vw;             \/* M\u00e1s alto en m\u00f3vil para impacto *\/\n            min-height: 380px;\n            max-height: 600px;\n            overflow: hidden;\n            background: #000;\n            border-radius: 25px;      \/* Bordes suaves rifados *\/\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        }\n\n        \/* Slide *\/\n        .md-slide {\n            position: absolute;\n            inset: 0;\n            opacity: 0;\n            transition: opacity 1.2s ease;\n            display: flex;\n            flex-direction: column;\n            align-items: center;       \/* Centrado horizontal *\/\n            justify-content: center;   \/* Centrado vertical (Subido) *\/\n            padding: 20px;             \/* Padding uniforme *\/\n            text-align: center;\n        }\n\n        .md-slide.active {\n            opacity: 1;\n            z-index: 5;\n        }\n\n        \/* Imagen de fondo del slide *\/\n        .md-slide img {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n            filter: brightness(0.6);\n        }\n\n        \/* Caja de texto sobre la imagen *\/\n        .md-text-box {\n            position: relative;\n            z-index: 10;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 16px;\n            width: 100%;\n            max-width: 700px;\n            animation: slideUp 0.7s ease-out both;\n        }\n\n        @keyframes slideUp {\n            from { opacity: 0; transform: translateY(24px); }\n            to   { opacity: 1; transform: translateY(0); }\n        }\n\n        .md-text-box h2 {\n            font-size: clamp(1.4rem, 7vw, 4rem);\n            font-weight: 800;\n            color: #fff !important;\n            line-height: 1.15;\n            text-shadow: 0 2px 16px rgba(0,0,0,0.55);\n            white-space: normal;       \/* Permite salto de l\u00ednea en m\u00f3vil *\/\n            word-break: break-word;\n        }\n\n        \/* Bot\u00f3n *\/\n        .md-btn {\n            display: inline-block;\n            padding: clamp(10px, 2.5vw, 16px) clamp(22px, 5vw, 45px);\n            background: var(--verde);\n            color: #fff !important;\n            font-family: var(--font);\n            font-weight: 700;\n            font-size: clamp(0.7rem, 2.5vw, 0.9rem);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            text-decoration: none;\n            border-radius: 50px;\n            border: 2px solid rgba(255,255,255,0.2);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.2);\n            transition: background 0.35s ease, transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease;\n            white-space: nowrap;\n        }\n\n        .md-btn:hover {\n            background: var(--amarillo);\n            color: #fff !important;\n            transform: translateY(-7px) scale(1.05);\n            box-shadow: 0 16px 32px rgba(255,170,0,0.35);\n            border-color: var(--amarillo);\n        }\n\n        \/* Barra de progreso *\/\n        .md-progress-wrap {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: rgba(255,255,255,0.15);\n            z-index: 20;\n        }\n        .md-progress-line {\n            height: 100%;\n            width: 0%;\n            background: var(--amarillo);\n            box-shadow: 0 0 8px var(--amarillo);\n        }\n\n        \/* =========================================\n           SECCI\u00d3N PUBLICACIONES \u2014 BASE M\u00d3VIL\n        ========================================= *\/\n        .md-section-title {\n            font-size: clamp(1.4rem, 5vw, 2.2rem);\n            font-weight: 800;\n            color: var(--verde);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 32px 16px 20px;\n        }\n\n        .md-section-title::before {\n            content: \"\";\n            flex-shrink: 0;\n            width: 32px;\n            height: 4px;\n            background: var(--amarillo);\n            border-radius: 2px;\n        }\n\n        \/* Grid: 1 columna en m\u00f3vil *\/\n        .md-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 24px;\n            padding: 0 0 48px;\n        }\n\n        \/* Card *\/\n        .md-card {\n            width: calc(100% - 10px); \/* Margen m\u00ednimo para que se vean grandes *\/\n            margin: 0 auto 28px;      \n            border-radius: 20px;      \/* Bordes suaves muy vivos *\/\n            overflow: hidden;\n            cursor: pointer;\n            background: #fff;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\n        }\n\n        .md-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n        }\n\n        \/* Imagen de la card \u2014 Proporci\u00f3n recuperada para mayor tama\u00f1o *\/\n        .md-card-img {\n            width: 100%;\n            aspect-ratio: 1 \/ 1.1;   \/* Imagen m\u00e1s alta para impacto total *\/\n            overflow: hidden;\n        }\n\n        .md-card-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: top center; \/* Mostrar la parte superior (logos) *\/\n            display: block;\n            transition: transform 0.6s ease;\n        }\n\n        .md-card:hover .md-card-img img {\n            transform: scale(1.06);\n        }\n\n        \/* Caja amarilla *\/\n        .md-card-yellow {\n            background: var(--amarillo);\n            color: #fff;\n            padding: 14px 18px;\n            font-weight: 600;\n            font-size: clamp(0.85rem, 3vw, 1.05rem);\n            line-height: 1.35;\n        }\n\n        \/* =========================================\n           TABLET (\u2265 600px)\n        ========================================= *\/\n        @media (min-width: 600px) {\n\n            .md-wrap { padding: 0 12px; }\n\n            .md-hero { \n                width: 100%;\n                border-radius: 12px; \n                height: 50vw;\n            }\n\n            .md-slide {\n                padding: 0 32px 48px;\n            }\n\n            .md-section-title { padding: 40px 0 24px; }\n\n            .md-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 20px;\n                padding-bottom: 60px;\n            }\n\n            .md-card {\n                border-radius: 16px;\n            }\n\n            .md-card-img {\n                aspect-ratio: 3 \/ 4;  \/* Un poco m\u00e1s alto en tablet *\/\n            }\n        }\n\n        \/* =========================================\n           DESKTOP (\u2265 1024px)\n        ========================================= *\/\n        @media (min-width: 1024px) {\n\n            .md-wrap { padding: 20px 20px; }\n\n            .md-hero {\n                height: 600px;\n                max-height: 600px;\n                border-radius: 20px;\n                box-shadow: 0 25px 50px rgba(0,0,0,0.2);\n            }\n\n            .md-slide {\n                align-items: flex-start;   \/* Texto a la izquierda en desktop *\/\n                justify-content: flex-end;\n                padding: 0 6% 80px;\n                text-align: left;\n            }\n\n            .md-text-box {\n                align-items: flex-start;\n            }\n\n            .md-section-title { padding: 60px 0 30px; }\n\n            .md-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 40px;\n                padding-bottom: 80px;\n            }\n\n            .md-card { border-radius: 20px; }\n\n            .md-card-img {\n                height: 580px;\n                aspect-ratio: unset;   \/* Altura fija en desktop *\/\n            }\n\n            .md-card-yellow {\n                font-size: 1.1rem;\n                padding: 18px 22px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"md-wrap\">\n\n    <!-- ===== CARRUSEL ===== -->\n    <div class=\"md-hero\">\n\n        <div class=\"md-slide active\">\n            <img decoding=\"async\" src=\"https:\/\/microdatos.bo\/wp-content\/uploads\/2016\/01\/home_accountant_slide.jpg\" alt=\"Centro Microdatos\">\n            <div class=\"md-text-box\">\n                <h2>Centro de Microdatos<\/h2>\n                <a href=\"https:\/\/microdatos.bo\/index.php\/acerca\/\" class=\"md-btn\">Qui\u00e9nes Somos<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"md-slide\">\n            <img decoding=\"async\" src=\"https:\/\/microdatos.bo\/wp-content\/uploads\/2022\/09\/stock-1863880_1280-1.jpg\" alt=\"Noticias\">\n            <div class=\"md-text-box\">\n                <h2>Noticias<\/h2>\n                <a href=\"https:\/\/microdatos.bo\/index.php\/noticias\/\" class=\"md-btn\">Ingresar<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"md-slide\">\n            <img decoding=\"async\" src=\"https:\/\/microdatos.bo\/wp-content\/uploads\/2022\/09\/IMG_1424.jpg\" alt=\"Microdatos\">\n            <div class=\"md-text-box\">\n                <h2>Microdatos<\/h2>\n                <a href=\"https:\/\/microdatos.bo\/index.php\/guardia-municipal\/\" class=\"md-btn\">Guardia Municipal<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"md-progress-wrap\">\n            <div class=\"md-progress-line\" id=\"mdLine\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ===== PUBLICACIONES ===== -->\n    <h2 class=\"md-section-title\">Publicaciones recientes<\/h2>\n\n    <div class=\"md-grid\">\n\n        <div class=\"md-card\" onclick=\"window.location.href='https:\/\/microdatos.bo\/index.php\/2023\/03\/30\/presentacion-exclusivamente-para-miembros-de-la-prensa\/'\">\n            <div class=\"md-card-img\">\n                <img decoding=\"async\" src=\"https:\/\/microdatos.bo\/wp-content\/uploads\/2023\/03\/sistema-financiero-2-1.png\" alt=\"Presentaci\u00f3n para prensa\">\n            <\/div>\n            <div class=\"md-card-yellow\">\n                Presentaci\u00f3n exclusivamente para miembros de la prensa\n            <\/div>\n        <\/div>\n\n        <div class=\"md-card\" onclick=\"window.location.href='https:\/\/microdatos.bo\/index.php\/2023\/03\/24\/consejos-para-sobrellevar-el-contexto-actual\/'\">\n            <div class=\"md-card-img\">\n                <img decoding=\"async\" src=\"https:\/\/microdatos.bo\/wp-content\/uploads\/2023\/03\/sistema-financiero-1-1.png\" alt=\"Consejos contexto actual\">\n            <\/div>\n            <div class=\"md-card-yellow\">\n                Consejos para sobrellevar el contexto actual\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const slides = document.querySelectorAll(\".md-slide\");\n    const line   = document.getElementById(\"mdLine\");\n    let current  = 0;\n    const TIME   = 6000;\n\n    function resetLine() {\n        line.style.transition = \"none\";\n        line.style.width = \"0%\";\n        requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n                line.style.transition = `width ${TIME}ms linear`;\n                line.style.width = \"100%\";\n            });\n        });\n    }\n\n    function rotate() {\n        slides[current].classList.remove(\"active\");\n        current = (current + 1) % slides.length;\n        slides[current].classList.add(\"active\");\n\n        const box = slides[current].querySelector(\".md-text-box\");\n        box.style.animation = \"none\";\n        void box.offsetWidth;\n        box.style.animation = \"slideUp 0.7s ease-out both\";\n\n        resetLine();\n    }\n\n    resetLine();\n    setInterval(rotate, TIME);\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Centro Microdatos &#8211; Inicio Centro de Microdatos Qui\u00e9nes Somos Noticias Ingresar Microdatos Guardia Municipal Publicaciones recientes Presentaci\u00f3n exclusivamente para miembros de la prensa Consejos para sobrellevar<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-692","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages\/692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/comments?post=692"}],"version-history":[{"count":1,"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages\/692\/revisions"}],"predecessor-version":[{"id":693,"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages\/692\/revisions\/693"}],"wp:attachment":[{"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/media?parent=692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}