{"id":442,"date":"2025-08-14T09:30:10","date_gmt":"2025-08-14T14:30:10","guid":{"rendered":"http:\/\/10.190.55.6\/?page_id=442"},"modified":"2025-10-13T14:35:40","modified_gmt":"2025-10-13T19:35:40","slug":"guia-de-usuario","status":"publish","type":"page","link":"https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/","title":{"rendered":"Gu\u00eda de Usuario"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n    <div id=\"shadow-bootstrap-container\"><\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () \n{\n  const container = document.getElementById(\"shadow-bootstrap-container\");\n  if (!container) return;\n\n  \/\/ HTML base limpio\n  const iframe = document.createElement(\"iframe\");\n  iframe.style.width = \"100%\";\n  iframe.style.border = \"0\";\n  iframe.style.display = \"block\";\n  iframe.style.overflow = \"hidden\";\n  container.appendChild(iframe);\n\n  \/\/ HTML base limpio\n  const srcdoc = `\n    <html>\n      <head>\n        <link href=\"\/wp-content\/uploads\/assets\/bootstrap\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n        <link href=\"\/wp-content\/uploads\/assets\/fontawesome\/css\/all.min.css\" rel=\"stylesheet\">\n        <link href=\"\/wp-content\/uploads\/assets\/sweetalert2\/css\/sweetalert2.min.css\" rel=\"stylesheet\" >\n        <style>\n          html,body\n          {\n            margin:0;\n            overflow: hidden; \/* \ud83d\udc48 desactiva scroll interno *\/\n            overflow-anchor: none !important;\n          }\n          body \n          {\n            overflow-x: hidden;\n            padding: 16px;\n            font-family: \"Arial\", sans-serif;\n            background-color: #fff;        \/* Fondo limpio *\/\n            color: #333;                   \/* Texto legible *\/\n          }\n          .custom-underline \n          {\n            display: inline-block;\n            position: relative;\n            padding-bottom: 3px; \n          }\n          .custom-underline::after \n          {\n            content: \"\";\n            position: absolute;\n            left: -25px;  \/* extiende a la izquierda *\/\n            right: -25px; \/* extiende a la derecha *\/\n            bottom: 0;\n            height: 3px;  \/* grosor de la l\u00ednea *\/\n            background-color: #fcaa52;\n          }\n          .archivos-list \n          {\n            padding-left: 0 !important;\n            margin-left: 0 !important;\n          }\n          .archivos-list li \n          {\n            display: flex;\n            align-items: center;\n            justify-content: flex-start;\n            background: #f8f9fa;\n            padding: 15px;\n            border-radius: 8px;\n            border-left: 5px solid #999999;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n            margin-bottom: 10px;\n            transition: transform 0.3s ease-in-out, border-left-color 0.3s ease-in-out;\n          }\n          .archivos-list li:hover \n          {\n            transform: scale(1.05);\n            border-left-color: #fcaa52; \/* Color Naranja *\/\n          }\n          .archivos-list li a \n          {\n            text-decoration: none;\n            color: #999999 !important;\n            display: flex;        \/* \u00edcono y texto en l\u00ednea *\/\n            align-items: flex-start; \n            gap: 20px;            \/* espacio entre \u00edcono y texto *\/\n            transition: color 0.3s ease-in-out;\n            text-align: left;\n            flex: 1;              \/* ocupa espacio disponible *\/\n            padding-right: 10px;\n              \n            \/* Ajuste para texto largo *\/\n            overflow-wrap: break-word; \/* permite romper palabras largas *\/\n            word-break: break-word;    \/* compatibilidad con navegadores *\/\n            white-space: normal;       \/* permite que el texto haga salto de l\u00ednea *\/\n          } \n          .archivos-list li:hover a\n          {\n            color: #003875 !important;\n            cursor: pointer;\n          }\n          .archivos-list li i \n          {\n            font-size: 1.2em; \/* tama\u00f1o del icono *\/\n            color: #999999;   \/* color del icono *\/\n          }\n          .archivos-list li:hover i \n          {\n            color: #003875;\n          }\n          .accordion-body img \n          {\n            width: 100%;         \/* ocupa todo el ancho del contenedor *\/\n            max-width: 850px;    \/* limita el ancho m\u00e1ximo *\/\n            height: auto;        \/* mantiene la proporci\u00f3n original *\/\n            max-height: 900px;   \/* limita la altura m\u00e1xima *\/\n            display: block;\n            margin: 0 auto;      \/* centra la imagen horizontalmente *\/\n          }\n          .accordion-button:not(.collapsed) \n          {\n            background-color: #fcaa52 !important;\n            color: white !important;\n          }\n          .accordion-button:hover,\n          .accordion-button:focus \n          {\n            background-color: #fcaa52;   \/* color institucional al pasar el mouse *\/\n            color: #fff;                 \/* texto blanco *\/\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2); \/* sombra sutil *\/\n            transition: all 0.3s ease-in-out;\n          }\n          .accordion-button::after \n          {\n            transition: transform 0.3s ease;\n          }\n          .accordion-button.collapsed::after \n          {\n            transform: rotate(0deg);\n          }\n          .accordion-button:not(.collapsed)::after \n          {\n            transform: rotate(180deg);\n          }\n          \/* blockquote Estilos *\/\n          .custom-blockquote \n          {\n            position: relative;\n            background-color: #f8f9fa;\n            border-left: 4px solid #dee2e6;\n            transition: border-color 0.3s ease, transform 0.3s ease;\n            padding-left: 3rem; \/* espacio para la comilla de apertura *\/\n          }\n          .custom-blockquote:hover \n          {\n            transform: scale(1.01);\n            border-left-color: #fcaa52 !important;\n            cursor: pointer;\n          }\n          .custom-blockquote::before \n          {\n            content: \"\\\\201C\"; \/* comilla doble izquierda *\/\n            font-size: 5rem;\n            color: #adb5bd;\n            position: absolute;\n            left: 0.5rem;\n            top: -0.5rem; \/* ajusta seg\u00fan altura del texto *\/\n            font-family: Georgia, serif; \/* tipograf\u00eda elegante *\/\n            transition: color 0.3s ease;\n          }\n          .custom-blockquote:hover::before,\n          .custom-blockquote:hover::after \n          {\n            color: #fcaa52;\n          }\n          .custom-blockquote .blockquote-header \n          {\n            font-size: 1.25rem;\n            text-align: justify; \/* justificado normal *\/\n            font-weight: 500;\n            color: #212529;\n            padding-left: 35px;\n            padding-right: 35px; \/* espacio para que la comilla final no choque *\/\n          }\n          \/* blockquote Estilos *\/\n           .edicto-item \n           {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            background: #f8f9fa;\n            padding: 12px 15px;\n            border-radius: 6px;\n            border-left: 5px solid #999999;\n            margin-bottom: 10px;\n            transition: all 0.3s ease-in-out;\n          }\n          .edicto-item:hover \n          {\n            transform: scale(1.02);\n            border-left-color: #fcaa52;\n          }\n          .edicto-left \n          {\n            display: flex;\n            flex-direction: column;\n            font-size: 0.9rem;\n            color: #555;\n          }\n          .edicto-left .id \n          {\n            font-weight: bold;\n            color: #003875;\n          }\n          .edicto-right \n          {\n            flex: 1;\n            text-align: right;\n          }\n          .edicto-right a \n          {\n            font-weight: 500;\n            text-decoration: none;\n            color: #333;\n          }\n          .edicto-right a:hover \n          {\n            color: #000000;\n          }\n          .custom-underline::after \n          {\n            content: \"\";\n            position: absolute;\n            left: 0px;\n            right: -5px;\n            bottom: 0;\n            height: 3px;\n            background-color: #fcaa52;\n          }\n        <\/style>\n      <\/head>\n      <body>\n        <div class=\"container-fluid\">\n          <div class=\"row gy-4\">\n            <div class=\"col-lg-12 text-center\">\n             <h3 class=\"fw-bold custom-underline mb-5\">Bienvenido a la Gu\u00eda de Usuario del Sistema SIGA<br>\n              <span class=\"fst-italic\" style=\"font-size:1.25rem; font-weight:normal;\">\n                <i class=\"fa-solid fa-minus\"><\/i> Versi\u00f3n 2.0 <i class=\"fa-solid fa-minus\"><\/i>\n              <\/span>\n              <\/h3>\n            <\/div>\n            <div class=\"col-md-12\">\n              <blockquote class=\"blockquote custom-blockquote p-3 rounded shadow-sm\">\n                <h2 class=\"blockquote-header fs-5 text-justify mb-0\">\n                  Refi\u00e9rase a esta secci\u00f3n para familiarizarse con ayudas visuales del sistema.sistema.<br>\n                  Esta Gu\u00eda de Usuario contiene informaci\u00f3n que es de propiedad de CrimsonLogic. Ninguna parte de esta Gu\u00eda de Usuario debe ser reproducida de ninguna forma (incluyendo fotocopias o archiv\u00e1ndola electr\u00f3nicamente, fuese o no pasado a otro usuario transitoria o accidentalmente) sin el consentimiento por escrito de CrimsonLogic en acuerdo con el Acta de Derechos de Autor de Singapur (Capitulo 63).<br>Ya esta disponible la versi\u00f3n final para corredores \n                <\/h2>\n              <\/blockquote>\n            <\/div>  \n            <div class=\"col-lg-12 text-center\">\n              <div id=\"myaccordionid\" class=\"accordion\"><\/div>\n            <\/div>\n          <\/div>\n      <\/body>\n    <\/html>\n  `;\n\n  iframe.srcdoc = srcdoc;\n  \/\/ -----------------------------\n  \/\/ \ud83d\udd39 Datos estructurados\n  \/\/ -----------------------------\n  const categories = \n  {\n    Cat1: \"Guia de Usuario\",\n  };\n\n  \/\/ -----------------------------\n  \/\/ \ud83d\udd39 Prefijo base para todos los documentos\n  \/\/ -----------------------------\n  const baseUrl = \"\/wp-content\/uploads\/guias_usuarios\/\";\n\n  const resoluciones = \n  [\n    { date: \"1\", title: \"Gu\u00eda de Usuarios Aerol\u00edneas Certificada\", link: baseUrl + \"guia_usuarios_1.pdf\", status: 1, category: \"Cat1\"},\n    { date: \"2\", title: \"Gu\u00eda de Usuarios Compa\u00f1\u00eda Transportadora Certificada\", link: baseUrl + \"guia_usuarios_2.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"3\", title: \"Gu\u00eda de Usuarios Consolidadores Certificada\", link: baseUrl + \"guia_usuarios_3.pdf\", status: 1, category: \"Cat1\" },\n    { date: \"4\", title: \"Gu\u00eda de Usuarios Corredores Certificados (FINAL)\", link: baseUrl + \"guia_usuarios_4.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"4.1\", title: \"Gu\u00eda de Usuario Certificaci\u00f3n de Origen\", link: baseUrl + \"guia_usuarios_4-1.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"4.2\", title: \"Gu\u00eda de Usuario Certificaci\u00f3n de Origen (Auto certificaci\u00f3n)\", link: baseUrl + \"guia_usuarios_4-2.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"4.3\", title: \"Gu\u00eda de Usuario Certificaci\u00f3n de Origen (Preferencial)\", link: baseUrl + \"guia_usuarios_4-3.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"4.4\", title: \"Gu\u00eda de Usuario Determinaci\u00f3n de Origen\", link: baseUrl + \"guia_usuarios_4-4.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"5\", title: \"Gu\u00eda de Usuarios Navieras Certificada\", link: baseUrl + \"guia_usuarios_5.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"6\", title: \"Gu\u00eda de Usuarios de Funcionarios de Aduanas\", link: baseUrl + \"guia_usuarios_6.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"7\", title: \"Gu\u00eda Decreto 6\", link: baseUrl + \"guia_usuarios_7.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"8\", title: \"Gu\u00eda de Usuarios de Ventanilla \u00danica\", link: baseUrl + \"guia_usuarios_8.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"8.1\", title: \"Gu\u00eda de Usuario Aprobaci\u00f3n de Certificado de Origen\", link: baseUrl + \"guia_usuarios_8-1.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"8.2\", title: \"Gu\u00eda de Usuario Aprobaci\u00f3n para Determinaci\u00f3n de Origen\", link: baseUrl + \"guia_usuarios_8-2.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"9\", title: \"Gu\u00eda de Usuario Exportaci\u00f3n\/Reexportaci\u00f3n Certificada\", link: baseUrl + \"guia_usuarios_9.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"9.1\", title: \"Gu\u00eda de Usuario Certificaci\u00f3n de Origen\", link: baseUrl + \"guia_usuarios_9-1.pdf\", status: 1, category: \"Cat1\" },\n    { date: \"9.2\", title: \"Gu\u00eda de Usuario Certificaci\u00f3n de Origen (Auto certificaci\u00f3n)\", link: baseUrl + \"guia_usuarios_9-2.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"9.3\", title: \"Gu\u00eda de Usuario Certificaci\u00f3n de Origen (Preferencial)\", link: baseUrl + \"guia_usuarios_9-3.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"9.4\", title: \"Gu\u00eda de Usuario Determinaci\u00f3n de Origen\", link: baseUrl + \"guia_usuarios_9-4.pdf\", status: 1,category: \"Cat1\"  },\n    { date: \"10\", title: \"Manual de Rectificativa de Declaraciones\", link: baseUrl + \"guia_usuarios_10.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"11\", title: \"Manual de Rectificativa de Manifiesto\", link: baseUrl + \"guia_usuarios_11.pdf\", status: 1,category: \"Cat1\" },\n    { date: \"12\", title: \"Gu\u00eda de usuario \u00d3rganos Anuentes Nivel 1 y Nivel 2\", link: baseUrl + \"guia_usuarios_12.pdf\", status: 1 ,category: \"Cat1\"},\n    { date: \"13\", title: \"Gu\u00eda de Usuario de Monitoreo de Textiles\", link: baseUrl + \"guia_usuarios_13.pdf\", status: 1,category: \"Cat1\" },\n  ]\n\n  iframe.addEventListener(\"load\", function () \n  {\n    const doc = iframe.contentDocument || iframe.contentWindow.document;\n    \/\/ Inyectar Bootstrap JS\n    const bs = doc.createElement(\"script\");\n    bs.src = \"\/wp-content\/uploads\/assets\/bootstrap\/js\/bootstrap.min.js\";\n    doc.body.appendChild(bs);\n\n    \/\/ Inyectar SweetAlert2 JS\n    const sw = doc.createElement(\"script\");\n    sw.src = \"\/wp-content\/uploads\/assets\/sweetalert2\/js\/sweetalert2.min.js\";\n    doc.body.appendChild(sw);\n\n    \/\/ -----------------------------\n    \/\/ Ajustar altura del iframe autom\u00e1ticamente\n    \/\/ -----------------------------\n    function ajustarAltura() \n    {\n      iframe.style.height = doc.body.scrollHeight + \"px\";\n    }\n    const resizeObserver = new ResizeObserver(() => ajustarAltura());\n    resizeObserver.observe(doc.body);\n    iframe.contentWindow.addEventListener(\"resize\", ajustarAltura);\n    \/\/ -----------------------------\n    \/\/ Construir acorde\u00f3n din\u00e1mico\n    \/\/ -----------------------------\n    const accordion = doc.getElementById(\"myaccordionid\");\n    let catIndex = 0;\n    for (const [catKey, catName] of Object.entries(categories)) \n    {\n      catIndex++;\n      const catId = `cat-${catIndex}`;\n      const headerId = `${catId}-header`;\n      const collapseId = `${catId}-collapse`;\n      \/\/ Filtrar resoluciones activas\n      const resolucionesActivas = resoluciones.filter(r => r.category === catKey && r.status === 1);\n      let contenido = \"\";\n      if (resolucionesActivas.length > 0) \n      {\n        contenido = `\n          <div id=\"${catId}-list\"><\/div>\n            <nav id=\"${catId}-pagination\" class=\"mt-3\"><\/nav>\n        `;\n      } \n      else \n      {\n        contenido = `\n          <div class=\"alert alert-warning d-flex align-items-center\" role=\"alert\">\n            <i class=\"fa-solid fa-triangle-exclamation me-2\"><\/i>\n            Esta categor\u00eda no mantiene resoluciones: <strong>${catName}<\/strong>\n          <\/div>\n        `;\n      }\n\n      const item = doc.createElement(\"div\");\n      item.className = \"accordion-item\";\n\n      item.innerHTML = `\n        <h2 class=\"accordion-header\" id=\"${headerId}\">\n          <button class=\"accordion-button ${catIndex===1 ? \"\" : \"collapsed\"}\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#${collapseId}\" aria-expanded=\"${catIndex===1 ? \"true\" : \"false\"}\" aria-controls=\"${collapseId}\">\n            <i class=\"fa-solid fa-folder-open me-2\"><\/i> ${catName}\n          <\/button>\n        <\/h2>\n        <div id=\"${collapseId}\" class=\"accordion-collapse collapse ${catIndex===1 ? \"show\" : \"\"}\" aria-labelledby=\"${headerId}\" data-bs-parent=\"#myaccordionid\">\n          <div class=\"accordion-body\">${contenido}<\/div>\n        <\/div>\n      `;\n      accordion.appendChild(item);\n\n      \/\/ Inicializar paginador si hay items\n      if (resolucionesActivas.length > 0) {\n        setupPaginationForCategory(catId, resolucionesActivas);\n      }\n    }\n\n    \/\/ -----------------------------\n    \/\/ Setup paginador por categor\u00eda\n    \/\/ -----------------------------\n    function setupPaginationForCategory(catId, items) \n    {\n      console.log(catId);\n      const perPage = 5;\n      let currentPage = 1;\n      const totalPages = Math.max(1, Math.ceil(items.length \/ perPage));\n      const listDiv = doc.getElementById(`${catId}-list`);\n      const paginationNav = doc.getElementById(`${catId}-pagination`);\n      const spinnerHTML = `<div class=\"text-center p-3\"><i class=\"fa-solid fa-spinner fa-spin fa-2x\"><\/i><\/div>`;\n\n      function calcRange(current) \n      {\n        let start = Math.max(1, current - 1);\n        let end = Math.min(totalPages, start + 2);\n        if (end - start < 2) start = Math.max(1, end - 2);\n        return { start, end };\n      }\n\n      function renderPagination() \n      {\n        if (totalPages <= 1) \n        {\n          paginationNav.innerHTML = \"\";\n          return;\n        }\n\n        const { start, end } = calcRange(currentPage);\n        let html = `<ul class=\"pagination justify-content-center mb-0\">`;\n        html += `<li class=\"page-item ${currentPage===1?\"disabled\":\"\"}\">\n                   <a class=\"page-link\" href=\"#\" data-action=\"first\">\n                     <i class=\"fa-solid fa-angle-double-left\"><\/i>\n                   <\/a>\n                 <\/li>`;\n        html += `<li class=\"page-item ${currentPage===1?\"disabled\":\"\"}\">\n                   <a class=\"page-link\" href=\"#\" data-action=\"prev\">\n                     <i class=\"fa-solid fa-angle-left\"><\/i>\n                   <\/a>\n                 <\/li>`;\n        for (let i=start; i<=end; i++)\n        {\n          html += `<li class=\"page-item ${i===currentPage?\"active\":\"\"}\">\n                     <a class=\"page-link\" href=\"#\" data-page=\"${i}\">${i}<\/a>\n                   <\/li>`;\n        }\n        html += `<li class=\"page-item ${currentPage===totalPages?\"disabled\":\"\"}\">\n                   <a class=\"page-link\" href=\"#\" data-action=\"next\">\n                     <i class=\"fa-solid fa-angle-right\"><\/i>\n                   <\/a>\n                 <\/li>`;\n        html += `<li class=\"page-item ${currentPage===totalPages?\"disabled\":\"\"}\">\n                   <a class=\"page-link\" href=\"#\" data-action=\"last\">\n                     <i class=\"fa-solid fa-angle-double-right\"><\/i>\n                   <\/a>\n                 <\/li>`;\n        html += `<\/ul>`;\n        paginationNav.innerHTML = html;\n\n        \/\/ listeners para cambiar p\u00e1gina (igual que antes)\n        paginationNav.querySelectorAll(\".page-link\").forEach(link=>{\n          link.addEventListener(\"click\", e=>{\n            e.preventDefault();\n            const action = link.getAttribute(\"data-action\");\n            const pageAttr = link.getAttribute(\"data-page\");\n            let targetPage = currentPage;\n\n            if (action===\"first\") targetPage=1;\n            else if (action===\"prev\") targetPage=Math.max(1,currentPage-1);\n            else if (action===\"next\") targetPage=Math.min(totalPages,currentPage+1);\n            else if (action===\"last\") targetPage=totalPages;\n            else if (pageAttr) targetPage=parseInt(pageAttr,10);\n\n            if (targetPage===currentPage) return;\n\n            \/*listDiv.innerHTML = spinnerHTML;\n            try { container.scrollIntoView({behavior:\"smooth\",block:\"start\"});}catch(e){}\n            setTimeout(()=> renderPage(targetPage), 400);*\/\n            listDiv.innerHTML = spinnerHTML;\n\n            \/\/ \ud83d\udd39 Esperar que el iframe ajuste altura antes de hacer scroll\n            setTimeout(() => \n            {\n              renderPage(targetPage);       \/\/ Renderiza la p\u00e1gina nueva\n              ajustarAltura();              \/\/ Ajusta height del iframe al contenido\n              container.scrollIntoView({    \/\/ Scroll al contenedor externo\n                  behavior: \"smooth\",\n                  block: \"start\"\n              });\n            }, 100);  \/\/ 100ms es suficiente para que DOM se actualice\n          });\n        });\n      }\n\n      function renderPage(page) \n      {\n        currentPage = page;\n        const startIdx = (page - 1) * perPage;\n        const pageItems = items.slice(startIdx, startIdx + perPage);\n        let html = `<ul class=\"list-group archivos-list\" style=\"display: block;\">`;\n        pageItems.forEach((r) => \n        {\n          const linkValido = r.link && r.link !== \"#\" ? r.link : null;\n          html += `\n            <li class=\"list-group-item d-flex align-items-center\">\n              <!-- Bloque izquierdo: icono + fecha juntos -->\n              <div class=\"text-center me-2\" style=\"width: 40px; display: inline-block;\">\n                <i class=\"fa-solid fa-check fa-lg\"><\/i>\n                <div style=\"font-size: 0.8em;\">${r.date}<\/div>\n              <\/div>\n\n              <!-- Bloque derecho: t\u00edtulo o link -->\n              ${linkValido \n                ? `<a href=\"${linkValido}\" target=\"_blank\" download class=\"flex-grow-1 resolution-link text-start\" data-cat=\"${catId}\" style=\"text-decoration: none;\">${r.title}<\/a>`\n                : `<span class=\"text-muted flex-grow-1 text-start\">${r.title} <small class=\"text-dark fw-bold custom-underline\">(No Disponible)<\/small><\/span>`}\n            <\/li>`;\n        });\n\n        html += `<\/ul>`;\n        listDiv.innerHTML = html;\n        \/\/ -----------------------------\n        \/\/ Agregar evento a cada enlace para preguntar antes de descargar\n        \/\/ -----------------------------\n        doc.querySelectorAll(\".resolution-link\").forEach(a => \n        {\n          a.addEventListener(\"click\", function(e) {\n            e.preventDefault();\n            const url = a.href;\n            const nombre = a.textContent;\n\n            \/\/ Obtener catId desde el data-cat del enlace\n            const catIdLink = a.getAttribute(\"data-cat\"); \/\/ ej. \"cat-2\"\n            const key = \"Cat\" + catIdLink.split(\"-\")[1];   \/\/ ej. \"Cat1\"\n            const catName = categories[key] || \"Resoluciones\";\n\n            iframe.contentWindow.Swal.fire({\n              title: catName,\n              text: \"\u00bfDesea descargar el archivo de \" + nombre + \"?\",\n              icon: 'question',\n              showCancelButton: true,\n              confirmButtonText: 'S\u00ed, descargar',\n              cancelButtonText: 'Cancelar'\n            }).then((result) => {\n              if (result.isConfirmed) {\n                const link = doc.createElement('a');\n                link.href = url;\n                link.download = nombre;\n                doc.body.appendChild(link);\n                link.click();\n                doc.body.removeChild(link);\n              }\n            });\n          });\n        });\n        renderPagination();\n      }\n      renderPage(1);\/\/ Render inicial\n    }\n\n    \/\/ -----------------------------\n    \/\/ Scroll al abrir acorde\u00f3n tras interacci\u00f3n\n    \/\/ -----------------------------\n    let usuarioInteractuo = false;\n    const acordeonHeaders = doc.querySelectorAll('.accordion-button');\n    acordeonHeaders.forEach(header=>{\n      header.addEventListener('click',()=>{\n        usuarioInteractuo=true;\n      });\n    });\n\n    const acordeonCollapses = doc.querySelectorAll('.accordion-collapse');\n    acordeonCollapses.forEach(collapse=>{\n      collapse.addEventListener('shown.bs.collapse',()=>{\n        if(!usuarioInteractuo) return;\n        try{ container.scrollIntoView({behavior:'smooth',block:'start'});}catch(e){}\n      });\n    });\n    \/\/ -----------------------------\n    \/\/ Scroll inicial al top del iframe\n    \/\/ -----------------------------\n    iframe.contentWindow.scrollTo({top:0,behavior:\"auto\"});\n    ajustarAltura();\n  });\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-442","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>Gu\u00eda de Usuario - 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\/guia-de-usuario\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda de Usuario - Autoridad Nacional de Aduanas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/\" \/>\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-13T19:35:40+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\\\/guia-de-usuario\\\/\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/guia-de-usuario\\\/\",\"name\":\"Gu\u00eda de Usuario - Autoridad Nacional de Aduanas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#website\"},\"datePublished\":\"2025-08-14T14:30:10+00:00\",\"dateModified\":\"2025-10-13T19:35:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/guia-de-usuario\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/guia-de-usuario\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/guia-de-usuario\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ana.gob.pa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gu\u00eda de Usuario\"}]},{\"@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":"Gu\u00eda de Usuario - 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\/guia-de-usuario\/","og_locale":"es_ES","og_type":"article","og_title":"Gu\u00eda de Usuario - Autoridad Nacional de Aduanas","og_url":"https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/","og_site_name":"Autoridad Nacional de Aduanas","article_publisher":"https:\/\/www.facebook.com\/aduanas.panama\/","article_modified_time":"2025-10-13T19:35:40+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\/guia-de-usuario\/","url":"https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/","name":"Gu\u00eda de Usuario - Autoridad Nacional de Aduanas","isPartOf":{"@id":"https:\/\/www.ana.gob.pa\/#website"},"datePublished":"2025-08-14T14:30:10+00:00","dateModified":"2025-10-13T19:35:40+00:00","breadcrumb":{"@id":"https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ana.gob.pa\/index.php\/guia-de-usuario\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ana.gob.pa\/"},{"@type":"ListItem","position":2,"name":"Gu\u00eda de Usuario"}]},{"@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\/442","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=442"}],"version-history":[{"count":53,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/442\/revisions"}],"predecessor-version":[{"id":3326,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/442\/revisions\/3326"}],"wp:attachment":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/media?parent=442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}