{"id":4252,"date":"2025-10-29T09:59:47","date_gmt":"2025-10-29T14:59:47","guid":{"rendered":"https:\/\/qa.ana.gob.pa\/?page_id=4252"},"modified":"2025-10-29T13:15:27","modified_gmt":"2025-10-29T18:15:27","slug":"pila","status":"publish","type":"page","link":"https:\/\/www.ana.gob.pa\/index.php\/pila\/","title":{"rendered":"Programa de Integraci\u00f3n Log\u00edstica Aduanera"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n    <div id=\"shadow-bootstrap-container\"><\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () \n{\n\tconst container = document.getElementById(\"shadow-bootstrap-container\");\n  \tif (!container) \n  \t{\n    \tconsole.error(\"\u274c Contenedor no encontrado\");\n    \treturn;\n  \t}\n  \t\n  \t\/\/ -----------------------------\n  \t\/\/ \ud83d\udd39 Crear iframe\n  \t\/\/ -----------------------------\n  \tconst iframe = document.createElement(\"iframe\");\n  \tiframe.style.width = \"100%\";\n  \tiframe.style.border = \"0\";\n  \tiframe.style.display = \"block\";\n  \tiframe.style.overflow = \"hidden\"; \/\/ sin scroll interno\n  \tcontainer.appendChild(iframe);\n  \tconst srcdoc = `\n  \t<html>\n\t    <head>\n\t      <link href=\"\/wp-content\/uploads\/assets\/bootstrap\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\t      <link href=\"\/wp-content\/uploads\/assets\/fontawesome\/css\/all.min.css\" rel=\"stylesheet\">\n\t      <link href=\"\/wp-content\/uploads\/assets\/sweetalert2\/css\/sweetalert2.min.css\" rel=\"stylesheet\" >\n\t      <style>\n\t        html,body\n\t        {\n\t          margin:0;\n\t          overflow: hidden; \/* \ud83d\udc48 desactiva scroll interno *\/\n\t          overflow-anchor: none !important;\n\t        }\n\t        body \n\t        {\n\t          overflow-x: hidden;\n\t          padding: 16px;\n\t          font-family: \"Arial\", sans-serif;\n\t          background-color: #fff;        \/* Fondo limpio *\/\n\t          color: #333;                   \/* Texto legible *\/\n\t        }\n\t        .custom-underline \n\t        {\n\t          display: inline-block;\n\t          position: relative;\n\t          padding-bottom: 3px; \n\t        }\n\t        .custom-underline::after \n\t        {\n\t          content: \"\";\n\t          position: absolute;\n\t          left: -25px;  \/* extiende a la izquierda *\/\n\t          right: -25px; \/* extiende a la derecha *\/\n\t          bottom: 0;\n\t          height: 3px;  \/* grosor de la l\u00ednea *\/\n\t          background-color: #fcaa52;\n\t        }\n\t        .archivos-list \n\t        {\n\t          padding-left: 0 !important;\n\t          margin-left: 0 !important;\n\t        }\n\t        .archivos-list li \n\t        {\n\t          display: flex;\n\t          align-items: center;\n\t          justify-content: flex-start;\n\t          background: #f8f9fa;\n\t          padding: 15px;\n\t          border-radius: 8px;\n\t          border-left: 5px solid #999999;\n\t          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\t          margin-bottom: 10px;\n\t          transition: transform 0.3s ease-in-out, border-left-color 0.3s ease-in-out;\n\t        }\n\t        @media (max-width: 768px) \n\t        {\n\t          .list-group-item .number \n\t          {\n\t            font-size: 1.2rem !important;\n\t          }\n\t        }\n\t        .rotado-45 \n\t        {\n\t          transform: rotate(45deg);\n\t        }\n\t        .archivos-list li:hover \n\t        {\n\t          transform: scale(1.05);\n\t          border-left-color: #fcaa52; \/* Color Naranja *\/\n\t        }\n\t        .archivos-list li a \n\t        {\n\t          text-decoration: none;\n\t          color: #999999 !important;\n\t          display: flex;        \/* \u00edcono y texto en l\u00ednea *\/\n\t          align-items: flex-start; \n\t          gap: 20px;            \/* espacio entre \u00edcono y texto *\/\n\t          transition: color 0.3s ease-in-out;\n\t          text-align: left;\n\t          flex: 1;              \/* ocupa espacio disponible *\/\n\t          padding-right: 10px;      \n\t          \/* Ajuste para texto largo *\/\n\t          overflow-wrap: break-word; \/* permite romper palabras largas *\/\n\t          word-break: break-word;    \/* compatibilidad con navegadores *\/\n\t          white-space: normal;       \/* permite que el texto haga salto de l\u00ednea *\/\n\t        } \n\t        .archivos-list li:hover a\n\t        {\n\t          color: #003875 !important;\n\t          cursor: pointer;\n\t        }\n\t        .archivos-list li i \n\t        {\n\t          font-size: 1.2em; \/* tama\u00f1o del icono *\/\n\t          color: #999999;   \/* color del icono *\/\n\t        }\n\t        .archivos-list li:hover i \n\t        {\n\t          color: #003875;\n\t        }\n\t        .accordion-body img \n\t        {\n\t          width: 100%;         \/* ocupa todo el ancho del contenedor *\/\n\t          max-width: 850px;    \/* limita el ancho m\u00e1ximo *\/\n\t          height: auto;        \/* mantiene la proporci\u00f3n original *\/\n\t          max-height: 900px;   \/* limita la altura m\u00e1xima *\/\n\t          display: block;\n\t          margin: 0 auto;      \/* centra la imagen horizontalmente *\/\n\t        }\n\t        .accordion-button:not(.collapsed) \n\t        {\n\t          background-color: #fcaa52 !important;\n\t          color: white !important;\n\t        }\n\t        .accordion-button:hover,\n\t        .accordion-button:focus \n\t        {\n\t          background-color: #fcaa52;   \/* color institucional al pasar el mouse *\/\n\t          color: #fff;                 \/* texto blanco *\/\n\t          box-shadow: 0 4px 15px rgba(0,0,0,0.2); \/* sombra sutil *\/\n\t          transition: all 0.3s ease-in-out;\n\t        }\n\t        .accordion-button::after \n\t        {\n\t          transition: transform 0.3s ease;\n\t        }\n\t        .accordion-button.collapsed::after \n\t        {\n\t          transform: rotate(0deg);\n\t        }\n\t        .accordion-button:not(.collapsed)::after \n\t        {\n\t          transform: rotate(180deg);\n\t        }\n\t        \/* blockquote Estilos *\/\n\t        .custom-blockquote \n\t        {\n\t          position: relative;\n\t          background-color: #f8f9fa;\n\t          border-left: 4px solid #dee2e6;\n\t          transition: border-color 0.3s ease, transform 0.3s ease;\n\t          padding-left: 3rem; \/* espacio para la comilla de apertura *\/\n\t        }\n\t        .custom-blockquote:hover \n\t        {\n\t          transform: scale(1.01);\n\t          border-left-color: #fcaa52 !important;\n\t          cursor: pointer;\n\t        }\n\t        .custom-blockquote::before \n\t        {\n\t          content: \"\\\\201C\"; \/* comilla doble izquierda *\/\n\t          font-size: 5rem;\n\t          color: #adb5bd;\n\t          position: absolute;\n\t          left: 0.5rem;\n\t          top: -0.5rem; \/* ajusta seg\u00fan altura del texto *\/\n\t          font-family: Georgia, serif; \/* tipograf\u00eda elegante *\/\n\t          transition: color 0.3s ease;\n\t        }\n\t        .custom-blockquote:hover::before,\n\t        .custom-blockquote:hover::after \n\t        {\n\t          color: #fcaa52;\n\t        }\n\t        .custom-blockquote .blockquote-header \n\t        {\n\t          font-size: 1.25rem;\n\t          text-align: justify; \/* justificado normal *\/\n\t          font-weight: 500;\n\t          color: #212529;\n\t          padding-left: 35px;\n\t          padding-right: 35px; \/* espacio para que la comilla final no choque *\/\n\t        }\n\t        \/* blockquote Estilos *\/\n\t        .edicto-item \n\t        {\n\t          display: flex;\n\t          justify-content: space-between;\n\t          align-items: center;\n\t          background: #f8f9fa;\n\t          padding: 12px 15px;\n\t          border-radius: 6px;\n\t          border-left: 5px solid #999999;\n\t          margin-bottom: 10px;\n\t          transition: all 0.3s ease-in-out;\n\t        }\n\t        .edicto-item:hover \n\t        {\n\t          transform: scale(1.02);\n\t          border-left-color: #fcaa52;\n\t        }\n\t        .edicto-left \n\t        {\n\t          display: flex;\n\t          flex-direction: column;\n\t          font-size: 0.9rem;\n\t          color: #555;\n\t        }\n\t        .edicto-left .id \n\t        {\n\t          font-weight: bold;\n\t          color: #003875;\n\t        }\n\t        .edicto-right \n\t        {\n\t          flex: 1;\n\t          text-align: right;\n\t        }\n\t        .edicto-right a \n\t        {\n\t          font-weight: 500;\n\t          text-decoration: none;\n\t          color: #333;\n\t        }\n\t        .edicto-right a:hover \n\t        {\n\t          color: #000000;\n\t        }\n\t        .custom-underline::after \n\t        {\n\t          content: \"\";\n\t          position: absolute;\n\t          left: 0px;\n\t          right: -5px;\n\t          bottom: 0;\n\t          height: 3px;\n\t          background-color: #fcaa52;\n\t        }\n\t        .bg-suplemento\n\t        {\n\t          background-color: #15395A !important;\n\t          font-weight: bold;\n\t        }\n\t        .bg-secondary \n\t        {\n\t          background-color: rgb(151, 160, 167) !important;\n\t        }\n\n\t        \/* ----------------------------------------------------- *\/\n\t        \/* --- CSS para el Efecto \"Lightning Flash\" Ajustado --- *\/\n\t        \/* ----------------------------------------------------- *\/\n\t        \/* Estilos Comunes de Bot\u00f3n *\/\n\t        .modern-lightning-neutral \n\t        {\n\t            \/* Ajustes de tipograf\u00eda y padding *\/\n\t            font-size: 15px; \n\t            padding: 0.8rem 2rem; \n\t            \n\t            \/* Colores Base Solicitados *\/\n\t            background-color: #f2f2f2; \/* Color Base: Gris claro *\/\n\t            color: #212529; \/* Color de Texto Base: Negro Bootstrap *\/\n\t            \n\t            \/* Configuraci\u00f3n de animaci\u00f3n y hover *\/\n\t            position: relative;\n\t            overflow: hidden; \n\t            z-index: 1;\n\t            transition: all 0.5s ease;\n\t            border: none;\n\t            line-height: 1.5; \/* Asegura buen espaciado *\/\n\t        }\n\t        \/* Efecto Hover Solicitado *\/\n\t        .modern-lightning-neutral:hover \n\t        {\n\t            background-color: #fcaa52; \/* Hover Color: Naranja\/\u00c1mbar *\/\n\t            color: #000000; \/* Hover Texto: Blanco *\/\n\t            \n\t            \/* Efecto de elevaci\u00f3n moderna *\/\n\t            transform: translateY(-4px); \n\t            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);\n\t        }\n\t        \/* Pseudo-elemento que crea el Destello (Flash) *\/\n\t        .modern-lightning-neutral::before \n\t        {\n\t            content: '';\n\t            position: absolute;\n\t            top: 0;\n\t            left: -100%; \n\t            width: 30px; \n\t            height: 100%;\n\t            \/* Destello blanco brillante *\/\n\t            background: rgba(255, 255, 255, 0.6); \n\t            transform: skewX(-20deg); \n\t            transition: none; \n\t            z-index: 2;\n\t        }\n\t        \/* Animaci\u00f3n de Deslizamiento del Destello *\/\n\t        @keyframes lightning-flash \n\t        {\n\t            0% \n\t            {\n\t                left: -100%;\n\t            }\n\t            10% \n\t            {\n\t                left: 110%; \/* El destello cruza el bot\u00f3n *\/\n\t            }\n\t            100% \n\t            {\n\t                left: 110%; \/* El destello permanece fuera de vista la mayor parte del tiempo *\/\n\t            }\n\t        }\n\t        \/* Aplicaci\u00f3n de Animaci\u00f3n (Ambos botones usan la misma animaci\u00f3n) *\/\n\t        .modern-lightning-neutral::before \n\t        {\n\t            animation: lightning-flash 5s infinite;\n\t        }\n\t        \/* Retraso de animaci\u00f3n para el segundo bot\u00f3n (opcional, para que no destellen a la vez) *\/\n\t        .col-12.text-center > .modern-lightning-neutral:nth-child(2)::before \n\t        {\n\t            animation-delay: 2.5s; \n\t        }\n\t      <\/style>\n\t    <\/head>\n\t    <body>\n\t      \t<div class=\"container-fluid\">\n\t        \t<div class=\"row gy-4\">\n\t          \t\t<div class=\"col-lg-12 text-center\">\n\t            \t\t<h3 class=\"fw-bold custom-underline mb-5\">Programa de Integraci\u00f3n Log\u00edstica Aduanera<br> (PILA)<\/h3>\n\t          \t\t<\/div> \n\t          \t\t<div class=\"col-md-12\">\n\t            \t\t<blockquote class=\"blockquote custom-blockquote p-3 rounded shadow-sm\">\n\t            \t\t\t<h2 class=\"blockquote-header fs-5 text-justify mb-0\">\n\t            \t\t\t\tLa Autoridad Nacional de Aduanas , con miras a contribuir con la mejora del sector log\u00edstico de Panam\u00e1 asegurando la trazabilidad en las rutas fiscales, desarrolla el Programa de Integraci\u00f3n Log\u00edstica Aduanera para la modernizaci\u00f3n de procesos, tecnolog\u00eda, infraestructura y equipos de control fiscal y parafiscal en los tres pasos de la frontera m\u00e1s importantes con Costa Rica; Paso Canoas, Guabito y Rio Sereno.\n\t              \t\t\t<\/h2>\n\t            \t\t<\/blockquote>\n\t          \t\t<\/div> \n  \t\t\t\t\t<div class=\"col-12 text-center mt-4\">\n\t\t\t\t\t\t<video \n\t\t\t\t\t\t   \tposter=\"\/wp-content\/uploads\/pila\/programa_integracion.jpg\" \n\t\t\t\t\t\t   \tcontrols width=\"560\" height=\"410\"\n\t\t\t\t\t\t   \tclass=\"rounded shadow-sm\">\n\t\t\t      \t\t\t<source src=\"\/wp-content\/uploads\/pila\/CENTRO_DE_CONTROL_PASO CANOAS.mp4\" type=\"video\/mp4\" \/>Tu navegador no soporta el elemento de video.\n\t\t\t    \t\t<\/video>\n  \t\t\t\t\t<\/div>\n\t          \t\t<div class=\"col-lg-12 text-center\">\n\t            \t\t<div id=\"myaccordionid\" class=\"accordion\"><\/div>\n\t          \t\t\t<\/div>\n\t\t\t  \t\t<\/div>\n\t        \t<\/div>   \n\t      \t<\/div>\n\t    <\/body>\n  \t<\/html>`;\n\n  \tiframe.srcdoc = srcdoc;\n  \t\/\/ -----------------------------\n  \t\/\/ \ud83d\udd39 Datos estructurados\n  \t\/\/ -----------------------------\n\tconst categories = \n\t{\n\t    Cat1: \"Detalle del Proyecto (BID)\", \n\t    Cat2: \"Pr\u00e1cticas de Compra Paso Canoas\",\n\t    Cat3: \"Marco de Gesti\u00f3n Ambiental y Social\",\n\t    Cat4: \"Contactenos\",\n\t};\n\n  \tconst Subcategories = \n  \t{\n    \tSubCat1 : \"Estudio Impacto Ambiental Pado Canoas\",\n    \tSubCat2 : \"An\u00e1lisis Ambiental y Social\",\n    \tSubCat3 : \"Plan de Gesti\u00f3n Ambiental y Social\",\n    \tSubCat4 : \"Estudio Impacto Ambiental Paso Canoas\",\n    \tSubCat5 : \"Actualizaci\u00f3n del An\u00e1lisis Ambiental y Social\",\n  \t};\n  \t\n  \t\/\/ -----------------------------\n  \t\/\/ \ud83d\udd39 Prefijo base para todos los documentos\n  \t\/\/ -----------------------------\n  \tconst baseUrl = \"\/wp-content\/uploads\/pila\/\";\n\n  \t\/\/ -----------------------------\n  \t\/\/ \ud83d\udd39 Datos Generales\n  \t\/\/ -----------------------------\n  \tconst resoluciones = \n  \t[\n\t  \t{ title: \"Acceder al link\", status: 1, category: \"Cat1\", link: \"https:\/\/www.iadb.org\/es\/project\/PN-L1107\" },\n\t  \t{ title: \"Descargar documento PDF\", status: 1, category: \"Cat2\", link: baseUrl + \"CSAL-ANA_BID-0917-05.pdf\" },\n\t  \t\n\t  \t{ title: \"Estudio de Impacto Ambiental\", status: 1, category: \"Cat3\", SubCat: \"SubCat1\", link: baseUrl + \"estudio_impacto_ambiental.pdf\" },\n\t  \t{ title: \"Informaci\u00f3n Aclaratoria al ESIA\", status: 1, category: \"Cat3\", SubCat: \"SubCat1\", link: baseUrl + \"INFORMACION_ACLARATORIA.pdf\" },\n\t  \t{ title: \"Estudio Hidrol\u00f3gico e Hidr\u00e1ulico de Quebrada Grande y Quebrada Sin Nombre\", status: 1, category: \"Cat3\", SubCat: \"SubCat1\", link: baseUrl + \"ESTUDIO_HIDROLOGICO.pdf\" },\n\n\t  \t{ title: \"An\u00e1lisis Ambiental y Social Pasos Fronterizos Panam\u00e1 \u2013 Costa Rica\", status: 1, category: \"Cat3\", SubCat: \"SubCat2\", link: baseUrl + \"analisis_ambiental_social.pdf\" },\n\n\t   \t{ title: \"Descargar documento PDF\", status: 1, category: \"Cat3\", SubCat: \"SubCat3\", link: baseUrl + \"PGAS_julio_2017_FINAL.pdf\" },\n\n\t    { title: \"Estudio de Impacto Ambiental\", status: 1, category: \"Cat3\", SubCat: \"SubCat4\", link: baseUrl + \"estudio_impacto_ambiental.pdf\" },\n\t    { title: \"Informaci\u00f3n Aclaratoria al ESIA\", status: 1, category: \"Cat3\", SubCat: \"SubCat4\", link: baseUrl + \"INFORMACION_ACLARATORIA.pdf\" },\n\t    { title: \"Estudio Hidrol\u00f3gico e Hidr\u00e1ulico de Quebrada Grande y Quebrada Sin Nombre\", status: 1, category: \"Cat3\", SubCat: \"SubCat4\", link: baseUrl + \"ESTUDIO_HIDROLOGICO.pdf\" },\n\n\t    { title: \"Descargar documento PDF\", status: 1, category: \"Cat3\", SubCat: \"SubCat5\", link: baseUrl + \"AAS_finalv2.pdf\" },\n\n\t  \t{ title: \"L\u00ednea telef\u00f3nica: 504-4486 ext. 0620\", status: 1, category: \"Cat4\", link: \"tel:5044486\" },\n\t  \t{ title: \"Correo electr\u00f3nico: proyecto.logistico@ana.gob.pa\", status: 1, category: \"Cat4\", link: \"mailto:proyecto.logistico@ana.gob.pa\" }\n\t];\n\n\tiframe.addEventListener(\"load\", function () \n\t{\n\t\tconst doc = iframe.contentDocument || iframe.contentWindow.document;\n\t  \tconst win = iframe.contentWindow;\n\t  \tconsole.log(\"\u2705 Iframe cargado correctamente\");\n\t  \tconst loadScript = (src, callback) => \n\t  \t{\n\t    \tconst s = doc.createElement(\"script\");\n\t    \ts.src = src;\n\t    \ts.onload = callback;\n\t    \tdoc.body.appendChild(s);\n\t  \t};\n\t  \tloadScript(\"\/wp-content\/uploads\/assets\/bootstrap\/js\/bootstrap.min.js\", () => console.log(\"\u2705 Bootstrap JS cargado dentro del iframe\"));\n\t  \tloadScript(\"\/wp-content\/uploads\/assets\/sweetalert2\/js\/sweetalert2.min.js\", () => {console.log(\"\u2705 SweetAlert2 cargado dentro del iframe\"); inicializarContenido();});\n\t  \t\/\/ -----------------------------\n\t  \t\/\/ Ajuste de altura\n\t  \t\/\/ -----------------------------\n\t  \tconst ajustarAltura = () => { iframe.style.height = doc.body.scrollHeight + \"px\"; };\n\t  \tnew ResizeObserver(ajustarAltura).observe(doc.body);\n\t  \twin.addEventListener(\"resize\", ajustarAltura);\n\n\t\t\/\/ -----------------------------\n\t\t\/\/ Inicializar contenido\n\t\t\/\/ -----------------------------\n\t  \tfunction inicializarContenido() \n\t  \t{\n\t    \tconst accordion = doc.getElementById(\"myaccordionid\");\n\t    \tif (!accordion) return console.warn(\"\u26a0\ufe0f No se encontr\u00f3 #myaccordionid\");\n\t    \tObject.entries(categories).forEach(([catKey, catTitle], catIndex) => \n\t    \t{\n\t      \t\tconst catId = `cat-${catIndex}`;\n\t      \t\tconst headerId = `${catId}-header`;\n\t      \t\tconst collapseId = `${catId}-collapse`;\n\t      \t\tconst resolucionesActivas = resoluciones.filter(r => r.category === catKey && r.status === 1);\n\t      \t\tlet contenido = \"\";\n\t      \t\tif ([\"Cat1\", \"Cat2\", \"Cat4\"].includes(catKey)) \n\t      \t\t{\n\t        \t\tif (resolucionesActivas.length) \n\t        \t\t{\n\t          \t\t\tcontenido = `<div id=\"${catId}-list\"><\/div><nav id=\"${catId}-pagination\" class=\"mt-2\"><\/nav>`;\n\t        \t\t} \n\t        \t\telse \n\t        \t\t{\n\t          \t\t\tcontenido = `\n\t          \t\t\t<div class=\"alert alert-warning d-flex align-items-center\" role=\"alert\">\n\t              \t\t\t<i class=\"fa-solid fa-triangle-exclamation me-2\"><\/i>\n\t              \t\t\tNo hay registros activos para: <strong>${catTitle}<\/strong>\n\t            \t\t<\/div>`;\n\t        \t\t}\n\t      \t\t} \n\t      \t\telse if (catKey === \"Cat3\") \n\t      \t\t{\n\t        \t\tconst subActivas = {};\n\t        \t\tresolucionesActivas.forEach(r => \n\t        \t\t{\n\t          \t\t\tconst sub = r.SubCat || \"SubCat1\";\n\t          \t\t\tif (!subActivas[sub]) subActivas[sub] = [];\n\t          \t\t\tsubActivas[sub].push(r);\n\t        \t\t});\n\n\t        \t\tcontenido = Object.entries(Subcategories).map(([subKey, subName], idx) => \n\t        \t\t{\n\t          \t\t\tconst items = subActivas[subKey];\n\t          \t\t\tif (!items) return \"\";\n\t          \t\t\tconst bodyHTML = buildListHTML(items);\n\t          \t\t\tconst itemCollapseId = `collapse-${catKey}-${subKey}`;\n\t          \t\t\tconst isFirstSub = idx === 0;\n\t\t\t          \treturn `\n\t\t\t          \t<div class=\"fag_contenedor mb-2\">\n\t\t\t            \t<div class=\"card shadow-sm mb-2\">\n\t\t\t              \t\t<div class=\"card-header d-flex justify-content-between align-items-center ${isFirstSub ? 'bg-suplemento text-white' : 'bg-secondary'}\">\n\t\t\t                \t\t<span>${subName}<\/span>\n\t\t\t                \t\t<button class=\"btn btn-light btn-sm toggle-btn ${isFirstSub ? '' : 'collapsed'}\"\n\t\t\t                  \t\t\tdata-bs-toggle=\"collapse\"\n\t\t\t                  \t\t\tdata-bs-target=\"#${itemCollapseId}\"\n\t\t\t                  \t\t\taria-expanded=\"${isFirstSub ? 'true' : 'false'}\">\n\t\t\t                  \t\t\t${isFirstSub ? 'Ocultar' : 'Ver'}\n\t\t\t                \t\t<\/button>\n\t\t\t              \t\t<\/div>\n\t\t\t              \t\t<div id=\"${itemCollapseId}\" class=\"collapse card-body ${isFirstSub ? 'show' : ''}\">\n\t\t\t                \t\t${bodyHTML}\n\t\t\t              \t\t<\/div>\n\t\t\t            \t<\/div>\n\t\t\t          \t<\/div>`;\n\t\t\t        }).join('');\n\t\t\t    }\n\n\t      \t\t\/\/ Accordion principal\n\t      \t\tconst item = doc.createElement(\"div\");\n\t      \t\titem.className = \"accordion-item\";\n\t      \t\titem.innerHTML = `\n\t        \t<h2 class=\"accordion-header\" id=\"${headerId}\">\n\t          \t\t<button class=\"accordion-button ${catIndex === 0 ? \"\" : \"collapsed\"}\" type=\"button\"\n\t            \t\tdata-bs-toggle=\"collapse\" data-bs-target=\"#${collapseId}\" aria-expanded=\"${catIndex===0 ? \"true\" : \"false\"}\" aria-controls=\"${collapseId}\">\n\t            \t\t<i class=\"fa-solid fa-folder-open me-2\"><\/i> ${catTitle}\n\t          \t\t<\/button>\n\t        \t<\/h2>\n\t        \t<div id=\"${collapseId}\" class=\"accordion-collapse collapse ${catIndex===0 ? \"show\" : \"\"}\" aria-labelledby=\"${headerId}\" data-bs-parent=\"#myaccordionid\">\n\t          \t\t<div class=\"accordion-body\">${contenido}<\/div>\n\t        \t<\/div>`;\n\t      \t\taccordion.appendChild(item);\n\n\t      \t\tif ([\"Cat1\", \"Cat2\", \"Cat4\"].includes(catKey) && resolucionesActivas.length) \n\t      \t\t{\n\t        \t\tsetupPaginationForCategory(catId, resolucionesActivas, catKey);\n\t      \t\t}\n\t    \t});\n\n\t    \tsetupToggleButtons();\n\t    \tajustarAltura();\n\t  \t}\n\n\t  \t\/\/ -----------------------------\n\t  \t\/\/ Funciones auxiliares\n\t  \t\/\/ -----------------------------\n\t \tfunction buildListHTML(items) \n\t \t{\n\t  \t\treturn `<ul class=\"list-group archivos-list mb-0\">\n\t    \t${items.map(r => \n\t    \t{\n\t      \t\tconst catKey = r.category;\n\t      \t\tlet swalText = \"\";\n\t      \t\tlet confirmBtn = \"S\u00ed, Descargar\"; \/\/ valor por defecto\n\t      \t\tlet iconType = \"question\"; \/\/ valor por defecto\n\n\t      \t\t\/\/ Configuraci\u00f3n seg\u00fan categor\u00eda\n\t      \t\tswitch (catKey) \n\t      \t\t{\n\t\t\t        case \"Cat1\":\n\t\t\t        \tswalText = \"\u00bfDesea acceder el enlace?\";\n\t\t\t          \tconfirmBtn = \"S\u00ed, Acceder\";\n\t\t\t          \ticonType = \"info\";\n\t\t\t        break;\n\t\t\t        case \"Cat2\":\n\t\t\t        case \"Cat3\":\n\t\t\t          \tswalText = \"\u00bfDesea descargar el documento PDF?\";\n\t\t\t          \tconfirmBtn = \"S\u00ed, Descargar\";\n\t\t\t          \ticonType = \"question\";\n\t\t\t        break;\n\t\t\t        case \"Cat4\":\n\t\t\t          \ticonType = \"warning\";\n\t\t\t          \tif (r.link.startsWith(\"tel:\")) \n\t\t\t          \t{\n\t\t\t            \tswalText = `\u00bfDesea marcar ${r.title}?`;\n\t\t\t            \tconfirmBtn = \"S\u00ed, Marcar\";\n\t\t\t          } \n\t\t\t          else if (r.link.startsWith(\"mailto:\")) \n\t\t\t          {\n\t\t\t            \tswalText = `\u00bfDesea enviar un ${r.title}?`;\n\t\t\t            \tconfirmBtn = \"S\u00ed, Enviar\";\n\t\t\t          } \n\t\t\t          else \n\t\t\t          {\n\t\t\t            \tswalText = `\u00bfDesea continuar con ${r.title}?`;\n\t\t\t            \tconfirmBtn = \"S\u00ed, Confirmar\";\n\t\t\t          }\n\t\t\t        break;\n\t\t\t    }\n\n\t\t      \t\/\/ SweetAlert onclick\n\t\t      \tconst swalOnClick = `\n\t\t\t\t  event.preventDefault();\n\t\t\t\t  window.scrollTo({ top: 0, behavior: 'smooth' }); \/\/ <-- Esto asegura que se vea el Swal\n\t\t\t\t  Swal.fire({\n\t\t\t\t    title: '${categories[catKey]}',\n\t\t\t\t    text: '${swalText}',\n\t\t\t\t    icon: '${iconType}',\n\t\t\t\t    showCancelButton: true,\n\t\t\t\t    confirmButtonText: '${confirmBtn}',\n\t\t\t\t    cancelButtonText: 'Cancelar'\n\t\t\t\t  }).then((result) => {\n\t\t\t\t    if(result.isConfirmed) window.open('${r.link}', '_blank');\n\t\t\t\t  });\n\t\t\t\t`;\n\n\n\t\t      \t\/\/ Renderizar el item\n\t\t      \tif (r.link && r.link !== \"#\" && r.link !== \"@\") \n\t\t      \t{\n\t\t        \treturn `\n\t\t        \t<li class=\"list-group-item d-flex align-items-center\">\n\t\t          \t\t<div class=\"text-center me-2\" style=\"width:40px;\"><i class=\"fa-solid fa-check fa-lg\"><\/i><\/div>\n\t\t          \t\t<a href=\"${r.link}\" onclick=\"${swalOnClick}\" class=\"flex-grow-1 resolution-link text-start\" style=\"text-decoration:none;\">${r.title}<\/a>\n\t\t        \t<\/li>`;\n\t\t      \t} \n\t\t      \telse if (r.link === \"#\") \n\t\t      \t{\n\t\t        \treturn `\n\t\t        \t<li class=\"list-group-item d-flex align-items-center\">\n\t\t          \t\t<div class=\"text-center me-2\" style=\"width:40px;\"><i class=\"fa-solid fa-check fa-lg\"><\/i><\/div>\n\t\t          \t\t<span class=\"text-muted flex-grow-1 text-start\">${r.title} <small class=\"text-dark fw-bold custom-underline\">(No Disponible)<\/small><\/span>\n\t\t        \t<\/li>`;\n\t\t      \t} \n\t\t      \telse \n\t\t      \t{\n\t\t        \treturn `\n\t\t        \t<li class=\"list-group-item d-flex align-items-center\">\n\t\t          \t\t<div class=\"text-center me-2\" style=\"width:40px;\"><i class=\"fa-solid fa-check fa-lg\"><\/i><\/div>\n\t\t          \t\t<span class=\"text-muted flex-grow-1 text-start\">${r.title}<\/span>\n\t\t        \t<\/li>`;\n\t\t      \t}\n\t    \t}).join('')}\n\t  \t\t<\/ul>`;\n\t\t}\n\n\t  \tfunction setupToggleButtons() \n\t  \t{\n\t    \tconst toggleButtons = doc.querySelectorAll(\".toggle-btn\");\n\t    \ttoggleButtons.forEach(btn => \n\t    \t{\n\t      \t\tconst target = doc.querySelector(btn.dataset.bsTarget);\n\t      \t\tconst header = target.closest('.card').querySelector('.card-header');\n\t      \t\ttarget.addEventListener('shown.bs.collapse', () => \n\t      \t\t{\n\t        \t\tbtn.textContent = 'Ocultar';\n\t        \t\theader.classList.add('bg-suplemento','text-white');\n\t        \t\theader.classList.remove('bg-secondary');\n\t      \t\t});\n\t      \t\ttarget.addEventListener('hidden.bs.collapse', () => \n\t      \t\t{\n\t        \t\tbtn.textContent = 'Ver';\n\t        \t\theader.classList.add('bg-secondary');\n\t        \t\theader.classList.remove('bg-suplemento','text-white');\n\t      \t\t});\n\n\t      \t\tbtn.addEventListener('click', e => \n\t      \t\t{\n\t        \t\te.preventDefault();\n\t        \t\tdoc.querySelectorAll(\".fag_contenedor .card-body.collapse.show\").forEach(abierto => \n\t        \t\t{\n\t          \t\t\tif(abierto!==target) \n\t          \t\t\t{\n\t            \t\t\tabierto.classList.remove(\"show\");\n\t            \t\t\tconst btnCerrar = doc.querySelector(`[data-bs-target=\"#${abierto.id}\"]`);\n\t            \t\t\tif(btnCerrar) btnCerrar.textContent=\"Ver\";\n\t            \t\t\tconst headerCerrar = abierto.closest('.card').querySelector('.card-header');\n\t            \t\t\theaderCerrar.classList.add('bg-secondary');\n\t            \t\t\theaderCerrar.classList.remove('bg-suplemento','text-white');\n\t          \t\t\t}\n\t        \t\t});\n\t      \t\t});\n\t    \t});\n\t  \t}\n\n\t  \tfunction setupPaginationForCategory(catId, items, catKey) \n\t  \t{\n\t    \tconst perPage = 4;\n\t    \tlet currentPage = 1;\n\t    \tconst listDiv = doc.getElementById(`${catId}-list`);\n\t    \tconst paginationNav = doc.getElementById(`${catId}-pagination`);\n\t    \tconst spinnerHTML = `<div class=\"text-center p-3\"><i class=\"fa-solid fa-spinner fa-spin fa-2x\"><\/i><\/div>`;\n\n\t    \tif (!listDiv || !paginationNav) return;\n\n\t    \tconst totalPages = Math.max(1, Math.ceil(items.length \/ perPage));\n\n\t    \tfunction renderPage(page) \n\t    \t{\n\t      \t\tcurrentPage = page;\n\t      \t\tconst start = (page - 1) * perPage;\n\t      \t\tconst pageItems = items.slice(start, start + perPage);\n\t      \t\tlistDiv.innerHTML = buildListHTML(pageItems);\n\t      \t\trenderPagination();\n\t    \t}\n\n\t    \tfunction renderPagination() \n\t    \t{\n\t      \t\tif (totalPages <= 1) { paginationNav.innerHTML = ''; return; }\n\t      \t\tconst createPageItem = (num, text, disabled, active) => \n\t        \t`<li class=\"page-item ${disabled ? 'disabled' : ''} ${active ? 'active' : ''}\">\n\t          \t\t<a class=\"page-link\" href=\"#\" data-page=\"${num}\">${text}<\/a>\n\t        \t<\/li>`;\n\n\t      \t\tlet html = `<ul class=\"pagination justify-content-center mb-0\">`;\n\t      \t\thtml += createPageItem(1, '\u00ab', currentPage === 1, false);\n\t      \t\thtml += createPageItem(currentPage - 1, '\u2039', currentPage === 1, false);\n\t      \t\tfor (let i = 1; i <= totalPages; i++) html += createPageItem(i, i, false, currentPage === i);\n\t      \t\thtml += createPageItem(currentPage + 1, '\u203a', currentPage === totalPages, false);\n\t      \t\thtml += createPageItem(totalPages, '\u00bb', currentPage === totalPages, false);\n\t      \t\thtml += `<\/ul>`;\n\n\t      \t\tpaginationNav.innerHTML = html;\n\t      \t\tpaginationNav.querySelectorAll(\".page-link\").forEach(link => {\n\t        \t\tlink.addEventListener(\"click\", e => {\n\t\t          \t\te.preventDefault();\n\t\t          \t\tconst page = parseInt(link.dataset.page, 10);\n\t\t          \t\tif (!isNaN(page) && page !== currentPage) {\n\t\t            \t\tlistDiv.innerHTML = spinnerHTML;\n\t\t            \t\tsetTimeout(() => renderPage(page), 150);\n\t\t          \t\t}\n\t        \t\t});\n\t      \t\t});\n\t    \t}\n\t    \trenderPage(1);\n\t  \t}\n\t});\n});\n<\/script>    <\/div>\n    ","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4252","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Programa de Integraci\u00f3n Log\u00edstica Aduanera - Autoridad Nacional de Aduanas<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ana.gob.pa\/index.php\/pila\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Programa de Integraci\u00f3n Log\u00edstica Aduanera - Autoridad Nacional de Aduanas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ana.gob.pa\/index.php\/pila\/\" \/>\n<meta property=\"og:site_name\" content=\"Autoridad Nacional de Aduanas\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aduanas.panama\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T18:15:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ana.gob.pa\/wp-content\/uploads\/2025\/07\/logo2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"175\" \/>\n\t<meta property=\"og:image:height\" content=\"76\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@aduanaspanama\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/pila\\\/\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/pila\\\/\",\"name\":\"Programa de Integraci\u00f3n Log\u00edstica Aduanera - Autoridad Nacional de Aduanas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#website\"},\"datePublished\":\"2025-10-29T14:59:47+00:00\",\"dateModified\":\"2025-10-29T18:15:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/pila\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/pila\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/pila\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ana.gob.pa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programa de Integraci\u00f3n Log\u00edstica Aduanera\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#website\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/\",\"name\":\"Autoridad Nacional de Aduanas\",\"description\":\"Autoridad Nacional de Aduanas\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#organization\"},\"alternateName\":\"Autoridad Nacional de Aduanas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ana.gob.pa\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#organization\",\"name\":\"Autoridad Nacional de Aduanas\",\"alternateName\":\"Autoridad Nacional de Aduanas\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/logo-de-aduanas-y-gobierno.png\",\"contentUrl\":\"https:\\\/\\\/www.ana.gob.pa\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/logo-de-aduanas-y-gobierno.png\",\"width\":2860,\"height\":423,\"caption\":\"Autoridad Nacional de Aduanas\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/aduanas.panama\\\/\",\"https:\\\/\\\/x.com\\\/aduanaspanama\",\"https:\\\/\\\/www.instagram.com\\\/aduanaspanama\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Programa de Integraci\u00f3n Log\u00edstica Aduanera - Autoridad Nacional de Aduanas","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ana.gob.pa\/index.php\/pila\/","og_locale":"es_ES","og_type":"article","og_title":"Programa de Integraci\u00f3n Log\u00edstica Aduanera - Autoridad Nacional de Aduanas","og_url":"https:\/\/www.ana.gob.pa\/index.php\/pila\/","og_site_name":"Autoridad Nacional de Aduanas","article_publisher":"https:\/\/www.facebook.com\/aduanas.panama\/","article_modified_time":"2025-10-29T18:15:27+00:00","og_image":[{"width":175,"height":76,"url":"https:\/\/www.ana.gob.pa\/wp-content\/uploads\/2025\/07\/logo2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@aduanaspanama","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ana.gob.pa\/index.php\/pila\/","url":"https:\/\/www.ana.gob.pa\/index.php\/pila\/","name":"Programa de Integraci\u00f3n Log\u00edstica Aduanera - Autoridad Nacional de Aduanas","isPartOf":{"@id":"https:\/\/www.ana.gob.pa\/#website"},"datePublished":"2025-10-29T14:59:47+00:00","dateModified":"2025-10-29T18:15:27+00:00","breadcrumb":{"@id":"https:\/\/www.ana.gob.pa\/index.php\/pila\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ana.gob.pa\/index.php\/pila\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ana.gob.pa\/index.php\/pila\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ana.gob.pa\/"},{"@type":"ListItem","position":2,"name":"Programa de Integraci\u00f3n Log\u00edstica Aduanera"}]},{"@type":"WebSite","@id":"https:\/\/www.ana.gob.pa\/#website","url":"https:\/\/www.ana.gob.pa\/","name":"Autoridad Nacional de Aduanas","description":"Autoridad Nacional de Aduanas","publisher":{"@id":"https:\/\/www.ana.gob.pa\/#organization"},"alternateName":"Autoridad Nacional de Aduanas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ana.gob.pa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.ana.gob.pa\/#organization","name":"Autoridad Nacional de Aduanas","alternateName":"Autoridad Nacional de Aduanas","url":"https:\/\/www.ana.gob.pa\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.ana.gob.pa\/#\/schema\/logo\/image\/","url":"https:\/\/www.ana.gob.pa\/wp-content\/uploads\/2025\/07\/logo-de-aduanas-y-gobierno.png","contentUrl":"https:\/\/www.ana.gob.pa\/wp-content\/uploads\/2025\/07\/logo-de-aduanas-y-gobierno.png","width":2860,"height":423,"caption":"Autoridad Nacional de Aduanas"},"image":{"@id":"https:\/\/www.ana.gob.pa\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/aduanas.panama\/","https:\/\/x.com\/aduanaspanama","https:\/\/www.instagram.com\/aduanaspanama"]}]}},"_links":{"self":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/4252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/comments?post=4252"}],"version-history":[{"count":42,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/4252\/revisions"}],"predecessor-version":[{"id":4301,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/4252\/revisions\/4301"}],"wp:attachment":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/media?parent=4252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}