{"id":7215,"date":"2025-09-19T14:27:21","date_gmt":"2025-09-19T19:27:21","guid":{"rendered":"https:\/\/d1tribunaladministrativodelmagdalena.com\/?page_id=7215"},"modified":"2026-02-27T18:27:08","modified_gmt":"2026-02-27T23:27:08","slug":"difusion-de-jurisprudecia-de-whatsapp","status":"publish","type":"page","link":"https:\/\/d1tribunaladministrativodelmagdalena.com\/?page_id=7215","title":{"rendered":"Difusi\u00f3n de Jurisprudecia de Whatsapp"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7215\" class=\"elementor elementor-7215\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca4da9f elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca4da9f\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-89967a2\" data-id=\"89967a2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37ec38e elementor-widget elementor-widget-heading\" data-id=\"37ec38e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Difusi\u00f3n de Jurisprudecia de Whatsapp<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2cf8f98 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2cf8f98\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-372857c\" data-id=\"372857c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f7a13d align-center heading-big heading-default elementor-widget elementor-widget-mae-headings\" data-id=\"8f7a13d\" data-element_type=\"widget\" data-widget_type=\"mae-headings.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"master-heading sep-none\">\n\t\t\t\t        \n\t        \n\t        \t        <h2 class=\"main-heading\"> <span class=\"text-gradient-1\">Buscador de difusiones<\/span><\/h2>\n\t        \n\t        \n\t        \t    <\/div>\n\t    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-72fb06d e-con-full e-flex e-con e-parent\" data-id=\"72fb06d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9cda9e elementor-widget elementor-widget-html\" data-id=\"e9cda9e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Buscador de difusiones<\/title>\r\n  <style>\r\n    :root {\r\n               \/* fondo gris suave *\/\r\n      --card: #ffffff;\r\n      --text: #1f2937;\r\n      --muted: #6b7280;\r\n      --primary: #2563eb;\r\n      --primary-contrast: #ffffff;\r\n      --ring: rgba(37, 99, 235, .25);\r\n    }\r\n    html { scroll-behavior: smooth; } \/* scroll suave global *\/\r\n\r\n    body {\r\n      margin: 0;\r\n      font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n      background: linear-gradient(180deg, var(--bg), #dfe4ee);\r\n      color: var(--text);\r\n      min-height: 100dvh;\r\n      display: grid;\r\n      place-items: center;\r\n      padding: 24px;\r\n    }\r\n    .search-card {\r\n      width: 100%;\r\n      max-width: 100%;            \/* faltaba ; *\/\r\n      background: var(--card);\r\n      border-radius: 16px;\r\n      box-shadow:\r\n        0 14px 40px rgba(0,0,0,.08),\r\n        0 6px 16px rgba(0,0,0,.05);\r\n      padding: 20px;\r\n      border: 1px solid #e5e7eb;\r\n    }\r\n    .search-title {\r\n      margin: 0 0 12px 0;\r\n      font-size: 2.125rem;\r\n      font-weight: 700;\r\n      letter-spacing: .2px;\r\n    }\r\n    .search-subtitle {\r\n      margin: 0 0 20px 0;\r\n      color: var(--muted);\r\n      font-size: 1.35rem;\r\n    }\r\n    .row {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 10px;\r\n      align-items: center;\r\n    }\r\n    .input {\r\n      width: 100%;\r\n      padding: 14px 16px;\r\n      border-radius: 12px;\r\n      border: 5px solid #e5e7eb;\r\n      background: #f3f4f6;\r\n      font-size: 1rem;\r\n      line-height: 1.25rem;\r\n      outline: none;\r\n      transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;\r\n      box-shadow:\r\n        0 1px 2px rgba(0,0,0,.05),\r\n        0 4px 10px rgba(0,0,0,.04);\r\n    }\r\n    .input::placeholder { color: #9ca3af; }\r\n    .input:focus {\r\n      border-color: var(--primary);\r\n      box-shadow:\r\n        0 0 0 4px var(--ring),\r\n        0 6px 18px rgba(37, 99, 235, .12),\r\n        0 2px 6px rgba(0,0,0,.06);\r\n    }\r\n    .btn {\r\n      padding: 12px 18px;\r\n      border-radius: 12px;\r\n      border: 1px solid transparent;\r\n      background: var(--primary);\r\n      color: var(--primary-contrast);\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      font-size: 1rem;\r\n      line-height: 1rem;\r\n      transition: filter .15s ease, transform .02s ease;\r\n      min-width: 112px;\r\n      margin-top: -15px;\r\n    }\r\n    .btn:active { transform: translateY(1px); }\r\n    .hint {\r\n      margin-top: 12px;\r\n      color: var(--muted);\r\n      font-size: .875rem;\r\n    }\r\n    .countdown {\r\n      margin-top: 14px;\r\n      font-size: .95rem;\r\n      color: #374151;\r\n      background: #f3f4f6;\r\n      border: 1px solid #e5e7eb;\r\n      border-radius: 10px;\r\n      padding: 10px 12px;\r\n      display: none; \/* visible solo si hay ?difusion= *\/\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <main class=\"search-card\" role=\"region\" aria-label=\"Buscador por difusi\u00f3n\">\r\n    <h1 class=\"search-title\">Buscador de difusiones<\/h1>\r\n    <p class=\"search-subtitle\">\r\n      Suscr\u00edbete gratis a nuestro servicio de difusi\u00f3n jurisprudencial por WhatsApp escribi\u00e9ndonos al n\u00famero: 319 415 3703\r\n    <\/p>\r\n\r\n    <div class=\"row\">\r\n      <input\r\n        id=\"searchInput\"\r\n        class=\"input\"\r\n        type=\"text\"\r\n        placeholder=\"Nombre de la difusi\u00f3n\"\r\n        aria-label=\"Nombre de la difusi\u00f3n\"\r\n        autocomplete=\"off\"\r\n      \/>\r\n      <button id=\"searchBtn\" class=\"btn\" type=\"button\" aria-label=\"Buscar\">\r\n        Buscar\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <p id=\"countdown\" class=\"countdown\" aria-live=\"polite\"><\/p>\r\n  <\/main>\r\n\r\n  <script>\r\n    (function () {\r\n      \/\/ ====== Configuraci\u00f3n ======\r\n      const TARGET_BASE_URL = \"https:\/\/despacho01sitiodeinnovacionlegal.com\/buscador\";\r\n      const TARGET_PARAM = \"search\";\r\n      const SOURCE_PARAM = \"difusion\";\r\n      const COUNTDOWN_SECONDS = 10;\r\n\r\n      \/\/ ====== Utilidades ======\r\n      function getQueryParam(name) {\r\n        const params = new URLSearchParams(window.location.search);\r\n        let value = params.get(name);\r\n        if (value == null) return null;\r\n        try { value = value.replace(\/\\+\/g, \" \"); } catch (_) {}\r\n        return value;\r\n      }\r\n\r\n      function goToSearch(term) {\r\n        const trimmed = (term || \"\").trim();\r\n        const url = `${TARGET_BASE_URL}?${TARGET_PARAM}=${encodeURIComponent(trimmed)}`;\r\n        window.location.href = url;\r\n      }\r\n\r\n      \/\/ ====== Elementos ======\r\n      const $input = document.getElementById(\"searchInput\");\r\n      const $btn = document.getElementById(\"searchBtn\");\r\n      const $countdown = document.getElementById(\"countdown\");\r\n\r\n      \/\/ ====== Scroll al cargar y foco en el input ======\r\n      \/\/ Espera a que el layout est\u00e9 listo y luego hace scroll al centro\r\n      window.requestAnimationFrame(() => {\r\n        \/\/ Evita que el foco \"salte\" al hacer scroll\r\n        $input.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\r\n        \/\/ Foca el input sin alterar el scroll final\r\n        setTimeout(() => $input.focus({ preventScroll: true }), 300);\r\n      });\r\n\r\n      \/\/ ====== Inicializaci\u00f3n del input desde ?difusion= ======\r\n      const initial = getQueryParam(SOURCE_PARAM);\r\n      if (initial && initial.trim() !== \"\") {\r\n        $input.value = initial;\r\n\r\n        \/\/ Mostrar y arrancar cuenta regresiva\r\n        let remaining = COUNTDOWN_SECONDS;\r\n        $countdown.style.display = \"block\";\r\n        $countdown.textContent = `Usted ser\u00e1 redirigido en ${remaining} segundos`;\r\n\r\n        const timer = setInterval(() => {\r\n          remaining -= 1;\r\n          if (remaining > 0) {\r\n            $countdown.textContent = `Usted ser\u00e1 redirigido en ${remaining} segundos`;\r\n          } else {\r\n            clearInterval(timer);\r\n            \/\/ Ejecuta la misma acci\u00f3n que el bot\u00f3n (usa el valor actual del input)\r\n            goToSearch($input.value);\r\n          }\r\n        }, 1000);\r\n      }\r\n\r\n      \/\/ ====== Eventos ======\r\n      $btn.addEventListener(\"click\", function () {\r\n        goToSearch($input.value);\r\n      });\r\n\r\n      \/\/ Permite buscar con Enter\r\n      $input.addEventListener(\"keydown\", function (e) {\r\n        if (e.key === \"Enter\") {\r\n          e.preventDefault();\r\n          goToSearch($input.value);\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33f2b50 e-flex e-con-boxed e-con e-parent\" data-id=\"33f2b50\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb328d5 elementor-widget elementor-widget-html\" data-id=\"bb328d5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Resultados de b\u00fasqueda<\/title>\r\n  <style>\r\n    :root{\r\n      --bg:#f3f4f6;\r\n      --text:#0f172a;\r\n      --muted:#475569;\r\n      --card:#ffffff;\r\n      --chip-bg:#e5e7eb;\r\n      --chip-fg:#111827;\r\n      --link:#0f172a;\r\n      \/* Bot\u00f3n: azul oscuro fijo *\/\r\n      --btn-bg:#162136;        \/* azul oscuro *\/\r\n      --btn-bg-hover:#162136;  \/* sin cambio de color *\/\r\n      --btn-left:#162136;      \/* panel izquierdo, a\u00fan m\u00e1s oscuro *\/\r\n      --btn-fg:#ffffff;\r\n    }\r\n\r\n    \/* Sin padding y sin altura fija *\/\r\n    html,body{ margin:0; }\r\n    body{\r\n      background: linear-gradient(180deg, var(--bg), #e9edf5);\r\n      color: var(--text);\r\n    }\r\n\r\n    .container{ width: 100%; }\r\n    .grid{ display:grid; grid-template-columns:1fr; gap:18px; }\r\n\r\n    .card{\r\n      background: var(--card);\r\n      border-radius: 14px;\r\n      box-shadow: 0 12px 24px rgba(0,0,0,.06);\r\n      border: 1px solid #e6e8ef;\r\n      padding: 22px 22px 16px; \/* padding interno de la card *\/\r\n      transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;\r\n    }\r\n    .card:hover{ box-shadow: 0 16px 32px rgba(0,0,0,.09); transform: translateY(-1px); border-color:#dde1ea; }\r\n\r\n    .title{\r\n      margin: 0 0 8px 0;\r\n      font-size: clamp(1.6rem, 2.2vw, 2rem);\r\n      line-height: 1.25;\r\n      font-weight: 800;\r\n      color: var(--link);\r\n      font-family: 'Poppins' !important;\r\n    }\r\n    .meta{\r\n      display:flex; gap:12px; align-items:center;\r\n      font-size: clamp(1.05rem, 1.6vw, 1.2rem);\r\n      color: var(--muted);\r\n      margin-bottom: 10px;\r\n    }\r\n    .type{\r\n      padding: 6px 12px;\r\n      border-radius: 999px;\r\n      border: 1px solid #cbd5e1;\r\n      background: #f8fafc;\r\n      color: #0f172a;\r\n      font-size: clamp(1rem, 1.4vw, 1.1rem);\r\n      font-weight: 700;\r\n    }\r\n\r\n    .description{\r\n      margin: 6px 0 12px 0;\r\n      color:#1f2937;\r\n      font-size: clamp(1.25rem, 2vw, 1.35rem);\r\n      line-height: 1.6;\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .chips{ display:flex; flex-wrap: wrap; gap:8px; margin-top:8px; }\r\n    .chip{\r\n      background: var(--chip-bg);\r\n      color: var(--chip-fg);\r\n      border: 1px solid #cbd5e1;\r\n      border-radius: 999px;\r\n      padding: 8px 14px;\r\n      font-size: clamp(1rem, 1.6vw, 1.1rem);\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .footer{ display:flex; justify-content:flex-end; margin-top: 14px; }\r\n\r\n    \/* ------- Bot\u00f3n \u201cSeguir leyendo\u201d (azul oscuro fijo) ------- *\/\r\n    a.continue-application{\r\n      --color: var(--btn-fg);\r\n      --background: var(--btn-bg);\r\n      --background-hover: var(--btn-bg-hover);\r\n      --background-left: var(--btn-left);\r\n      --folder: #F3E9CB;\r\n      --folder-inner: #BEB393;\r\n      --paper: #FFFFFF;\r\n      --paper-lines: #BBC1E1;\r\n      --paper-behind: #E1E6F9;\r\n      --pencil-cap: #FFFFFF;\r\n      --pencil-top: #93C5FD;\r\n      --pencil-middle: #FFFFFF;\r\n      --pencil-bottom:#60A5FA;\r\n\r\n      position:relative; display:inline-flex; align-items:center; text-decoration:none;\r\n      color:var(--btn-fg) !important;\r\n      background: var(--background);   \r\n      border-radius:10px; border:none; cursor:pointer;\r\n      font-size: clamp(1.05rem, 1.8vw, 1.2rem);\r\n      font-weight: 800; line-height: 1.4;\r\n      padding: 20px 36px 20px 80px;\r\n      transition: transform .05s ease;\r\n      box-shadow: 0 1px 1px rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.12);\r\n    }\r\n    a.continue-application{\r\n      background-color: var(--background) !important;\r\n    }\r\n    a.continue-application:visited{ color:var(--btn-fg) !important; }\r\n    a.continue-application:hover{ color:var(--btn-fg) !important; } \/* sin cambio de color de fondo *\/\r\n    a.continue-application > div{\r\n      position:absolute; inset:0 auto 0 0; width:60px; overflow:hidden; border-radius:10px 0 0 10px; background:var(--background-left);\r\n    }\r\n\r\n    .continue-application svg{ fill:var(--folder); }\r\n    .continue-application > div .folder{ width:26px; height:30px; position:absolute; left:16px; top:15px; }\r\n    .continue-application > div .folder .top{ position:absolute; left:0; top:0; z-index:2; transform:translateX(var(--fx,0)); transition:transform .4s ease var(--fd,.3s); }\r\n    .continue-application > div .folder .top svg{ width:26px; height:30px; transform-origin:0 50%; transition:transform .3s ease var(--fds,.45s); transform:perspective(120px) rotateY(var(--fr,0deg)); }\r\n\r\n    .continue-application > div .folder:before,\r\n    .continue-application > div .folder:after,\r\n    .continue-application > div .folder .paper{\r\n      content:\"\"; position:absolute; left:var(--l,0); top:var(--t,0); width:var(--w,100%); height:var(--h,100%);\r\n      border-radius:1px; background:var(--b,var(--folder-inner));\r\n    }\r\n    .continue-application > div .folder:before{ box-shadow:0 1.5px 3px rgba(0,0,0,.2), 0 2.5px 5px rgba(0,0,0,.2), 0 3.5px 7px rgba(0,0,0,.2); transform:translateX(var(--fx,0)); transition:transform .4s ease var(--fd,.3s); }\r\n    .continue-application > div .folder:after,\r\n    .continue-application > div .folder .paper{ --l:1px; --t:1px; --w:21px; --h:25px; --b:var(--paper-behind); }\r\n    .continue-application > div .folder .paper{ z-index:1; --b:var(--paper); }\r\n    .continue-application > div .folder .paper:before,\r\n    .continue-application > div .folder .paper:after{\r\n      content:\"\"; width:var(--wp,14px); height:2px; border-radius:1px; transform:scaleY(.5); left:3px; top:var(--tp,3px); position:absolute; background:var(--paper-lines);\r\n      box-shadow:0 12px 0 0 var(--paper-lines), 0 24px 0 0 var(--paper-lines);\r\n    }\r\n    .continue-application > div .folder .paper:after{ --tp:6px; --wp:10px; }\r\n\r\n    .continue-application > div .pencil{\r\n      height:2px; width:3px; border-radius:1px 1px 0 0; top:9px; left:105%; position:absolute; z-index:3;\r\n      transform-origin:50% 19px; background:var(--pencil-cap); transform:translateX(var(--pex,0)) rotate(35deg);\r\n      transition:transform .4s ease var(--pbd,0s);\r\n    }\r\n    .continue-application > div .pencil:before, .continue-application > div .pencil:after{\r\n      content:\"\"; position:absolute; display:block; background:linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%);\r\n      width:var(--w,5px); height:var(--h,20px); border-radius:var(--br,2px 2px 0 0); top:var(--t,2px); left:var(--l,-1px);\r\n    }\r\n    .continue-application > div .pencil:before{ clip-path:polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px); }\r\n    .continue-application > div .pencil:after{ --w:3px; --h:6px; --br:0 2px 1px 0; --t:3px; --l:3px; background:none; border-top:1px solid var(--pencil-top); border-right:1px solid var(--pencil-top); }\r\n\r\n    .continue-application:before, .continue-application:after{\r\n      content:\"\"; position:absolute; width:10px; height:2px; border-radius:1px; background:var(--btn-fg);\r\n      transform-origin:9px 1px; transform:translateX(var(--cx,0)) scale(.5) rotate(var(--r,-45deg));\r\n      top:26px; right:16px; transition:transform .3s;\r\n    }\r\n    .continue-application:after{ --r:45deg; }\r\n    .continue-application:hover{\r\n      \/* mant\u00e9n el mismo color; solo animamos iconos *\/\r\n      --cx: 2px; --fx: -40px; --fr: -60deg; --fd: .15s; --fds: 0s; --pbx: 3px; --pby: -3px; --pbd: .15s; --pex: -24px;\r\n    }\r\n\r\n    \/* Estados base (cajas de sistema) *\/\r\n    .empty,.error,.loading{\r\n      margin: 22px 0;\r\n      background:#fff;\r\n      border:1px dashed #e5e7eb;\r\n      border-radius:12px;\r\n      color:#374151;\r\n      padding: 12px 14px;\r\n      font-size:1rem;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"container\">\r\n    <h1 style=\"margin:0 0 14px 0;font-size:clamp(1.8rem,3vw,2.2rem);\">Difusiones recientes<\/h1>\r\n    <p id=\"hint\" style=\"margin:0 0 18px 0;color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.2rem);\">\r\n      Mostrando resultados de los \u00faltimos 5 d\u00edas.\r\n    <\/p>\r\n\r\n    <div id=\"status\" class=\"loading\" hidden>Cargando\u2026<\/div>\r\n    <div id=\"cards\" class=\"grid\"><\/div>\r\n    <div id=\"empty\" class=\"empty\" hidden>No se encontraron resultados para el rango seleccionado.<\/div>\r\n    <div id=\"error\" class=\"error\" hidden>Ocurri\u00f3 un problema al cargar los datos.<\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    const API_URL = 'https:\/\/despacho01sitiodeinnovacionlegal.com\/api\/searches\/queryDocuments\/';\r\n\r\n    const fmtDateOnly = (d) => {\r\n      const x = (d instanceof Date) ? d : new Date(d);\r\n      return `${x.getFullYear()}-${String(x.getMonth()+1).padStart(2,'0')}-${String(x.getDate()).padStart(2,'0')}`;\r\n    };\r\n\r\n    function cleanText(str=''){\r\n      try{\r\n        return String(str)\r\n          .replace(\/&nbsp;\/gi,' ')\r\n          .replace(\/<br\\s*\\\/?>\/gi, '\\n')\r\n          .replace(\/<[^>]*>\/g,'')\r\n          .replace(\/\\s+\/g,' ')\r\n          .trim();\r\n      }catch{ return ''; }\r\n    }\r\n\r\n    \/\/ Normaliza categor\u00edas: acepta array o string con comas\r\n    function normalizeCategories(item){\r\n      const raw = Array.isArray(item?.categories) ? item.categories\r\n                 : (item?.category ? [item.category] : []);\r\n      const list = Array.isArray(raw) ? raw : [raw];\r\n      return [...new Set(list.flatMap(v => String(v ?? '')\r\n        .split(',')\r\n        .map(s => s.trim())\r\n        .filter(Boolean)))];\r\n    }\r\n\r\n    \/\/ Construye URL de redirecci\u00f3n con el t\u00edtulo\r\n    function buildReadUrlFromTitle(title){\r\n      const q = encodeURIComponent(title ?? '');\r\n      return `https:\/\/despacho01sitiodeinnovacionlegal.com\/buscador?search=${q}`;\r\n    }\r\n\r\n    async function fetchDocuments(){\r\n      const today = new Date();\r\n      const fiveDaysAgo = new Date(today);\r\n      fiveDaysAgo.setDate(today.getDate() - 10);\r\n      const tomorrow = new Date(today);\r\n      tomorrow.setDate(today.getDate() + 1);\r\n\r\n      const payload = {\r\n        isSemanticSearch: false,\r\n        search: \"\",\r\n        category: \"\",\r\n        dateToSearch: {\r\n          startDate: fmtDateOnly(fiveDaysAgo),\r\n          endDate: fmtDateOnly(tomorrow)\r\n        },\r\n        typeDocument: \"\",\r\n        categories: [],\r\n        page: 1\r\n      };\r\n\r\n      const res = await fetch(API_URL, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify(payload)\r\n      });\r\n      if(!res.ok){\r\n        const txt = await res.text().catch(()=> '');\r\n        throw new Error(`HTTP ${res.status} - ${txt}`);\r\n      }\r\n      return res.json();\r\n    }\r\n\r\n    function render(list){\r\n      const wrap = document.getElementById('cards');\r\n      wrap.innerHTML = '';\r\n\r\n      list.forEach(item => {\r\n        const title = cleanText(item?.title ?? '');\r\n        const dateOnly = fmtDateOnly(item?.date ?? new Date());\r\n        const typeDocument = cleanText(item?.typeDocument ?? '');\r\n\r\n        \/\/ Concatena primeras 3 posiciones de content\r\n        const desc = Array.isArray(item?.content)\r\n          ? item.content.slice(0,3).filter(Boolean).map(cleanText).join(' ')\r\n          : '';\r\n\r\n        const cats = normalizeCategories(item);\r\n        const chips = cats.map(c => `<span class=\"chip\">${cleanText(c)}<\/span>`).join('');\r\n\r\n        const url = buildReadUrlFromTitle(title);\r\n\r\n        const card = document.createElement('article');\r\n        card.className = 'card';\r\n        card.innerHTML = `\r\n          <b class=\"title\">${title}<\/b>\r\n          <div class=\"meta\">\r\n            <time datetime=\"${dateOnly}\">${dateOnly}<\/time>\r\n            ${typeDocument ? `<span class=\"type\">${typeDocument}<\/span>` : ''}\r\n          <\/div>\r\n          ${desc ? `<p class=\"description\">${desc}<\/p>` : ''}\r\n          ${chips ? `<div class=\"chips\">${chips}<\/div>` : ''}\r\n          <div class=\"footer\">\r\n            <a class=\"continue-application\" href=\"${url}\" rel=\"noopener\">\r\n              <div>\r\n                <div class=\"folder\">\r\n                  <div class=\"top\">\r\n                    <svg viewBox=\"0 0 24 27\" aria-hidden=\"true\"><path d=\"M1 5h8l2 3h12v17H1z\"\/><\/svg>\r\n                  <\/div>\r\n                  <div class=\"paper\"><\/div>\r\n                <\/div>\r\n                <div class=\"pencil\"><\/div>\r\n              <\/div>\r\n              Seguir leyendo\r\n            <\/a>\r\n          <\/div>\r\n        `;\r\n        wrap.appendChild(card);\r\n      });\r\n    }\r\n\r\n    async function init(){\r\n      const $status = document.getElementById('status');\r\n      const $empty = document.getElementById('empty');\r\n      const $error = document.getElementById('error');\r\n\r\n      $status.hidden = false; $empty.hidden = true; $error.hidden = true;\r\n\r\n      try{\r\n        const data = await fetchDocuments();\r\n        const results = Array.isArray(data?.results) ? data.results : [];\r\n        if(results.length === 0){ $empty.hidden = false; }\r\n        else { render(results); }\r\n      }catch(e){\r\n        console.error(e);\r\n        $error.hidden = false;\r\n      }finally{\r\n        $status.hidden = true;\r\n      }\r\n    }\r\n\r\n    init();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Difusi\u00f3n de Jurisprudecia de Whatsapp Buscador de difusiones Buscador de difusiones Buscador de difusiones Suscr\u00edbete gratis a nuestro servicio de difusi\u00f3n jurisprudencial por WhatsApp escribi\u00e9ndonos al n\u00famero: 319 415 3703 Buscar Resultados de b\u00fasqueda Difusiones recientes Mostrando resultados de los \u00faltimos 5 d\u00edas. Cargando\u2026 No se encontraron resultados para el<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=\/wp\/v2\/pages\/7215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7215"}],"version-history":[{"count":91,"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=\/wp\/v2\/pages\/7215\/revisions"}],"predecessor-version":[{"id":7404,"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=\/wp\/v2\/pages\/7215\/revisions\/7404"}],"wp:attachment":[{"href":"https:\/\/d1tribunaladministrativodelmagdalena.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}