{"id":433,"date":"2025-08-14T09:12:51","date_gmt":"2025-08-14T14:12:51","guid":{"rendered":"http:\/\/10.190.55.6\/?page_id=433"},"modified":"2026-02-02T10:04:23","modified_gmt":"2026-02-02T15:04:23","slug":"tasa-de-cambio","status":"publish","type":"page","link":"https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/","title":{"rendered":"Tasa de Cambio"},"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    \/* \ud83d\udd0d Buscador *\/\n    .search-container\n    {\n        margin: 20px 0;\n        text-align: center;\n    }\n    .search-box \n    {\n        max-width: 500px;\n        margin: 0 auto;\n        position: relative;\n    }\n    .search-box input \n    {\n        padding-right: 40px;\n        border: 2px solid #dee2e6;\n        border-radius: 25px;\n    }\n    .search-box input:focus \n    {\n        border-color: #fcaa52;\n        box-shadow: 0 0 0 0.2rem rgba(252, 170, 82, 0.25);\n    }\n    .search-icon \n    {\n        position: absolute;\n        right: 15px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #6c757d;\n    }\n    \/* Tabla *\/\n    #no-more-tables \n    {\n        overflow-x: auto;\n        margin-bottom: 20px;\n    }\n    #no-more-tables table \n    {\n        width: 100%;\n        border-collapse: collapse;\n    }\n    #no-more-tables th, \n    #no-more-tables td \n    {\n        padding: 12px 8px;\n        text-align: center;\n        vertical-align: middle;\n        border: 1px solid #fcaa52;\n    }\n    #no-more-tables thead th \n    {\n        background-color: #15395A;\n        color: #fff;\n        font-weight: bold;\n    }\n    #no-more-tables tbody tr:hover \n    {\n        background-color: #fcaa52;\n        color: #000;\n        font-weight: bold;\n        cursor: pointer;\n    }\n    \/* Icono para la columna # en m\u00f3vil *\/\n    .num-icon \n    {\n         color: #15395A;\n        margin-right: 5px;\n    }\n    .currency-code \n    {\n        background-color: #f8f9fa;\n        padding: 4px 10px;\n        border-radius: 4px;\n        border: 1px solid #dee2e6;\n        font-family: 'Courier New', monospace;\n        font-weight: bold;\n    }\n    .currency-value \n    {\n        font-family: 'Courier New', monospace;\n        font-weight: bold;\n    }\n    \/* Responsive - SIMPLIFICADO *\/\n    @media only screen and (max-width: 768px) \n    {\n        \/* Ocultar headers *\/\n        #no-more-tables thead \n        {\n            display: none;\n        }\n        \/* Convertir filas en bloques *\/\n        #no-more-tables tbody tr \n        {\n            display: block;\n            margin-bottom: 15px;\n            border: 1px solid #fcaa52;\n            border-radius: 5px;\n            background-color: #f8f9fa;\n            padding: 10px;\n        }\n        \/* Convertir celdas en bloques con flexbox *\/\n        #no-more-tables tbody td \n        {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 8px 0;\n            border: none;\n            border-bottom: 1px solid #eee;\n        }\n        \/* Quitar borde de la \u00faltima celda *\/\n        #no-more-tables tbody td:last-child \n        {\n            border-bottom: none;\n        }\n        \/* Etiquetas antes de cada celda *\/\n        #no-more-tables tbody td::before \n        {\n            content: attr(data-label);\n            font-weight: bold;\n            color: #15395A;\n            margin-right: 10px;\n        }\n        \/* Para la primera celda (n\u00famero) *\/\n        #no-more-tables tbody td:first-child::before \n        {\n            content: \"N\u00famero\";\n        }\n    }\n    \/* Footer *\/\n    .table-footer \n    {\n        background-color: #15395A;\n        color: white;\n        padding: 15px;\n        border-radius: 5px;\n        margin-top: 20px;\n    }\n    .no-results \n    {\n        text-align: center;\n        padding: 40px 20px;\n        color: #6c757d;\n        background-color: #f8f9fa;\n        border-radius: 5px;\n        margin: 20px 0;\n        border: 2px dashed #dee2e6;\n        display: none;\n    }\n    .loading \n    {\n        text-align: center;\n        padding: 40px 20px;\n        color: #15395A;\n        background-color: #f8f9fa;\n        border-radius: 5px;\n        margin: 20px 0;\n        border: 2px dashed #dee2e6;\n    }\n    \/* Estilos para el t\u00edtulo institucional *\/\n    .titulo-institucional {\n        color: #15395A;\n        line-height: 1.4;\n        margin-bottom: 10px;\n    }\n    .titulo-principal {\n        font-weight: 700;\n        font-size: 1.5rem;\n        margin-bottom: 5px;\n    }\n    .titulo-secundario {\n        font-weight: 600;\n        font-size: 1.1rem;\n        margin-bottom: 3px;\n    }\n    .titulo-terciario {\n        font-weight: 500;\n        font-size: 1rem;\n        margin-bottom: 10px;\n    }\n    .titulo-destacado {\n        font-weight: 700;\n        color: #fcaa52;\n        font-size: 1.8rem;\n        text-transform: uppercase;\n        margin-top: 10px;\n    }\n<\/style>\n\n<div class=\"container-fluid\">\n    <!-- T\u00edtulo Institucional -->\n    <div class=\"col-lg-12 text-center titulo-institucional\">\n        <div class=\"titulo-principal\">AUTORIDAD NACIONAL DE ADUANAS<\/div>\n        <div class=\"titulo-secundario\">DIRECCI\u00d3N DE GESTI\u00d3N T\u00c9CNICA<\/div>\n        <div class=\"titulo-terciario\">DEPARTAMENTO DE VALORACI\u00d3N<\/div>\n        <div class=\"titulo-destacado custom-underline\" id=\"tituloTabla\">CAMBIOS DE MONEDA<\/div>\n        <p class=\"mb-3\" id=\"periodoTabla\"><\/p>\n    <\/div>\n\n    <!-- \ud83d\udd0d Buscador -->\n    <div class=\"search-container\">\n        <div class=\"search-box\">\n            <input type=\"text\" id=\"searchInput\" class=\"form-control\" \n                   placeholder=\"Buscar moneda, c\u00f3digo o monto...\">\n            <span class=\"search-icon\"><i class=\"fas fa-search\"><\/i><\/span>\n        <\/div>\n    <\/div>\n\n    <!-- Mensaje de carga -->\n    <div id=\"loadingMessage\" class=\"loading\">\n        <h5><i class=\"fas fa-spinner fa-spin mr-2\"><\/i>Cargando cambios de moneda&#8230;<\/h5>\n        <p class=\"mb-0\">Obteniendo los datos m\u00e1s recientes<\/p>\n    <\/div>\n\n    <!-- Tabla -->\n    <div id=\"no-more-tables\">\n        <table class=\"table table-hover mb-0\">\n            <thead>\n                <tr>\n                    <th><i class=\"fas fa-hashtag\"><\/i><\/th>\n                    <th>Moneda<\/th>\n                    <th>C\u00f3digo<\/th>\n                    <th>Monto<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody\"> <!-- Datos cargados con JS --><\/tbody>\n        <\/table>\n    <\/div>\n        \n    <!-- Mensaje sin resultados -->\n    <div id=\"noResults\" class=\"no-results\">\n        <h5><i class=\"fas fa-search mr-2\"><\/i>No se encontraron resultados<\/h5>\n        <p class=\"mb-0\">Intenta con otro t\u00e9rmino de b\u00fasqueda<\/p>\n    <\/div>\n\n    <!-- Mensaje de error -->\n    <div id=\"errorMessage\" class=\"no-results\" style=\"display: none;\">\n        <h5><i class=\"fas fa-exclamation-triangle mr-2\"><\/i>Error al cargar los datos<\/h5>\n        <p class=\"mb-0\">No se pudieron cargar los cambios de moneda. Intenta nuevamente m\u00e1s tarde.<\/p>\n    <\/div>\n        \n    <!-- Footer -->\n    <div class=\"table-footer\">\n        <div class=\"d-flex justify-content-between\">\n            <div class=\"text-start\">\n                <p class=\"mb-0\"><i class=\"fas fa-user mr-2\"><\/i>Enviado por: <span id=\"enviadoPor\" class=\"fw-bold\"><\/span><\/p>\n            <\/div>\n            <div class=\"text-end\">\n                <p class=\"mb-0\"><i class=\"fas fa-university mr-2\"><\/i>Fuente: <span id=\"fuenteInfo\" class=\"fw-bold\"><\/span><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Ruta del archivo JSON\n    const JSON_URL = '\/wp-content\/uploads\/tasa_cambio.json';\n\n    document.addEventListener('DOMContentLoaded', function() \n    {\n        \/\/ Configurar el buscador\n        document.getElementById('searchInput').addEventListener('keyup', function() \n        {\n            buscarEnTabla(this.value.toLowerCase());\n        });\n        \n        \/\/ Cargar los datos desde el JSON\n        cargarDatosDesdeJSON();\n    });\n\n    function cargarDatosDesdeJSON() \n    {\n        const loadingMessage = document.getElementById('loadingMessage');\n        const errorMessage = document.getElementById('errorMessage');\n        const tableContainer = document.getElementById('no-more-tables');\n        \n        \/\/ Mostrar mensaje de carga\n        loadingMessage.style.display = 'block';\n        tableContainer.style.display = 'none';\n        errorMessage.style.display = 'none';\n        \n        \/\/ Agregar timestamp para evitar cache\n        const timestamp = new Date().getTime();\n        const url = `${JSON_URL}?t=${timestamp}`;\n        \n        fetch(url)\n            .then(response => \n            {\n                if (!response.ok) \n                {\n                    throw new Error('Error en la respuesta del servidor');\n                }\n                return response.json();\n            })\n            .then(data => \n            {\n                \/\/ Ocultar mensaje de carga\n                loadingMessage.style.display = 'none';\n                \n                \/\/ Mostrar la tabla\n                tableContainer.style.display = 'block';\n                \n                \/\/ Llenar la tabla con los datos\n                \/\/ El t\u00edtulo principal ya est\u00e1 fijo en el HTML, solo actualizamos el periodo y otros datos\n                document.getElementById('periodoTabla').textContent = data.periodo;\n                document.getElementById('enviadoPor').textContent = data.enviado;\n                document.getElementById('fuenteInfo').textContent = data.fuente;\n                \n                cargarDatosTabla(data.datos);\n            })\n            .catch(error => \n            {\n                console.error('Error al cargar los datos:', error);\n                \n                \/\/ Ocultar mensaje de carga\n                loadingMessage.style.display = 'none';\n                \n                \/\/ Mostrar mensaje de error\n                errorMessage.style.display = 'block';\n                tableContainer.style.display = 'none';\n            });\n    }\n\n    function cargarDatosTabla(datos) \n    {\n        const tbody = document.getElementById('tableBody');\n        tbody.innerHTML = '';\n        \n        datos.forEach((moneda, index) => \n        {\n            const montoFormateado = formatNumber(parseFloat(moneda.monto));\n            const row = document.createElement('tr');\n            row.innerHTML = `\n                <td data-label=\"N\u00famero\">${index + 1}<\/td>\n                <td data-label=\"Moneda\">${moneda.nombre}<\/td>\n                <td data-label=\"C\u00f3digo\"><span class=\"currency-code\">${moneda.codigo}<\/span><\/td>\n                <td data-label=\"Monto\" class=\"text-right\"><span class=\"currency-value\">${montoFormateado}<\/span><\/td>\n            `;\n            tbody.appendChild(row);\n        });\n    }\n\n    function buscarEnTabla(termino) \n    {\n        const filas = document.querySelectorAll('#tableBody tr');\n        const noResults = document.getElementById('noResults');\n        let resultados = 0;\n        \n        filas.forEach(fila => \n        {\n            const texto = fila.textContent.toLowerCase();\n            if (termino === '' || texto.includes(termino)) \n            {\n                fila.style.display = '';\n                resultados++;\n            } \n            else \n            {\n                fila.style.display = 'none';\n            }\n        });\n        \n        noResults.style.display = termino !== '' && resultados === 0 ? 'block' : 'none';\n    }\n    \n    function formatNumber(num) \n    {\n        return num.toLocaleString('en-US', \n        {\n            minimumFractionDigits: 4,\n            maximumFractionDigits: 4\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-433","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>Tasa de Cambio - 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\/tasa-de-cambio\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tasa de Cambio - Autoridad Nacional de Aduanas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/\" \/>\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=\"2026-02-02T15:04:23+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\\\/tasa-de-cambio\\\/\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/tasa-de-cambio\\\/\",\"name\":\"Tasa de Cambio - Autoridad Nacional de Aduanas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#website\"},\"datePublished\":\"2025-08-14T14:12:51+00:00\",\"dateModified\":\"2026-02-02T15:04:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/tasa-de-cambio\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/tasa-de-cambio\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/tasa-de-cambio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ana.gob.pa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tasa de Cambio\"}]},{\"@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":"Tasa de Cambio - 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\/tasa-de-cambio\/","og_locale":"es_ES","og_type":"article","og_title":"Tasa de Cambio - Autoridad Nacional de Aduanas","og_url":"https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/","og_site_name":"Autoridad Nacional de Aduanas","article_publisher":"https:\/\/www.facebook.com\/aduanas.panama\/","article_modified_time":"2026-02-02T15:04:23+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\/tasa-de-cambio\/","url":"https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/","name":"Tasa de Cambio - Autoridad Nacional de Aduanas","isPartOf":{"@id":"https:\/\/www.ana.gob.pa\/#website"},"datePublished":"2025-08-14T14:12:51+00:00","dateModified":"2026-02-02T15:04:23+00:00","breadcrumb":{"@id":"https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ana.gob.pa\/index.php\/tasa-de-cambio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ana.gob.pa\/"},{"@type":"ListItem","position":2,"name":"Tasa de Cambio"}]},{"@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\/433","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=433"}],"version-history":[{"count":159,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/433\/revisions"}],"predecessor-version":[{"id":6306,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/433\/revisions\/6306"}],"wp:attachment":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/media?parent=433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}