{"id":181,"date":"2025-08-12T08:15:59","date_gmt":"2025-08-12T13:15:59","guid":{"rendered":"http:\/\/10.190.55.6\/?page_id=181"},"modified":"2026-01-28T09:13:42","modified_gmt":"2026-01-28T14:13:42","slug":"quienes-somos","status":"publish","type":"page","link":"https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/","title":{"rendered":"Quienes Somos"},"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) \n  {\n    console.error(\"\u274c Contenedor no encontrado\");\n    return;\n  }\n\n  \/\/ Crear iframe\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\"; \/\/ sin scroll interno\n  container.appendChild(iframe);\n\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          \/* Encabezado *\/\n          .img-container \n          {\n            height: 300px;\n            width: 300px;\n            border-radius: 50%;\n            overflow: hidden;\n            box-shadow: 0 6px 20px rgba(0,0,0,0.5);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            flex-shrink: 0; \/* evita que se achique en flex *\/\n            margin-left: 10px; \/* margen desde el borde izquierdo *\/\n            max-width: 100%; \/* no sobrepasa el ancho del dispositivo *\/\n          }\n          .img-container img \n          {\n             height: 100%;\n             width: auto;\n             object-fit: cover;\n             transition: transform 0.4s ease;\n             cursor: pointer;\n          }\n          .img-container img:hover \n          {\n            transform: scale(1.1);\n          }\n          .display-7 \n          {\n            font-size: 1rem !important;\n            line-height: 30px;\n            text-align: justify;        \/* Justifica en pantallas grandes *\/\n            text-justify: inter-word;   \/* Ajusta espacio entre palabras *\/\n            hyphens: auto;              \/* Permite cortar palabras largas *\/\n            overflow-wrap: break-word;  \/* Evita desbordes de texto *\/\n            word-spacing: normal;       \/* Evita espacios extra entre palabras *\/\n          }\n          .bg-primary\n          {\n            background-color: #15395A !important;\n            height: 60px;\n          }\n          \/* Encabezado *\/\n\n          \/* =========================\n          CSS TIMELINE\n          ========================= *\/\n          .timeline \n          {\n            position: relative;\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .timeline::before \n          {\n            content: '';\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            left: 50%;\n            width: 4px;\n            background: linear-gradient(to bottom, #2a3855, #fcaa52);\n            transform: translateX(-50%);\n          }\n          .timeline-item \n          {\n            position: relative;\n            margin-bottom: 30px;\n            display: flex;\n            align-items: flex-start;\n            justify-content: flex-end;\n          }\n          .timeline-item:nth-child(even) \n          {\n            flex-direction: row-reverse;\n          }\n          .timeline-icon \n          {\n            position: absolute;\n            top: 0;\n            left: 50%;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transform: translate(-50%, 0);\n            z-index: 2;\n            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n            font-size: 1.5rem;\n          }\n          .timeline-content \n          {\n            position: relative;\n            background: #ffffff;\n            border-radius: 8px;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n            padding: 15px;\n            width: 45%;\n            text-align: left;\n            transition: all 0.3s ease-in-out;\n            border-left: 4px solid transparent;\n          }\n          .timeline-item:nth-child(even) .timeline-content \n          {\n            text-align: right;\n            border-left: none;\n            border-right: 4px solid transparent;\n          }\n          \/* Hover efecto para todos *\/\n          .timeline-content:hover \n          {\n            transform: translateY(-5px);\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n          }\n          \/* Hover para items en el lado izquierdo (impares) *\/\n          .timeline-item:nth-child(odd) .timeline-content:hover \n          {\n            border-left: 4px solid #fcaa52;\n          }\n          \/* Hover para items en el lado derecho (pares) *\/\n          .timeline-item:nth-child(even) .timeline-content:hover \n          {\n            border-right: 4px solid #fcaa52;\n          }\n          \/* Forzar layout de a\u00f1o a la izquierda y texto a la derecha *\/\n          .timeline .timeline-content .year \n          {\n            display: grid !important;                 \/* anula inline-block previo *\/\n            grid-template-columns: max-content 1fr;   \/* col 1: a\u00f1o \/ col 2: texto *\/\n            align-items: baseline;\n            column-gap: 12px;\n            width: 100%;\n            border-bottom: 2px solid #fcaa52;\n            padding-bottom: 4px;\n            text-align: initial;                      \/* neutraliza text-align del padre *\/\n          }\n          .timeline .year-number \n          {\n            justify-self: start;   \/* Izquierda *\/\n            text-align: left;\n            font-size: 1.25rem;\n            color: #2a3855;\n            font-weight: 700;\n          }\n          .timeline .year-text \n          {\n            justify-self: end;     \/* Derecha *\/\n            text-align: right;\n            font-size: 1.05rem;\n            color: #555;\n            min-width: 0;          \/* evita overflow en textos largos *\/\n            word-break: break-word;\n          }\n          \/* =========================\n          CSS TIMELINE END\n          ========================= *\/\n          \/* Ajustar valores *\/\n          .valores {\n  display: flex;\n  flex-direction: column; \/* \ud83d\udc48 cada valor ocupa su propia fila *\/\n  gap: 0.5rem; \/* separaci\u00f3n vertical entre filas *\/\n}\n\n.valor {\n  display: flex;\n  align-items: flex-start; \/* letra y texto alineados arriba *\/\n  gap: 0.5rem; \/* espacio entre inicial y texto *\/\n  white-space: normal; \/* permite que el texto se ajuste en una l\u00ednea natural *\/\n}\n\n.valor-inicial {\n  font-size: 1.5rem;\n  color: #fcaa52;\n  line-height: 1;\n  flex-shrink: 0; \/* evita que la letra se achique *\/\n}\n\n\n\n          \/* Ajustar valores *\/\n\n          \/* Imagenes del acorde\u00f3n *\/\n          .accordion-body img \n          {\n            width: 100%;\n            max-width: 500px; \/* ancho m\u00e1ximo en escritorio *\/\n            height: auto;\n            display: block;\n            margin: 0 auto; \/* centra la imagen *\/\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; \/* Hace que el \u00edcono y el texto est\u00e9n en l\u00ednea *\/\n            align-items: center; \/* Alinea verticalmente \u00edcono y texto *\/\n            gap: 20px;  \/* Espacio entre \u00edcono y texto *\/\n            transition: color 0.3s ease-in-out;\n            flex: 1; \/* Texto ocupa el espacio disponible *\/\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            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            transform: scale(1.02);\n            border-left-color: #fcaa52;\n          }\n          .edicto-left {\n            display: flex;\n            flex-direction: column;\n            font-size: 0.9rem;\n            color: #555;\n          }\n          .edicto-left .id {\n            font-weight: bold;\n            color: #003875;\n          }\n          .edicto-right {\n            flex: 1;\n            text-align: right;\n          }\n          .edicto-right a {\n            font-weight: 500;\n            text-decoration: none;\n            color: #333;\n          }\n          .edicto-right a:hover {\n            color: #000000;\n          }\n          \/* =========================\n          TIMELINE MOBILE RESPONSIVE\n           ========================= *\/\n          @media (max-width: 768px) \n          {\n            .timeline::before \n            {\n              left: 25px;                          \/* L\u00ednea se mueve a la izquierda *\/\n              transform: none;\n            }\n\n            .timeline-item \n            {\n              flex-direction: row !important;      \/* Quita alternancia *\/\n              justify-content: flex-start;\n              padding-left: 60px;                  \/* Espacio para el \u00edcono *\/\n            }\n\n            .timeline-item:nth-child(even) {\n              flex-direction: row !important;      \/* Fuerza todo igual *\/\n            }\n\n            .timeline-icon {\n              left: 0;                          \/* \u00cdcono alineado con la l\u00ednea *\/\n              transform: none;\n            }\n\n            .timeline-content {\n              width: 100% !important;              \/* Ocupa todo el ancho disponible *\/\n              text-align: left !important;\n              border-left: 4px solid transparent;  \/* Solo borde izquierdo *\/\n              border-right: none !important;\n            }\n\n            .timeline-item:nth-child(even) .timeline-content {\n              text-align: left !important;\n              border-left: 4px solid transparent;\n            }\n\n            \/* Ajuste de a\u00f1o en mobile: se apila *\/\n            .timeline .timeline-content .year {\n              grid-template-columns: 1fr;          \/* Una sola columna *\/\n              text-align: left !important;\n            }\n\n            .timeline .year-number,\n            .timeline .year-text \n            {\n              justify-self: start !important;\n              text-align: left !important;\n            }\n          }\n\n          \/* Ajuste para pantallas peque\u00f1as *\/\n          @media (max-width: 576px) \n          {\n            .img-container \n            {\n              width: 200px;\n              height: 200px;\n              margin: 0 auto; \/* centrar en m\u00f3viles *\/\n            }\n            .display-7 \n            {\n              font-size: 1rem !important;\n              line-height: 22px;\n              text-align: left;\n            }\n          }\n        <\/style>\n      <\/head>\n      <body>\n        <!-- Secci\u00f3n de Autoridad Nacional de Aduanas -->\n        <div class=\"row gx-4 gx-lg-5 align-items-center mb-5\">\n          <div class=\"col-12 text-center\">\n            <h1 class=\"fw-bold custom-underline mb-5\">Autoridad Nacional de Aduanas<\/h1>\n          <\/div>\n\n          <div class=\"col-12\">\n              <div class=\"row gx-4 gx-lg-5 align-items-center\">\n                <div class=\"col-lg-6 d-flex justify-content-center mb-4 mb-lg-0\">\n                  <div class=\"img-container\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/thumbnail_IMG_9303.jpg\"\n                         alt=\"Autoridad Nacional de Aduanas\"\n                         class=\"rounded-circle shadow-lg img-hover-zoom img-fluid\"\n                         loading=\"lazy\">\n                  <\/div>\n                <\/div>\n                <div class=\"col-lg-6\">\n                  <p class=\"text-justify display-7\" style=\"line-height: 1.6; font-size: 1rem; color: #000;\">\n                    Es una instituci\u00f3n de seguridad p\u00fablica con personalidad jur\u00eddica y patrimonio propio, creada mediante el Decreto Ley N.\u00ba 1 de 13 de febrero de 2008. La Autoridad Nacional de Aduanas desempe\u00f1a un papel crucial en la econom\u00eda paname\u00f1a, administrando acuerdos comerciales y asegurando el cumplimiento de normativas que favorecen el desarrollo sostenible del pa\u00eds.\n                  <\/p>\n                <\/div>\n              <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Misi\u00f3n, Visi\u00f3n y Valores -->\n        <div class=\"row gx-4 mb-4\">\n          <div class=\"col-lg-6 d-flex mb-4 mb-lg-0\">\n              <div class=\"card shadow w-100\">\n                <div class=\"card-header bg-primary text-white text-center d-flex align-items-center justify-content-center gap-2\">\n                  <i class=\"fa fa-bullseye fa-3x\"><\/i>\n                  <h5 class=\"mb-0\">Misi\u00f3n<\/h5>\n                <\/div>\n                <div class=\"card-body\">\n                  <p class=\"text-justify display-7 text-dark\">\n                    Facilitar el comercio mundial, recaudar los tributos eficientemente, participando en la seguridad nacional y fomentando el desarrollo sostenible del pa\u00eds. <br><br>\n                    Controlar, vigilar y fiscalizar el ingreso, la salida y movimiento de las mercanc\u00edas, personas y medios de transporte por todas las fronteras, puertos y aeropuertos del pa\u00eds, prevenir, investigar y sancionar las infracciones aduaneras e intervenir en el tr\u00e1fico internacional de mercanc\u00edas.\n                  <\/p>\n                <\/div>\n              <\/div>\n          <\/div>\n          <div class=\"col-lg-6 d-flex flex-column gap-3\">\n              <div class=\"card shadow w-100\">\n                <div class=\"card-header bg-primary text-white text-center d-flex align-items-center justify-content-center gap-2\">\n                  <i class=\"fa fa-eye fa-3x\"><\/i>\n                  <h5 class=\"mb-0\">Visi\u00f3n<\/h5>\n                <\/div>\n                <div class=\"card-body\">\n                 <p class=\"text-justify display-7 text-dark\">\n                    Una Aduana aut\u00f3noma, moderna y eficiente al servicio del comercio internacional y de la Naci\u00f3n Paname\u00f1a.\n                  <\/p>\n\n                <\/div>\n              <\/div>\n              <div class=\"card shadow w-100\">\n                <div class=\"card-header bg-primary text-white text-center d-flex align-items-center justify-content-center gap-2\">\n                  <i class=\"fa fa-heart fa-3x\" aria-hidden=\"true\"><\/i>\n                  <h5 class=\"mb-0\">Valores<\/h5>\n                <\/div>\n                <div class=\"card-body\">\n                  <div class=\"valores\">\n                    <div class=\"valor\">\n                      <span class=\"valor-inicial fw-bold\">T<\/span>\n                      <span>rabajamos con claridad y apertura <strong class=\"text-muted\">(Transparencia)<\/strong><\/span>\n                    <\/div>\n\n                    <div class=\"valor\">\n                      <span class=\"valor-inicial fw-bold\">H<\/span>\n                      <span>onramos la \u00e9tica en cada decisi\u00f3n <strong class=\"text-muted\">(Honestidad)<\/strong><\/span>\n                    <\/div>\n\n                    <div class=\"valor\">\n                      <span class=\"valor-inicial fw-bold\">C<\/span>\n                      <span>umplimos con compromiso y dedicaci\u00f3n <strong class=\"text-muted\">(Compromiso)<\/strong><\/span>\n                    <\/div>\n\n                    <div class=\"valor\">\n                      <span class=\"valor-inicial fw-bold\">R<\/span>\n                      <span>esguardamos los intereses nacionales<strong class=\"text-muted\">(Responsabilidad)<\/strong><\/span>\n                    <\/div>\n                  <\/div>\n\n                <\/div>\n              <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Historia -->\n        <div class=\"row gx-4 gx-lg-5 align-items-center py-5\">\n            <div class=\"col-12 text-center\">\n              <h3 class=\"fw-bold custom-underline mb-5\">Historia de la Autoridad Nacional de Aduanas<\/h3>\n            <\/div>\n            <div class=\"col-12\">\n              <!-- Timeline -->\n              <div class=\"timeline mt-4\">\n                <!-- 2025 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-primary text-white\"><i class=\"fa fa-star\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">2025<\/span>\n                      <span class=\"year-text\">Aniversario 17<\/span>\n                    <\/h5>\n                    <p>La Autoridad Nacional de Aduanas celebra 17 a\u00f1os al servicio del comercio y la seguridad nacional, reafirmando su rol estrat\u00e9gico en la econom\u00eda paname\u00f1a.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 2024 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-success text-white\"><i class=\"fa fa-trophy\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">2024<\/span>\n                      <span class=\"year-text\">Aniversario 16<\/span>\n                    <\/h5>\n                    <p>Celebraci\u00f3n del 16\u00ba aniversario de la ANA, consolidando avances en digitalizaci\u00f3n, cooperaci\u00f3n internacional y modernizaci\u00f3n.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 2008 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-dark text-white\"><i class=\"fa fa-flag\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">2008<\/span>\n                      <span class=\"year-text\">Creaci\u00f3n de la ANA<\/span>\n                    <\/h5>\n                    <p>El Decreto Ley N\u00ba 1 de 2008 dio vida a la Autoridad Nacional de Aduanas, con autonom\u00eda y personalidad jur\u00eddica propia.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 1979 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-info text-white\"><i class=\"fa fa-balance-scale\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">1979<\/span>\n                      <span class=\"year-text\">Direcci\u00f3n General de Aduanas<\/span>\n                    <\/h5>\n                    <p>La Ley N\u00ba 16 de 1979 cre\u00f3 la Direcci\u00f3n General de Aduanas dentro del Ministerio de Hacienda y Tesoro, fortaleciendo la fiscalizaci\u00f3n.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 1904 - 1929 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-danger text-white\"><i class=\"fa fa-landmark\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">1904 - 1929<\/span>\n                      <span class=\"year-text\">Aduanas bajo el Tesoro<\/span>\n                    <\/h5>\n                    <p>La aduana estuvo bajo la Secretar\u00eda del Tesoro, con recursos limitados, altos niveles de contrabando y escasa modernizaci\u00f3n.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 1855 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-warning text-white\"><i class=\"fa fa-train\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">1855<\/span>\n                      <span class=\"year-text\">Ferrocarril de Panam\u00e1<\/span>\n                    <\/h5>\n                    <p>La construcci\u00f3n del Ferrocarril de Panam\u00e1 reactiv\u00f3 el comercio internacional tras el descubrimiento de oro en California.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 1737 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-success text-white\"><i class=\"fa fa-handshake\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">1737<\/span>\n                      <span class=\"year-text\">Declive de Portobelo<\/span>\n                    <\/h5>\n                    <p>\u00daltima feria en Portobelo. El comercio se traslad\u00f3 hacia rutas m\u00e1s seguras, iniciando un declive econ\u00f3mico en el Istmo.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 1597 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-secondary text-white\"><i class=\"fa fa-anchor\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">1597<\/span>\n                      <span class=\"year-text\">Nacimiento de Portobelo<\/span>\n                    <\/h5>\n                    <p>Fundaci\u00f3n de Portobelo como reemplazo de Nombre de Dios. Se convirti\u00f3 en la primera aduana del Nuevo Mundo y puerto clave para la plata y el oro hacia Espa\u00f1a.<\/p>\n                  <\/div>\n                <\/div>\n\n                <!-- 1510 -->\n                <div class=\"timeline-item\">\n                  <div class=\"timeline-icon bg-primary text-white\"><i class=\"fa fa-ship\"><\/i><\/div>\n                  <div class=\"timeline-content\">\n                    <h5 class=\"fw-bold year\">\n                      <span class=\"year-number\">1510<\/span>\n                      <span class=\"year-text\">Primeras rutas comerciales<\/span>\n                    <\/h5>\n                    <p>Diego de Nicuesa funda Nombre de Dios y Vasco N\u00fa\u00f1ez de Balboa establece Santa Mar\u00eda la Antigua de Dari\u00e9n, dando inicio al intercambio de mercanc\u00edas en el Istmo.<\/p>\n                  <\/div>\n                <\/div>\n\n              <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Organigramas -->\n        <div class=\"row gx-4 gx-lg-5 text-center mb-4\">\n            <div class=\"col-12\">\n              <h3 class=\"fw-bold custom-underline mb-5\">Organigramas de la Autoridad Nacional de Aduanas<\/h3>\n            <\/div>\n        <\/div>\n\n        <section class=\"entry-content\">\n            <div class=\"accordion\" id=\"accordionExample\">\n              <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\" id=\"headingOne\">\n                  <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\">\n                    Organigrama de la Autoridad Nacional de Aduanas\n                  <\/button>\n                <\/h2>\n                <div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\" data-bs-parent=\"#accordionExample\">\n                  <div class=\"accordion-body text-center\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/O1.jpg\" alt=\"Organigrama de la Autoridad Nacional de Aduanas\" class=\"img-fluid\">\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\" id=\"headingTwo\">\n                  <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">\n                    Organigrama de la Subdirecci\u00f3n General T\u00e9cnica\n                  <\/button>\n                <\/h2>\n                <div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\" data-bs-parent=\"#accordionExample\">\n                  <div class=\"accordion-body text-center\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/O3.jpg\" alt=\"Organigrama de la Subdirecci\u00f3n General T\u00e9cnica\" class=\"img-fluid\">\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\" id=\"headingThree\">\n                  <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">\n                    Organigrama de la Subdirecci\u00f3n General Logistica\n                  <\/button>\n                <\/h2>\n                <div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\" data-bs-parent=\"#accordionExample\">\n                  <div class=\"accordion-body text-center\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/O2.jpg\" alt=\"Organigrama de la Subdirecci\u00f3n General Logistica\" class=\"img-fluid\">\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"accordion-item\">\n                <h2 class=\"accordion-header\" id=\"headingFour\">\n                  <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">\n                    Organigrama de las Administraciones Regionales de Aduanas\n                  <\/button>\n                <\/h2>\n                <div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\" data-bs-parent=\"#accordionExample\">\n                  <div class=\"accordion-body text-center\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/O4.jpg\" alt=\"Organigrama de las Administraciones Regionales de Aduanas\" class=\"img-fluid\">\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n        <\/section>\n      <\/body>\n    <\/html>`;\n\n    iframe.srcdoc = srcdoc;\n\n    iframe.addEventListener(\"load\", function () \n    {\n      const doc = iframe.contentDocument || iframe.contentWindow.document;\n\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      function ajustarAltura() \n      {\n        iframe.style.height = doc.body.scrollHeight + \"px\";\n      }\n\n      \/\/ \u2705 Observa cambios de tama\u00f1o en el body\n      const resizeObserver = new ResizeObserver(() => ajustarAltura());\n      resizeObserver.observe(doc.body);\n\n      \/\/ \u2705 Adem\u00e1s escucha cambio de orientaci\u00f3n\/dispositivo\n      iframe.contentWindow.addEventListener(\"resize\", ajustarAltura);\n     \n      \/\/ -----------------------------\n      \/\/ Scroll al abrir cualquier item del acorde\u00f3n solo tras interacci\u00f3n del usuario\n      \/\/ -----------------------------\n      const acordeonCollapses = doc.querySelectorAll('.accordion-collapse');\n      let usuarioInteractuo = false;\n\n      \/\/ Detectar cualquier clic en los headers del acorde\u00f3n\n      const acordeonHeaders = doc.querySelectorAll('.accordion-button');\n      acordeonHeaders.forEach(header => \n      {\n        header.addEventListener('click', () => \n        {\n          usuarioInteractuo = true; \/\/ ahora las aperturas pueden hacer scroll\n        });\n      });\n\n      acordeonCollapses.forEach(collapse => \n      {\n        collapse.addEventListener('shown.bs.collapse', () => \n        {\n          if (!usuarioInteractuo) \n          {\n            console.log(\"Apertura autom\u00e1tica al cargar DOM, no se hace scroll\");\n            return; \/\/ ignorar aperturas autom\u00e1ticas\n          }\n\n          if (container) \n          {\n            console.log(\"Scroll al contenedor principal:\", container.id);\n            container.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          } \n          else \n          {\n            console.log(\"No se encontr\u00f3 #shadow-bootstrap-container\");\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-181","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>Quienes Somos - 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\/quienes-somos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quienes Somos - Autoridad Nacional de Aduanas\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/\" \/>\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-01-28T14:13:42+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\\\/quienes-somos\\\/\",\"url\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/quienes-somos\\\/\",\"name\":\"Quienes Somos - Autoridad Nacional de Aduanas\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/#website\"},\"datePublished\":\"2025-08-12T13:15:59+00:00\",\"dateModified\":\"2026-01-28T14:13:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/quienes-somos\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/quienes-somos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ana.gob.pa\\\/index.php\\\/quienes-somos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.ana.gob.pa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quienes Somos\"}]},{\"@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":"Quienes Somos - 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\/quienes-somos\/","og_locale":"es_ES","og_type":"article","og_title":"Quienes Somos - Autoridad Nacional de Aduanas","og_url":"https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/","og_site_name":"Autoridad Nacional de Aduanas","article_publisher":"https:\/\/www.facebook.com\/aduanas.panama\/","article_modified_time":"2026-01-28T14:13:42+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\/quienes-somos\/","url":"https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/","name":"Quienes Somos - Autoridad Nacional de Aduanas","isPartOf":{"@id":"https:\/\/www.ana.gob.pa\/#website"},"datePublished":"2025-08-12T13:15:59+00:00","dateModified":"2026-01-28T14:13:42+00:00","breadcrumb":{"@id":"https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ana.gob.pa\/index.php\/quienes-somos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.ana.gob.pa\/"},{"@type":"ListItem","position":2,"name":"Quienes Somos"}]},{"@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\/181","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=181"}],"version-history":[{"count":202,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/181\/revisions"}],"predecessor-version":[{"id":6155,"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/pages\/181\/revisions\/6155"}],"wp:attachment":[{"href":"https:\/\/www.ana.gob.pa\/index.php\/wp-json\/wp\/v2\/media?parent=181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}