{"id":364,"date":"2025-08-13T11:54:34","date_gmt":"2025-08-13T16:54:34","guid":{"rendered":"http:\/\/10.190.55.6\/?page_id=364"},"modified":"2025-12-11T08:21:01","modified_gmt":"2025-12-11T13:21:01","slug":"cargos-y-formalidades","status":"publish","type":"page","link":"https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/","title":{"rendered":"Cargos y Formalidades Aduaneras"},"content":{"rendered":"    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n     <style> \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: 0;\n    right: -5px;\n    bottom: 0;\n    height: 3px;\n    background-color: #fcaa52;\n  }\n  .card \n  {\n    border: none;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n    transition: transform 0.3s ease;\n  }\n  .card:hover \n  {\n    transform: translateY(-5px);\n  }\n  .card-img-top \n  {\n    border-top-left-radius: 0.25rem;\n    border-top-right-radius: 0.25rem;\n  }\n  .card-body p \n  {\n    color: #003875;\n  }\n  .accordion .card \n  {\n    margin-bottom: 10px;\n    border: 1px solid #dee2e6;\n  }\n  .accordion .card-header \n  {\n    background-color: #fff;\n    padding: 0;\n  }\n  .accordion .btn-link \n  {\n    display: block;\n    width: 100%;\n    text-align: left;\n    color: #003875;\n    font-weight: 600;\n    text-decoration: none;\n    padding: 15px 20px;\n    transition: all 0.3s ease;\n  }\n  .accordion .btn-link:hover,\n  .accordion .btn-link:focus \n  {\n    background-color: #fcaa52;\n    color: #fff;\n    text-decoration: none;\n  }\n  .accordion .btn-link.collapsed \n  {\n    background-color: #f8f9fa;\n    color: #003875;\n  }\n  .accordion .btn-link:not(.collapsed) \n  {\n    background-color: #fcaa52; \/* Fondo NARANJA *\/\n    color: #fff;               \/* Texto BLANCO *\/\n    font-weight: bold;         \/* Negrita *\/\n  }\n  .accordion .card-body img \n  {\n    width: 100%;\n    max-width: 850px;\n    height: auto;\n    display: block;\n    margin: 0 auto;\n  }\n  \/* ========================================================= *\/\n  \/* ====== ESTILOS FINALES PARA EL \u00cdTEM DE LISTA \n  \/* ========================================================= *\/\n  .archivos-list .edicto-item-final \n  {\n    background: #ffffff;\n    border-radius: 8px; \n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); \n    margin-bottom: 12px;\n    border-left: 5px solid #6c757d; \n    transition: all 0.3s ease;\n    cursor: pointer;\n  }\n  \/* Estilo del enlace (a) dentro del li *\/\n  .archivos-list .edicto-item-final a \n  {\n    text-decoration: none !important;\n  }\n  .archivos-list .edicto-item-final:hover \n  {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n    border-left-color: #fcaa52; \/* NARANJA en hover *\/\n  }\n  \/* T\u00edtulos (Etiquetas - item-title): FUERZA DE NEGRITA CORREGIDA *\/\n  .archivos-list .edicto-item-final .fw-bolder \n  {\n    font-weight: 900 !important; \/* Valor alto para asegurar el bold *\/\n    color: #343a40 !important;\n    transition: color 0.3s;\n  }\n  \/* Icono Principal (item-icon-base): Inicialmente GRIS (Color de transici\u00f3n) *\/\n  .archivos-list .edicto-item-final .item-icon-base \n  {\n    color: #6c757d !important;\n    transition: color 0.3s;\n  }\n  \/* Eliminamos estilos de fondo para el icono (Bloque 1) *\/\n  .archivos-list .edicto-item-final .item-col-left div:first-child \n  {\n    background: none !important; \/* Elimina bg-light *\/\n    box-shadow: none !important; \/* Elimina shadow-sm *\/\n    padding: 0 !important; \/* Ajusta el padding si es necesario *\/\n  }\n  \/* --- CAMBIOS EN HOVER --- *\/\n  .archivos-list .edicto-item-final:hover .item-title \n  {\n    color: #003875 !important; \/* Color oscuro para el t\u00edtulo en hover *\/\n  }\n  \/* El icono principal cambia a NARANJA *\/\n  .archivos-list .edicto-item-final:hover .item-icon-base \n  {\n    color: #fcaa52 !important; \n  }\n  \/* --- TAMA\u00d1OS (Unificaci\u00f3n) --- *\/\n  .archivos-list .edicto-item-final .small \n  {\n    font-size: 0.9rem !important;\n  }\n  .archivos-list .edicto-item-final .flex-grow-1 div \n  {\n    font-size: 1rem !important; \/* Base para las l\u00edneas de contenido *\/\n  }\n  .archivos-list .edicto-item-final .text-danger.fw-bolder \n  {\n    font-weight: 900 !important;\n  }\n  .entry-content a \n  {\n    box-shadow: 0 0 0 0 currentColor;\n  }\n  .pagination {display: inline-flex !important;}\n  .pagination-sm .page-link \n  {\n    font-size: 1rem; \/* Tama\u00f1o de fuente est\u00e1ndar *\/\n    padding-top: 0.75rem; \n    padding-bottom: 0.2rem; \n    padding-left: 0.5rem; \n    padding-right: 0.5rem;\n    line-height: 1.5; \n  }\n  .entry-content a \n  {\n    color: #000 !important;\n  }\n \n  @media (max-width: 767.98px) \n  {\n    \/* El LI pasa a ser una columna (ya est\u00e1 as\u00ed por flex-column) *\/\n    .archivos-list .edicto-item-final \n    {\n      padding: 1rem !important; \/* Menos padding en m\u00f3vil *\/\n    }\n    \/* 1. Contenedor del Icono\/Fecha (item-col-left): Centrado Horizontal *\/\n    \/* El d-flex flex-column text-center asegura que el icono y la fecha queden centrados *\/\n    .archivos-list .edicto-item-final .item-col-left \n    {\n      width: 100% !important; \/* Ocupa todo el ancho superior *\/\n      min-width: unset !important;\n      \/* El mb-2 sigue aplicando y deja espacio con el contenido de abajo *\/\n    }\n    \/* 2. Contenedor del Contenido (item-col-center): Alineaci\u00f3n Izquierda *\/\n    \/* Este es el cambio m\u00e1s importante: forzar la alineaci\u00f3n a la izquierda *\/\n    .archivos-list .edicto-item-final .item-col-center \n    {\n      text-align: left !important; \/* Alinea todo el texto a la izquierda en m\u00f3vil *\/\n      width: 100%;\n    }\n    \/* Aseguramos que todas las l\u00edneas de contenido se vean correctamente *\/\n    .archivos-list .edicto-item-final .item-col-center > div \n    {\n      display: block; \/* Asegura que cada l\u00ednea (descripci\u00f3n, c\u00f3digo) ocupe su propio espacio *\/\n      width: 100%;\n      margin-bottom: 0.25rem !important; \/* Espacio extra entre l\u00edneas *\/\n    }\n    \/* Ajuste para el texto NO DISP. en m\u00f3vil *\/\n    .archivos-list .edicto-item-final .text-danger.fw-bolder \n    {\n      text-align: left !important; \/* Asegura que el NO DISP. quede alineado con el texto *\/\n    }\n    \/* Eliminamos el margen entre bloques *\/\n    .archivos-list .edicto-item-final .me-md-4 \n    {\n      margin-right: 0 !important;\n      margin-left: 0 !important;\n    }\n    .pagination-sm .page-item \n    {\n      margin: 0 1px; \/* Reduce el espacio entre los botones *\/\n    }\n    .pagination-sm .page-link \n    {\n      font-size: 0.8rem; \/* Fuente m\u00e1s peque\u00f1a para que quepa todo *\/\n      padding: 0.1rem 0.3rem; \/* Padding a\u00fan m\u00e1s peque\u00f1o *\/\n      min-width: 25px; \/* Establece un ancho m\u00ednimo para los botones *\/\n      height: 30px; \/* Establece una altura fija si es necesario *\/\n      display: flex; \/* Para centrar el contenido (icono\/n\u00famero) *\/\n      align-items: center;\n      justify-content: center;\n      width: 30px;\n      padding-top: 0.25rem;\n    }\n    \/* Ocultar botones de \"Primero\" y \"\u00daltimo\" en pantallas muy peque\u00f1as *\/\n    .pagination-sm .page-item:first-child, \/* Bot\u00f3n \"Primero\" *\/\n    .pagination-sm .page-item:last-child { \/* Bot\u00f3n \"\u00daltimo\" *\/\n        display: none; \n    }\n    \/* Ajustar los iconos dentro de los botones *\/\n    .pagination-sm .page-link i \n    {\n        font-size: 0.8rem; \/* Reduce el tama\u00f1o de los iconos si es necesario *\/\n    }\n    .accordion .btn-link \n    {\n      font-size: 10px;\n    }\n  }\n<\/style>\n\n<div class=\"container-fluid\">\n  <div class=\"row mb-4\">\n    <div class=\"col-lg-12 text-center\">\n      <h3 class=\"font-weight-bold custom-underline\">Cargos y Formalidades Aduaneras<\/h3>\n    <\/div>\n    <div class=\"col-lg-12 text-center mt-4 mb-4\">\n      <div id=\"myaccordionid\" class=\"accordion\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n jQuery(document).ready(function($)\n {\n  const ITEMS_PER_PAGE = 5;\n  let allSortedItems = {};\n  let categoriesCache = {};\n \n  \/\/ Funci\u00f3n de ayuda para parsear la fecha (se mantiene sin cambios)\n  const parseDate = (dateString) =>\n  {\n    if (!dateString || dateString.length !== 10 || dateString === \"@\")\n    {\n      return new Date(0); \/\/ Epoch, la fecha m\u00e1s antigua\n    }\n    const [d, m, y] = dateString.split('\/').map(Number);\n    return new Date(Date.UTC(y, m - 1, d));\n  };\n\n  \/**\n  * Renderiza la p\u00e1gina de \u00edtems para una categor\u00eda espec\u00edfica.\n  * @param {string} catKey - La clave de la categor\u00eda.\n  * @param {string} catName - El nombre de la categor\u00eda.\n  * @param {number} catIndex - El \u00edndice de la categor\u00eda.\n  * @param {number} page - El n\u00famero de p\u00e1gina a renderizar.\n  *\/\n  const renderPage = (catKey, catName, catIndex, page = 1) =>\n  {\n    const sortedItems = allSortedItems[catKey];\n    if (!sortedItems) return;\n    const totalItems = sortedItems.length;\n    const totalPages = Math.ceil(totalItems \/ ITEMS_PER_PAGE);\n    const start = (page - 1) * ITEMS_PER_PAGE;\n    const end = start + ITEMS_PER_PAGE;\n    const itemsToRender = sortedItems.slice(start, end);\n\n    const $listContainer = $(`#list-container-${catKey}`);\n    const $paginationContainer = $(`#pagination-container-${catKey}`);\n     \n    let listHTML = `<ul class=\"list-group archivos-list\">`;\n    \n    itemsToRender.forEach(item =>\n    {\n      const costoValue = item.costo || 'N\/A';\n      \/\/ **NOTA:** La clase cursor:pointer fue movida al CSS.\n      const liClasses = 'list-group-item d-flex flex-column flex-md-row align-items-md-center p-3 edicto-item-final'; \n      \n      let itemContentHTML = '';\n\n      \/\/ *** 1. L\u00d3GICA DE VISUALIZACI\u00d3N DE TRES CAMPOS (Desde, Hasta, Costo) ***\n      if (item.title && item.title2 && item.costo) \n      {\n        \/\/ Caso: Estructura Desde\/Hasta\/Costo (ejemplo cat2)\n        const desdeValue = item.title;\n        const hastaValue = item.title2;\n        \n        itemContentHTML = `\n          <div class=\"flex-grow-1 text-center text-md-left item-col-center\">\n            <div class=\"mb-0 small\">\n              <span class=\"fw-bolder me-1 item-title\">Desde:<\/span>\n              <span class=\"text-secondary fw-normal item-value\">${desdeValue}<\/span>\n            <\/div>\n            <div class=\"mb-0 small\">\n              <span class=\"fw-bolder me-1 item-title\">Hasta:<\/span>\n              <span class=\"text-secondary fw-normal item-value\">${hastaValue}<\/span>\n            <\/div>\n            <div class=\"mb-0 small\">\n              <span class=\"fw-bolder me-1 item-title\">Costo:<\/span>\n              <span class=\"text-dark fw-bolder item-value\">${costoValue}<\/span>\n            <\/div>\n          <\/div>`;\n      } \n      else \n      {\n        \/\/ Caso: Estructura Descripci\u00f3n\/Costo (ejemplo cat1 o gen\u00e9rico)\n        const displayTitle = item.desc_producto || item.title || 'N\/A';\n        const titleLabel = 'Descripci\u00f3n:';\n\n        itemContentHTML = `\n          <div class=\"flex-grow-1 text-center text-md-left item-col-center\">\n            <div class=\"mb-0 small\">\n              <span class=\"fw-bolder me-1 item-title\">${titleLabel}<\/span>\n              <span class=\"text-secondary fw-normal item-value\">${displayTitle}<\/span>\n            <\/div>\n            <div class=\"mb-0 small\">\n              <span class=\"fw-bolder me-1 item-title\">Costo:<\/span>\n              <span class=\"text-dark fw-bolder item-value\">${costoValue}<\/span>\n            <\/div>\n          <\/div>`;\n      }\n\n      listHTML += `\n      <li class=\"${liClasses}\">\n        <a nohref\n          data-file-title=\"${item.title || item.desc_producto || ''}\"\n          data-phone-number=\"${costoValue}\"\n          class=\"w-100 d-flex flex-column flex-md-row align-items-md-center text-decoration-none text-dark\">\n          <div class=\"d-flex flex-column flex-shrink-0 text-center mb-2 mb-md-0 me-md-4 item-col-left\" style=\"min-width: 50px; width: 50px;\">\n            <div class=\"p-2 d-flex justify-content-center align-items-center mb-0\">\n              <i class=\"fa-solid fa-dollar-sign fa-2x item-icon-base text-primary\"><\/i>\n            <\/div>\n          <\/div>\n          ${itemContentHTML}\n        <\/a>\n      <\/li>`;\n    });\n    listHTML += `<\/ul>`;\n    $listContainer.html(listHTML);\n\n    \/\/ L\u00f3gica de Paginaci\u00f3n (sin cambios)\n    let paginationHTML = '';\n    if (totalPages > 1)\n    {\n      let startPage = Math.max(1, page - 2);\n      let endPage = Math.min(totalPages, page + 2);\n       \n      if (endPage - startPage < 4)\n      {\n        if (startPage === 1) endPage = Math.min(totalPages, 5);\n        if (endPage === totalPages) startPage = Math.max(1, totalPages - 4);\n      }\n      startPage = Math.max(1, startPage);\n       \n      paginationHTML += `\n      <div class=\"mt-3\" style=\"display: flex; justify-content: center;\">\n        <nav aria-label=\"Paginaci\u00f3n para ${catName}\">\n          <ul class=\"pagination justify-content-center pagination-controls pagination-sm\" data-cat=\"${catKey}\" data-cat-index=\"${catIndex}\">`;\n       \n        \/\/ Primero (First)\n        paginationHTML += `\n        <li class=\"page-item ${page === 1 ? 'disabled' : ''}\">\n          <a class=\"page-link\" href=\"#\" data-page=\"1\" title=\"Primero\" aria-label=\"Primero\">\n            <i class=\"fa-solid fa-angles-left\"><\/i>\n          <\/a>\n        <\/li>`;\n       \n        \/\/ Anterior (Previous)\n        paginationHTML += `\n        <li class=\"page-item ${page === 1 ? 'disabled' : ''}\">\n          <a class=\"page-link\" href=\"#\" data-page=\"${page - 1}\" title=\"Anterior\" aria-label=\"Anterior\">\n            <i class=\"fa-solid fa-angle-left\"><\/i>\n          <\/a>\n        <\/li>`;\n       \n        \/\/ Botones de n\u00famero\n        for (let i = startPage; i <= endPage; i++)\n        {\n          paginationHTML += `\n          <li class=\"page-item ${i === page ? 'active' : ''}\">\n            <a class=\"page-link\" href=\"#\" data-page=\"${i}\">${i}<\/a>\n          <\/li>`;\n        }\n\n        \/\/ Siguiente (Next)\n        paginationHTML += `\n        <li class=\"page-item ${page === totalPages ? 'disabled' : ''}\">\n          <a class=\"page-link\" href=\"#\" data-page=\"${page + 1}\" title=\"Siguiente\" aria-label=\"Siguiente\">\n            <i class=\"fa-solid fa-angle-right\"><\/i>\n          <\/a>\n        <\/li>`;\n\n        \/\/ \u00daltimo (Last)\n        paginationHTML += `\n        <li class=\"page-item ${page === totalPages ? 'disabled' : ''}\">\n          <a class=\"page-link\" href=\"#\" data-page=\"${totalPages}\" title=\"\u00daltimo\" aria-label=\"\u00daltimo\">\n            <i class=\"fa-solid fa-angles-right\"><\/i>\n          <\/a>\n        <\/li>`;\n      paginationHTML += `\n          <\/ul>\n        <\/nav>\n      <\/div>`;\n    }\n    $paginationContainer.html(paginationHTML);\n  };\n\n  (async function()\n  {\n    const myaccordionid = document.getElementById('myaccordionid');\n    const dominio = '\/';\n    let nuevo = {};\n    let historico = {};\n    const ts = new Date().getTime();\n    try\n    {\n      const jsonFilePath = `${dominio}wp-content\/uploads\/tasa_formalidades.json?ts=${ts}`;\n      const nuevoRes = await fetch(jsonFilePath);\n      if (!nuevoRes.ok)\n      {\n        console.error(`ERROR HTTP: La solicitud fall\u00f3 con estado ${nuevoRes.status}`);\n        throw new Error(`HTTP error! status: ${nuevoRes.status}`);\n      }\n      const jsonText = await nuevoRes.text();\n      nuevo = JSON.parse(jsonText);\n    }\n    catch(err)\n    {\n      console.error('\u274c FALLO CR\u00cdTICO en la carga\/parseo del JSON:', err);\n      nuevo = {};\n    }\n     \n    if (Object.keys(nuevo).length === 0 && Object.keys(historico).length === 0)\n    {\n      myaccordionid.innerHTML = '<p class=\"text-danger text-center mt-3\">Sistema en mantenimiento. Por favor, intente m\u00e1s tarde.<\/p>';\n      return;\n    }\n\n    Object.keys(nuevo).forEach((catKey) =>\n    {\n      const catName = nuevo[catKey]?.Name;\n      if (!catName) return;\n      const items =\n      [\n        ...(nuevo[catKey]?.Items || []),\n        ...(historico[catKey]?.Items || [])\n      ]\n      .filter(i => i.status === 1);\n\n      if (items.length > 0)\n      {\n        const sortedItems = items.map(item => ({\n          ...item,\n          dateObj: parseDate(item.date)\n        })).sort((a, b) => b.dateObj - a.dateObj);\n        allSortedItems[catKey] = sortedItems;\n        categoriesCache[catKey] = catName; \n      }\n    });\n     \n    if (myaccordionid.querySelector('.spinner-border'))\n    {\n      myaccordionid.innerHTML = '';\n    }\n    \n    let isFirstItem = true; \n\n    Object.keys(allSortedItems).forEach((catKey, catIndex) =>\n    {\n      const catItems = allSortedItems[catKey];\n      const catName = categoriesCache[catKey];\n      const collapseId = 'collapse' + catIndex;\n      const contador = catItems.length;\n            \n      const showClass = isFirstItem ? 'show' : ''; \n      const buttonCollapsed = isFirstItem ? '' : 'collapsed'; \n      const ariaExpanded = isFirstItem ? 'true' : 'false'; \n      const iconClass = isFirstItem ? 'fa-chevron-down' : 'fa-chevron-right'; \n\n      let html = `\n      <div class=\"card mb-2 border-0 shadow-sm\" id=\"accordion-item-${catIndex}\">\n        <div class=\"card-header bg-light\" id=\"heading${catIndex}\">\n          <h5 class=\"mb-0\">\n            <button class=\"btn btn-link w-100 d-flex justify-content-between align-items-center text-left text-dark ${buttonCollapsed}\"\n              data-toggle=\"collapse\"\n              data-target=\"#${collapseId}\"\n              aria-expanded=\"${ariaExpanded}\"\n              aria-controls=\"${collapseId}\">\n              <span><i class=\"fa-solid fa-folder-open me-2 text-primary\"><\/i> ${catName} (${contador})<\/span>\n              <i class=\"fa-solid ${iconClass} transition-icon\"><\/i>\n            <\/button>\n          <\/h5>\n        <\/div>\n        <div id=\"${collapseId}\" class=\"collapse ${showClass}\" aria-labelledby=\"heading${catIndex}\" data-parent=\"#myaccordionid\">\n          <div class=\"card-body p-2\">\n            <div id=\"list-container-${catKey}\"><\/div>\n            <div id=\"pagination-container-${catKey}\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>`;\n      myaccordionid.insertAdjacentHTML('beforeend', html);\n      renderPage(catKey, catName, catIndex, 1);\n            \n      isFirstItem = false;\n    });\n    \n    \/\/ ======================================================================\n    \/\/ *** 2. L\u00d3GICA DE SCROLL MEJORADA (Se mueve a 'shown.bs.collapse') ***\n    \/\/ ======================================================================\n    \n    \/\/ Evento que se dispara ANTES de que el colapso comience a mostrarse\n    $('#myaccordionid').on('show.bs.collapse', function(e) \n    {\n      \/\/ 1. Cambio de icono (esto s\u00ed puede hacerse inmediatamente)\n      $(e.target).prev('.card-header').find('.transition-icon')\n      .removeClass('fa-chevron-right')\n      .addClass('fa-chevron-down');\n    });\n\n    \/\/ Evento que se dispara DESPU\u00c9S de que el colapso ha terminado de mostrarse\n    $('#myaccordionid').on('shown.bs.collapse', function(e) \n    {\n      const $cardHeader = $(e.target).prev('.card-header');\n      \n      \/\/ 2. Desplazamiento (Scroll)\n      \/\/ Usamos el evento 'shown' que garantiza que la animaci\u00f3n ha terminado\n      \/\/ y la posici\u00f3n del elemento es definitiva.\n      $('html, body').animate({\n          \/\/ Se desplaza al top del encabezado del acorde\u00f3n - 100px de margen\n          scrollTop: $cardHeader.offset().top - 100 \n      }, 500); \/\/ Animaci\u00f3n un poco m\u00e1s larga para visibilidad (500ms)\n\n    }).on('hide.bs.collapse', function(e) \n    {\n      \/\/ Cambio de icono cuando se oculta\n      $(e.target).prev('.card-header').find('.transition-icon')\n      .removeClass('fa-chevron-down')\n      .addClass('fa-chevron-right');\n    });\n    \n    \/\/ L\u00f3gica de paginaci\u00f3n (sin cambios, ya funciona bien)\n    $('#myaccordionid').on('click', '.pagination-controls a.page-link', function(e)\n    {\n      e.preventDefault();\n      const $link = $(this);\n      const $paginationNav = $link.closest('.pagination-controls');\n      const catKey = $paginationNav.data('cat');\n      const catIndex = $paginationNav.data('cat-index');\n      const catName = categoriesCache[catKey];\n      let page = parseInt($link.data('page'));\n\n      if ($link.parent().hasClass('disabled')) return;\n       \n      const totalItems = allSortedItems[catKey].length;\n      const totalPages = Math.ceil(totalItems \/ ITEMS_PER_PAGE);\n\n      if (page < 1) page = 1;\n      if (page > totalPages) page = totalPages;\n       \n      if (!isNaN(page))\n      {\n        renderPage(catKey, catName, catIndex, page);\n        \/\/ Scroll al encabezado al cambiar de p\u00e1gina\n        const $accordionHeader = $(`#heading${catIndex}`);\n        if ($accordionHeader.length)\n        {\n          $('html, body').animate({\n            scrollTop: $accordionHeader.offset().top - 100\n          }, 300);\n        }\n      }\n    });\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-364","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>Cargos y Formalidades Aduaneras - 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\/cargos-y-formalidades\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cargos y Formalidades Aduaneras - Autoridad Nacional de Aduanas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/\" \/>\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-12-11T13:21:01+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\\\/cargos-y-formalidades\\\/\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/cargos-y-formalidades\\\/\",\"name\":\"Cargos y Formalidades Aduaneras - Autoridad Nacional de Aduanas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#website\"},\"datePublished\":\"2025-08-13T16:54:34+00:00\",\"dateModified\":\"2025-12-11T13:21:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/cargos-y-formalidades\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/cargos-y-formalidades\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/cargos-y-formalidades\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ana.gob.pa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cargos y Formalidades Aduaneras\"}]},{\"@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":"Cargos y Formalidades Aduaneras - 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\/cargos-y-formalidades\/","og_locale":"es_ES","og_type":"article","og_title":"Cargos y Formalidades Aduaneras - Autoridad Nacional de Aduanas","og_url":"https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/","og_site_name":"Autoridad Nacional de Aduanas","article_publisher":"https:\/\/www.facebook.com\/aduanas.panama\/","article_modified_time":"2025-12-11T13:21:01+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\/cargos-y-formalidades\/","url":"https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/","name":"Cargos y Formalidades Aduaneras - Autoridad Nacional de Aduanas","isPartOf":{"@id":"https:\/\/www.ana.gob.pa\/#website"},"datePublished":"2025-08-13T16:54:34+00:00","dateModified":"2025-12-11T13:21:01+00:00","breadcrumb":{"@id":"https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ana.gob.pa\/index.php\/cargos-y-formalidades\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ana.gob.pa\/"},{"@type":"ListItem","position":2,"name":"Cargos y Formalidades Aduaneras"}]},{"@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\/364","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=364"}],"version-history":[{"count":155,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"predecessor-version":[{"id":5129,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/364\/revisions\/5129"}],"wp:attachment":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}