{"id":622,"date":"2026-04-15T01:25:24","date_gmt":"2026-04-15T01:25:24","guid":{"rendered":"https:\/\/microdatos.bo\/?page_id=622"},"modified":"2026-04-15T02:34:00","modified_gmt":"2026-04-15T02:34:00","slug":"violencia","status":"publish","type":"page","link":"https:\/\/microdatos.bo\/index.php\/violencia\/","title":{"rendered":"Violencia"},"content":{"rendered":"\n<div class=\"coming-soon-container-xl\">\n  <div class=\"cs-box-xl\">\n    <div class=\"cs-top-bar-xl\"><\/div>\n\n    <h1 class=\"cs-fade-up-xl\">&#x23F3; Pr\u00f3ximamente<\/h1>\n    <h2 class=\"cs-fade-up-xl cs-d1-xl\">Nuevo apartado sobre violencia<\/h2>\n\n    <div class=\"cs-text-content-xl\">\n      <p class=\"cs-fade-up-xl cs-d2-xl\">\n        Estamos desarrollando una nueva secci\u00f3n informativa enfocada en la violencia en distintos contextos sociales. El objetivo es ofrecer contenido educativo, claro y responsable.\n      <\/p>\n      <p class=\"cs-fade-up-xl cs-d2-xl\">\n        Esta secci\u00f3n ayudar\u00e1 a comprender sus causas, consecuencias y formas de prevenci\u00f3n, con informaci\u00f3n accesible para todos los usuarios.\n      <\/p>\n    <\/div>\n\n    <div class=\"cs-info-banner-xl cs-fade-up-xl cs-d3-xl\">\n      <span class=\"cs-info-icon-xl\">!<\/span>\n      <p>Contenido educativo e informativo. No promueve ning\u00fan tipo de violencia.<\/p>\n    <\/div>\n\n    <div class=\"cs-hourglass-area-xl cs-fade-up-xl cs-d4-xl\">\n      <div class=\"cs-hg-wrap-xl\">\n        <div class=\"cs-sand-top-xl\"><\/div>\n        <div class=\"cs-sand-bottom-xl\"><\/div>\n        <div class=\"cs-trickle-xl\"><\/div>\n        <div class=\"cs-hg-border-xl\"><\/div>\n      <\/div>\n      <p class=\"cs-loading-text-xl\">Cargando contenido&#8230;<\/p>\n    <\/div>\n\n    <div class=\"cs-progress-section-xl cs-fade-up-xl cs-d5-xl\">\n      <div class=\"cs-prog-label-xl\">\n        <span>Avance del desarrollo<\/span>\n        <span>65%<\/span>\n      <\/div>\n      <div class=\"cs-prog-track-xl\">\n        <div class=\"cs-prog-fill-xl\"><\/div>\n      <\/div>\n      <p class=\"cs-estado-xl\">Estado: <strong>En desarrollo<\/strong><\/p>\n    <\/div>\n\n    <div class=\"cs-topics-xl cs-fade-up-xl cs-d5-xl\">\n      <div class=\"cs-topic-xl cs-blue-xl\">&#x1F4CA; Tipos de violencia<\/div>\n      <div class=\"cs-topic-xl cs-red-xl\">&#x1F3E0; Violencia en el hogar<\/div>\n      <div class=\"cs-topic-xl cs-yellow-xl\">&#x1F4DA; Violencia escolar<\/div>\n      <div class=\"cs-topic-xl cs-green-xl\">&#x1F310; Prevenci\u00f3n y sociedad<\/div>\n    <\/div>\n\n    <div class=\"cs-badge-wrap-xl cs-fade-up-xl cs-d6-xl\">\n      <span class=\"cs-badge-xl\">PR\u00d3XIMAMENTE<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* \u2500\u2500 ANIMACIONES M\u00c1S SUAVES Y VISIBLES \u2500\u2500 *\/\n@keyframes cs-fadeUpXl {\n  to { opacity: 1; transform: translateY(0); }\n}\n@keyframes cs-growBarXl {\n  from { width: 0; }\n  to   { width: 65%; }\n}\n@keyframes cs-pulseXl {\n  0%, 100% { transform: scale(1); opacity: 1; }\n  50%      { transform: scale(1.05); opacity: 0.95; }\n}\n\n\/* Fluidez del Reloj: Vaciado *\/\n@keyframes cs-sandDropXl {\n  0%, 10% { height: 45%; top: 6px; }\n  45%, 100% { height: 0%; top: 35px; }\n}\n\n\/* Fluidez del Reloj: Llenado *\/\n@keyframes cs-sandFillXl {\n  0%, 10% { height: 0%; }\n  45%, 100% { height: 45%; }\n}\n\n\/* Fluidez del Reloj: El giro (M\u00e1s lento y elegante) *\/\n@keyframes cs-hourFlipXl {\n  0%, 85% { transform: rotate(0deg); }\n  100%    { transform: rotate(180deg); }\n}\n\n\/* Fluidez del Reloj: El goteo continuo *\/\n@keyframes cs-trickleXl {\n  0%, 10% { opacity: 0; height: 0; }\n  11%, 40% { opacity: 1; height: 30px; }\n  45%, 100% { opacity: 0; height: 0; }\n}\n\n\/* \u2500\u2500 FADE-UP HELPERS \u2500\u2500 *\/\n.cs-fade-up-xl {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: cs-fadeUpXl 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n.cs-d1-xl { animation-delay: 0.1s; }\n.cs-d2-xl { animation-delay: 0.2s; }\n.cs-d3-xl { animation-delay: 0.3s; }\n.cs-d4-xl { animation-delay: 0.4s; }\n.cs-d5-xl { animation-delay: 0.5s; }\n.cs-d6-xl { animation-delay: 0.6s; }\n\n\/* \u2500\u2500 CONTENEDOR PRINCIPAL (M\u00c1S ANCHO) \u2500\u2500 *\/\n.coming-soon-container-xl {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 60px 20px;\n  background: #f9fafb;\n}\n\n\/* \u2500\u2500 CAJA (M\u00c1S ANCHA Y VISIBLE) \u2500\u2500 *\/\n.cs-box-xl {\n  max-width: 900px; \/* Aumentado considerablemente *\/\n  width: 100%;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  padding: 60px; \/* M\u00e1s espacio interno *\/\n  text-align: center;\n  box-shadow: 0 15px 40px rgba(0,0,0,0.05);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #1f2937;\n  box-sizing: border-box;\n}\n\n.cs-top-bar-xl {\n  height: 6px; \/* M\u00e1s gruesa *\/\n  border-radius: 10px;\n  background: linear-gradient(90deg, #facc15 0%, #1e3a8a 40%, #b91c1c 70%, #14532d 100%);\n  margin-bottom: 40px;\n}\n\n\/* \u2500\u2500 T\u00cdTULOS Y TEXTO (M\u00c1S GRANDES Y VISIBLES) \u2500\u2500 *\/\n.cs-box-xl h1 { font-size: 36px !important; font-weight: 800; color: #1e3a8a; margin-bottom: 15px !important; letter-spacing: -0.5px; }\n.cs-box-xl h2 { font-size: 24px !important; font-weight: 600; color: #b91c1c; margin-bottom: 25px !important; }\n.cs-text-content-xl { max-width: 750px; margin: 0 auto; }\n.cs-box-xl p { font-size: 17px !important; color: #4b5563; line-height: 1.7; margin-bottom: 15px; }\n\n\/* \u2500\u2500 BANNER INFO \u2500\u2500 *\/\n.cs-info-banner-xl {\n  display: flex;\n  align-items: center;\n  gap: 15px;\n  background: #fffbeb;\n  border-left: 5px solid #facc15;\n  border-radius: 6px 10px 10px 6px;\n  padding: 20px;\n  margin: 30px auto 40px;\n  text-align: left;\n  max-width: 750px;\n}\n.cs-info-icon-xl {\n  width: 26px; height: 26px; background: #facc15; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  font-weight: bold; color: #713f12; font-size: 15px; flex-shrink: 0;\n}\n.cs-info-banner-xl p { margin: 0 !important; font-size: 15px !important; color: #854d0e !important; font-weight: 500;}\n\n\/* \u2500\u2500 RELOJ DE ARENA (UN POCO M\u00c1S GRANDE) \u2500\u2500 *\/\n.cs-hourglass-area-xl {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 40px;\n}\n.cs-hg-wrap-xl {\n  width: 50px; \/* M\u00e1s grande *\/\n  height: 75px; \/* M\u00e1s grande *\/\n  position: relative;\n  animation: cs-hourFlipXl 6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;\n}\n.cs-sand-top-xl {\n  position: absolute;\n  left: 8px; width: 34px;\n  background: #facc15;\n  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\n  animation: cs-sandDropXl 6s linear infinite;\n}\n.cs-sand-bottom-xl {\n  position: absolute;\n  left: 8px; bottom: 6px; width: 34px;\n  background: #facc15;\n  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  animation: cs-sandFillXl 6s linear infinite;\n}\n.cs-trickle-xl {\n  position: absolute;\n  left: 50%; top: 35px;\n  width: 3px; height: 30px;\n  background: #facc15;\n  transform: translateX(-50%);\n  animation: cs-trickleXl 6s linear infinite;\n}\n.cs-hg-border-xl {\n  position: absolute;\n  inset: 0;\n  border: 4px solid #1e3a8a; \/* M\u00e1s grueso *\/\n  border-radius: 6px 6px 16px 16px;\n  clip-path: polygon(0 0, 100% 0, 100% 45%, 65% 50%, 100% 55%, 100% 100%, 0 100%, 0 55%, 35% 50%, 0 45%);\n}\n.cs-loading-text-xl { font-size: 14px !important; color: #6b7280 !important; margin-top: 15px !important; font-weight: 500; }\n\n\/* \u2500\u2500 PROGRESO (M\u00c1S VISIBLE) \u2500\u2500 *\/\n.cs-progress-section-xl { max-width: 750px; margin: 0 auto 40px; }\n.cs-prog-label-xl { display: flex; justify-content: space-between; font-size: 15px; color: #4b5563; margin-bottom: 10px; font-weight: 500; }\n.cs-prog-track-xl { height: 16px; \/* M\u00e1s gruesa *\/ background: #f3f4f6; border-radius: 10px; overflow: hidden; }\n.cs-prog-fill-xl { height: 100%; background: linear-gradient(90deg, #1e3a8a, #14532d); border-radius: 10px; animation: cs-growBarXl 2.5s ease-out forwards; }\n.cs-estado-xl { font-size: 16px !important; margin-top: 12px !important; color: #4b5563 !important; }\n\n\/* \u2500\u2500 TOPICS \u2500\u2500 *\/\n.cs-topics-xl { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px auto 40px; max-width: 750px; }\n.cs-topic-xl {\n  padding: 18px; border-radius: 12px; font-size: 15px; font-weight: 700;\n  transition: all 0.3s ease;\n}\n.cs-topic-xl:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }\n.cs-blue-xl  { background: #1e3a8a; color: #fff; }\n.cs-red-xl   { background: #b91c1c; color: #fff; }\n.cs-yellow-xl { background: #facc15; color: #422006; }\n.cs-green-xl  { background: #14532d; color: #fff; }\n\n.cs-badge-xl {\n  display: inline-block; padding: 10px 30px; border-radius: 30px;\n  background: #1e3a8a; color: #fff; font-size: 12px; font-weight: 800;\n  letter-spacing: 1.5px; animation: cs-pulseXl 2.5s infinite;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .cs-box-xl { padding: 40px 25px; }\n  .cs-box-xl h1 { font-size: 28px !important; }\n  .cs-box-xl h2 { font-size: 20px !important; }\n  .cs-box-xl p { font-size: 16px !important; }\n}\n@media (max-width: 480px) {\n  .cs-topics-xl { grid-template-columns: 1fr; }\n  .cs-info-banner-xl { flex-direction: column; text-align: center; }\n}\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#x23F3; Pr\u00f3ximamente Nuevo apartado sobre violencia Estamos desarrollando una nueva secci\u00f3n informativa enfocada en la violencia en distintos contextos sociales. El objetivo es ofrecer contenido educativo,<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-622","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages\/622","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=622"}],"version-history":[{"count":12,"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages\/622\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/pages\/622\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/microdatos.bo\/index.php\/wp-json\/wp\/v2\/media?parent=622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}