{"id":1028,"date":"2020-04-29T12:59:07","date_gmt":"2020-04-29T12:59:07","guid":{"rendered":"https:\/\/ld-wp73.template-help.com\/wordpress\/prod_11340\/v3\/?page_id=1028"},"modified":"2026-07-10T15:35:17","modified_gmt":"2026-07-10T21:35:17","slug":"nuestros-clientes","status":"publish","type":"page","link":"https:\/\/fundacioncovelo.hn\/master\/nuestros-clientes\/","title":{"rendered":"Nuestros Clientes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1028\" class=\"elementor elementor-1028\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c345768 e-flex e-con-boxed e-con e-parent\" data-id=\"c345768\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dfa8f6 elementor-widget elementor-widget-html\" data-id=\"5dfa8f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  ========================================================\r\n  M\u00d3DULO: MAPA REGIONAL & CLIENTES EMPRESARIALES (V3)\r\n  Mapa geogr\u00e1fico real basado en world.svg (simplemaps.com)\r\n  Experiencia de Usuario: Alta convertibilidad y claridad\r\n  Dependencias: NINGUNA (Solo Google Fonts)\r\n  Listo para WordPress (Bloque HTML Personalizado)\r\n  ========================================================\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section id=\"covelo-regional-module\" aria-labelledby=\"covelo-regional-title\">\r\n  \r\n  <div class=\"covelo-wrapper\">\r\n    \r\n    <!-- ENCABEZADO -->\r\n    <header class=\"covelo-header covelo-animate-up\">\r\n      <p class=\"covelo-subtitle\">Instituciones que conf\u00edan en nuestros servicios en distintos mercados de la regi\u00f3n.<\/p>\r\n    <\/header>\r\n\r\n    <!-- INDICADOR DE ACCI\u00d3N -->\r\n      <div id=\"covelo-action-hint\" class=\"covelo-action-hint\">\r\n        <span class=\"covelo-pulse-icon\"><\/span> Seleccione un pa\u00eds para explorar sus instituciones\r\n      <\/div>\r\n\r\n    <!-- \u00c1REA DEL MAPA -->\r\n    <div class=\"covelo-map-area covelo-animate-up\">\r\n\r\n      <!-- MAPA SVG GEOGR\u00c1FICO REAL -->\r\n      <div class=\"covelo-map-container\" id=\"covelo-map-container\" aria-label=\"Mapa interactivo de Centroam\u00e9rica y el Caribe\" role=\"region\">\r\n        <div id=\"covelo-cursor-glow\" class=\"covelo-cursor-glow\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"covelo-map-backdrop\" aria-hidden=\"true\">\r\n          <div class=\"covelo-map-backdrop-glow\"><\/div>\r\n          <svg class=\"covelo-topographic-pattern\" viewBox=\"0 0 1200 680\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <g fill=\"none\" stroke=\"#1C0E66\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M96 140C186 94 276 94 366 138C456 182 546 181 636 138C726 95 816 95 906 140C996 185 1086 186 1176 142\" \/>\r\n              <path d=\"M58 196C156 145 260 145 364 193C468 241 572 241 676 193C780 145 884 145 988 194C1092 243 1148 244 1184 222\" \/>\r\n              <path d=\"M42 254C142 205 246 205 350 252C454 299 558 299 662 252C766 205 870 205 974 252C1078 299 1124 300 1160 280\" \/>\r\n              <path d=\"M78 320C176 276 280 276 384 318C488 360 592 360 696 318C800 276 904 276 1008 318C1112 360 1148 360 1178 346\" \/>\r\n              <path d=\"M116 388C214 345 318 345 422 386C526 427 630 427 734 386C838 345 942 345 1046 386C1150 427 1168 428 1186 424\" \/>\r\n              <path d=\"M72 454C170 418 274 418 378 452C482 486 586 486 690 452C794 418 898 418 1002 452C1106 486 1142 486 1172 478\" \/>\r\n              <path d=\"M128 520C224 491 328 491 432 518C536 545 640 545 744 518C848 491 952 491 1056 518C1160 545 1178 545 1188 544\" \/>\r\n            <\/g>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"covelo-regional-stats\" aria-hidden=\"true\">\r\n          <div class=\"covelo-regional-stat covelo-stat-top-left\">\r\n            <span class=\"covelo-stat-value\">+50<\/span>\r\n            <span class=\"covelo-stat-label\">Instituciones<\/span>\r\n          <\/div>\r\n          <div class=\"covelo-regional-stat covelo-stat-top-right\">\r\n            <span class=\"covelo-stat-value\">6<\/span>\r\n            <span class=\"covelo-stat-label\">Pa\u00edses<\/span>\r\n          <\/div>\r\n          <div class=\"covelo-regional-stat covelo-stat-bottom-left\">\r\n            <span class=\"covelo-stat-value\">Alcance<\/span>\r\n            <span class=\"covelo-stat-label\">Regional<\/span>\r\n          <\/div>\r\n          <div class=\"covelo-regional-stat covelo-stat-bottom-right\">\r\n            <span class=\"covelo-stat-value\">35+<\/span>\r\n            <span class=\"covelo-stat-label\">A\u00f1os<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!--\r\n          ViewBox original del SVG mundial: 0 0 2000 857\r\n          Regi\u00f3n de Centroam\u00e9rica: aprox X 455\u2013620, Y 365\u2013470\r\n          Rep\u00fablica Dominicana: aprox X 578\u2013612, Y 372\u2013394\r\n          Se usa un viewBox recortado con padding para mostrar solo la regi\u00f3n.\r\n          Los paths SVG son los originales sin transformar.\r\n        -->\r\n        <svg\r\n          class=\"covelo-map-svg\"\r\n          viewBox=\"468 355 156 114\"\r\n          preserveAspectRatio=\"xMidYMid meet\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        >\r\n          <defs>\r\n            <filter id=\"covelo-hover-shadow\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n              <feDropShadow dx=\"0\" dy=\"0.3\" stdDeviation=\"0.4\" flood-color=\"#1C0E66\" flood-opacity=\"0.25\" \/>\r\n            <\/filter>\r\n            <filter id=\"covelo-active-shadow\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n              <feDropShadow dx=\"0\" dy=\"0.5\" stdDeviation=\"0.6\" flood-color=\"#199178\" flood-opacity=\"0.35\" \/>\r\n            <\/filter>\r\n            <!-- Gradiente de agua para el fondo -->\r\n            <linearGradient id=\"seaGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" style=\"stop-color:#EBF4FF;stop-opacity:1\" \/>\r\n              <stop offset=\"100%\" style=\"stop-color:#D6EAF8;stop-opacity:1\" \/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n\r\n          <!-- Fondo del mar -->\r\n          <rect x=\"450\" y=\"350\" width=\"205\" height=\"150\" fill=\"url(#seaGradient)\" rx=\"2\"\/>\r\n\r\n          <!-- PA\u00cdSES CONTEXTUALES (no interactivos) \u2014 completan la cobertura regional -->\r\n          <g class=\"covelo-context-countries\">\r\n            <!-- M\u00e9xico (solo la parte visible) -->\r\n            <path class=\"covelo-context-path\" d=\"M449.3 335.9l2.2-0.2-3.2 5.7-1.8 4.6-1.8 8.6-1.1 3.1 0.4 3.5 1.3 3.2 0.4 4.9 3 4.8 0.8 3.7 1.7 3.1 5.7 1.7 1.9 2.7 5.2-1.8 4.3-0.6 4.4-1.2 3.6-1.1 3.9-2.6 1.8-3.7 1.2-5.4 1.2-1.9 4-1.7 6.1-1.5 4.9 0.3 3.4-0.6 1.2 1.4-0.6 3.1-3.5 3.8-1.8 3.9 0.9 1.1-1.2 2.8-2.1 5-1.2-1.7-1.1 0.1-1.1 0.1-2.5 3.9-0.9-0.8-0.7 0.3-0.1 1-5.2-0.1-5.2 0-0.5 3.6-2.5 0.1 1.8 2.1 1.9 1.5 0.5 1.4 0.8 0.4-0.4 2.2-7.2 0-3.3 5.2 0.7 1.2-0.8 1.5-0.4 1.9-5.6-6.9-2.6-2.1-4.4-1.7-3.2 0.5-4.8 2.4-2.9 0.6-3.7-1.7-4.1-1.2-4.8-2.9-4.1-0.9-5.9-3-4.3-3.1-1.1-1.7-3.1-0.4-5.4-2-1.9-2.9-5.4-3.7-2.2-4-0.8-3.2 1.9-0.6-0.3-1.8 1.6-1.7 0.4-2.2-1.5-2.9 0-2.5-1.3-3.3-3.8-6.4-4.6-5-1.9-4-4.1-2.6-0.7-1.6 1.7-3.9-2.4-1.5-2.5-3.2-0.2-4.4-2.8-0.6-2.3-3.3-1.7-3.2 0.3-2-1.5-4.8-0.3-4.9 0.8-2.5-3.1-2.6-1.9 0.3-2.4-1.7-1.8 2.6-0.1 3-1 4.9 1 2.6 2.8 4.4 0.4 1.6 0.7 0.4 0.1 2.2 1-0.1 0 4.2 1.3 1.6 0.5 2.3 2.7 3.2 0.4 6 1 2.8 0.9 3-0.3 3.4 2.6 0.2 1.6 2.9 1.5 2.9-0.3 1.2-2.8 2.3-1 0-0.7-3.9-2.9-3.7-3.4-3.1-2.5-1.6 1.2-4.7-0.1-3.5-2.1-2-3.1-2.8-0.9 0.8-1-1.7-3-1.5-2.2-3.8 0.5-0.4 2.1 0.3 2.7-2.4 1-2.9-2.9-4.6-2.6-1.7-0.8-4-0.6-4.3-0.8-5.1-0.2-5.8 6.3-0.5 7.1-0.7-0.9 1.3 7 3.1 10.9 4.5 10.8 0 4.3 0 0.8-2.7 9.4 0 1.3 2.3 2.1 2.1 2.4 2.8 0.8 3.3 0.4 3.6 2.3 1.9 4 1.9 4.8-5 4.5-0.2 3.2 2.6 1.6 4.4 0.9 3.8 2.4 3.6 0.2 4.5 0.9 3 3.9 2 3.6 1.4z\" \/>\r\n            <!-- Belice -->\r\n            <path class=\"covelo-context-path\" d=\"M487.8 399.8l-1.7 0 1.3-7.2 0.7-5.1 0.1-1 0.7-0.3 0.9 0.8 2.5-3.9 1.1-0.1-0.1 1 1 0-0.3 1.8-1.3 2.7 0.4 1-0.9 2.3 0.3 0.6-1 3.3-1.3 1.7-1.1 0.2-1.3 2.2z\" \/>\r\n            <!-- Nicaragua -->\r\n            <path class=\"covelo-context-path\" d=\"M519.6 405.5l-0.5 0.7-0.5 1.4 0.4 2.3-1.5 2.2-0.8 2.6-0.5 2.8 0.2 1.7-0.1 2.9-0.9 0.6-0.7 2.8 0.2 1.7-1.2 1.6 0.1 1.7 0.8 1.1-1.4 1.4-1.7-0.5-0.8-1.3-1.8-0.5-1.3 0.8-3.6-1.7-0.9 0.8-1.8-2-2.5-2.6-1.1-2.1-2.2-2.1-2.5-2.9 0.7-1 0.8 1 0.5-0.4 1.8-0.3 0.8-1.5 0.8 0 0.2-3.2 1.3-0.1 1.2 0 1.4-1.7 1.5 1.3 0.6-0.8 1.2-0.8 2.1-1.7 0.2-1.4 0.5 0.1 0.9-1.5 0.6-0.2 0.9 1 1.1 0.2 1.3-0.8 1.4 0 2-0.8 0.9-0.9 1.9 0.1z\" \/>\r\n            <!-- Caribe y extensi\u00f3n sur tomados del SVG original -->\r\n            <path class=\"covelo-context-path\" d=\"M544.8 355.7l1.9 2.3 5.2-0.7 1.8 1.5 4.2 4 3.2 2.9 1.8-0.1 3.2 1.3-0.6 1.8 4 0.3 3.9 2.6-0.8 1.5-3.8 0.8-3.8 0.3-3.7-0.5-8.1 0.6 4.2-3.5-2.1-1.7-3.6-0.4-1.7-1.9-0.8-3.6-3.2 0.2-5-1.7-1.5-1.4-7.1-1-1.8-1.2 2.3-1.6-5.4-0.3-4.4 3.3-2.3 0.1-1 1.6-2.8 0.7-2.3-0.7 3.2-1.9 1.5-2.4 2.7-1.4 3-1.2 4.3-0.6 1.4-0.8 4.7 0.5 4.4 0.1 4.9 2.2z\" id=\"CU\" name=\"Cuba\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M556.5 387.1l-1.8 1.1-3-1.1-2.9-2.3 0.8-1.5 2.4-0.4 1.3 0.2 3.7 0.6 2.7 1.5 0.8 1.8-4 0.1z\" id=\"JM\" name=\"Jamaica\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M586.8 375.3l0.1 3.4-0.7 2.5-1.5 1.1 1.3 1.9-0.3 1.8-3.6-1.1-2.7 0.4-3.4-0.4-2.7 1.2-2.8-2 0.7-2.1 5.1 0.9 4.1 0.5 2.2-1.4-2.3-2.8 0.4-2.5-3.5-1 1.5-1.7 3.4 0.2 4.7 1.1z\" id=\"HT\" name=\"Haiti\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M607.1 385.9 606.8 385.7 606.9 385.5 607.2 385.5 607.3 385.6 607.1 385.9 Z\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M621.7 385.4 621.5 385.4 620.6 385.7 620 385.7 620.2 385.5 620.6 385.3 621 385.2 621.6 385.3 621.7 385.4 Z\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M612.2 383 612.8 383.1 613.4 383.1 613.7 383.2 614.3 383.1 614.6 383.2 615 383.1 615.2 383.2 615.7 383.1 616.1 383.2 616.4 383.2 617.2 383.4 617.2 383.2 617.8 383.4 617.9 383.3 618.7 383.4 618.9 383.6 619.1 383.6 619.7 383.9 619.9 383.8 619.8 384.5 620 384.8 619.1 385.1 618.8 385.5 618.5 386.1 618.2 386.3 617.9 386.4 617.5 386.4 616.9 386.5 616.6 386.7 615.9 386.6 615.7 386.4 615.2 386.6 614.9 386.3 614.2 386.5 613.3 386.4 613 386.5 612.4 386.6 612.2 386.7 612 386.5 611.6 386.4 611.3 386.6 610.7 386.5 611 385.8 611 385.4 611.2 385 611 384.4 610.8 384.3 610.7 383.9 611.1 383.7 611.3 383.6 611.3 383.1 611.7 382.9 612.2 383 Z\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M584.4 426.2l-3.7 1.1-1.6 3.2-2.3 1.8-1.8 2.4-0.9 4.6-1.8 3.8 2.9 0.4 0.6 2.9 1.2 1.5 0.3 2.5-0.7 2.4 0.1 1.4 1.4 0.5 1.2 2.2 7.3-0.6 3.3 0.8 3.8 5.6 2.3-0.7 4.1 0.3 3.2-0.7 2 1.1-1.2 3.4-1.3 2.2-0.6 4.6 1.1 4.3 1.5 1.9 0.2 1.4-2.9 3.2 2 1.4 1.5 2.3 1.6 6.4-1.1 0.8-1-3.8-1.6-2.1-1.9 2.3-11-0.2 0 4 3.3 0.7-0.2 2.5-1.1-0.7-3.2 1-0.1 4.7 2.6 2.4 0.9 3.6-0.1 2.8-2.2 17.6-2.9-3.4-1.7-0.1 3.5-6.6-4.4-3-3.4 0.6-2.1-1.1-3.1 1.7-4.2-0.9-3.5-6.7-2.6-1.6-1.8-3.1-3.8-3-1.5 0.6-2.4-1.5-2.8-2.1-1.6 1-4.8-0.9-1.4-2.8-1.1 0.1-5.6-3.6-0.7-2 2.1-0.5-0.2-3.2 1.4-2.4 2.8-0.4 2.5-4 2.2-3.4-2-1.5 1.2-3.7-1.1-5.9 1.3-1.7-0.7-5.4-2.2-3.5 0.9-3.1 1.8 0.5 1.1-1.9-1.1-3.8 0.7-0.9 2.9 0.2 4.5-4.5 2.4-0.7 0.1-2.1 1.4-5.5 3.4-2.9 3.5-0.2 0.6-1.3 4.4 0.5 4.6-3.2 2.3-1.4 2.9-3.1 2 0.4 1.3 1.7-1.2 2.1z\" id=\"CO\" name=\"Colombia\" \/>\r\n            <path class=\"covelo-context-path\" d=\"M648.7 448.1l-4.7 3.8-0.5 2.3 1.8 2.4-1.4 1.2-3.5 1 0 3-1.6 1.8 3.7 4.8 0.7 1.8-2.1 2.5-6.4 2.4-4.1 1-1.7 1.5-4.5-1.6-4.1-0.8-1.1 0.6 2.5 1.6-0.3 4.3 0.7 4.1 4.8 0.5 0.3 1.4-4.1 1.8-0.7 2.7-2.4 1.1-4.2 1.5-1.1 2-4.4 0.4-3.1-3.4-1.6-6.4-1.5-2.3-2-1.4 2.9-3.2-0.2-1.4-1.5-1.9-1.1-4.3 0.6-4.6 1.3-2.2 1.2-3.4-2-1.1-3.2 0.7-4.1-0.3-2.3 0.7-3.8-5.6-3.3-0.8-7.3 0.6-1.2-2.2-1.4-0.5-0.1-1.4 0.7-2.4-0.3-2.5-1.2-1.5-0.6-2.9-2.9-0.4 1.8-3.8 0.9-4.6 1.8-2.4 2.3-1.8 1.6-3.2 3.7-1.1-0.2 1.5-3.4 0.8 1.7 2.9-0.3 3.4-2.7 3.7 1.9 5.1 2.5-0.4 1.5-4.7-1.7-2.2 0-4.9 7.2-2.6-0.6-3 2.1-2.1 1.7 4.6 4 0.1 3.4 3.5 0.2 2.2 5 0 6.1-0.6 3.1 2.8 4.2 0.8 3.3-2 0.1-1.6 7.1-0.4 6.7-0.1-4.9 1.9 1.8 3.1 4.5 0.4 4.2 3.2 0.7 5.1 2.9-0.1 2.2 1.5z\" id=\"VE\" name=\"Venezuela\" \/>\r\n          <\/g>\r\n\r\n          <!-- PA\u00cdSES INTERACTIVOS -->\r\n          <g class=\"covelo-countries-group\">\r\n\r\n            <!-- GUATEMALA -->\r\n            <g class=\"covelo-country\" data-id=\"guatemala\" role=\"button\" tabindex=\"0\" aria-label=\"Guatemala\">\r\n              <circle class=\"covelo-touch-target\" cx=\"480\" cy=\"401\" r=\"5.4\" \/>\r\n              <path class=\"covelo-country-path\" d=\"M488.1 387.5l-0.7 5.1-1.3 7.2 1.7 0 1.7 1.2 0.6-1 1.5 0.8-2.8 2.5-2.9 1.8-0.5 1.2 0.3 1.3-1.3 1.6-1.4 0.4 0.3 0.8-1.2 0.7-2 1.6-0.3 0.9-2.8-1.1-3.5-0.1-2.4-1.3-2.8-2.6 0.4-1.9 0.8-1.5-0.7-1.2 3.3-5.2 7.2 0 0.4-2.2-0.8-0.4-0.5-1.4-1.9-1.5-1.8-2.1 2.5-0.1 0.5-3.6 5.2 0 5.2 0.1z\" \/>\r\n            <\/g>\r\n\r\n            <!-- HONDURAS -->\r\n            <g class=\"covelo-country\" data-id=\"honduras\" role=\"button\" tabindex=\"0\" aria-label=\"Honduras\">\r\n              <circle class=\"covelo-touch-target\" cx=\"502\" cy=\"407\" r=\"5.4\" \/>\r\n              <path class=\"covelo-country-path\" d=\"M519.6 405.5l-1.9-0.1-0.9 0.9-2 0.8-1.4 0-1.3 0.8-1.1-0.2-0.9-1-0.6 0.2-0.9 1.5-0.5-0.1-0.2 1.4-2.1 1.7-1.2 0.8-0.6 0.8-1.5-1.3-1.4 1.7-1.2 0-1.3 0.1-0.2 3.2-0.8 0-0.8 1.5-1.8 0.3-0.8-2-1.7-0.6 0.7-2.6-0.7-0.7-1.2-0.4-2.5 0.7-0.1-0.8-1.6-1.1-1.1-1.2-1.6-0.6 1.3-1.6-0.3-1.3 0.5-1.2 2.9-1.8 2.8-2.5 0.6 0.3 1.3-1.1 1.6-0.1 0.5 0.5 0.9-0.3 2.6 0.6 2.6-0.2 1.8-0.7 0.8-0.7 1.7 0.3 1.3 0.4 1.5-0.1 1.2-0.6 2.5 0.9 0.8 0.2 1.6 1.2 1.5 1.4 1.9 1 1.3 1.7z\" \/>\r\n            <\/g>\r\n\r\n            <!-- EL SALVADOR -->\r\n            <g class=\"covelo-country\" data-id=\"elsalvador\" role=\"button\" tabindex=\"0\" aria-label=\"El Salvador\">\r\n              <circle class=\"covelo-touch-target\" cx=\"486\" cy=\"414\" r=\"5.2\" \/>\r\n              <path class=\"covelo-country-path\" d=\"M492.5 415.9l-0.7 1.5-3.3-0.1-2-0.6-2.2-1.3-3-0.4-1.5-1.4 0.3-0.9 2-1.6 1.2-0.7-0.3-0.8 1.4-0.4 1.6 0.6 1.1 1.2 1.6 1.1 0.1 0.8 2.5-0.7 1.2 0.4 0.7 0.7-0.7 2.6z\" \/>\r\n            <\/g>\r\n\r\n            <!-- COSTA RICA -->\r\n            <g class=\"covelo-country\" data-id=\"costarica\" role=\"button\" tabindex=\"0\" aria-label=\"Costa Rica\">\r\n              <circle class=\"covelo-touch-target\" cx=\"511\" cy=\"440\" r=\"5.4\" \/>\r\n              <path class=\"covelo-country-path\" d=\"M514.6 431.6l1.2 3.5 2 2.6 2.5 2.7-2.2 0.6-0.1 2.6 1.1 0.9-0.9 0.8 0.2 1.1-0.6 1.3-0.3 1.3-3-1.4-1.1-1.4 0.7-1.1-0.1-1.4-1.5-1.5-2.2-1.3-1.8-0.8-0.3-1.9-1.4-1.1 0.2 1.8-1.2 1.6-1.2-1.8-1.7-0.7-0.7-1.2 0.1-2 0.9-2-1.5-0.9 1.4-1.3 0.9-0.8 3.6 1.7 1.3-0.8 1.8 0.5 0.8 1.3 1.7 0.5 1.4-1.4z\" \/>\r\n            <\/g>\r\n\r\n            <!-- PANAM\u00c1 -->\r\n            <g class=\"covelo-country\" data-id=\"panama\" role=\"button\" tabindex=\"0\" aria-label=\"Panam\u00e1\">\r\n              <circle class=\"covelo-touch-target\" cx=\"532\" cy=\"448\" r=\"6\" \/>\r\n              <path class=\"covelo-country-path\" d=\"M549.3 446.2l-0.7 0.9 1.1 3.8-1.1 1.9-1.8-0.5-0.9 3.1-1.8-1.8-1-3.5 1.4-1.7-1.4-0.4-0.9-2.1-2.8-1.8-2.4 0.4-1.3 2.2-2.4 1.6-1.2 0.2-0.6 1.4 2.5 3.5-1.6 0.8-0.8 0.9-2.7 0.4-0.8-3.9-0.8 1.1-1.8-0.4-1-2.5-2.3-0.5-1.5-0.7-2.4 0-0.2 1.4-0.6-1 0.3-1.3 0.6-1.3-0.2-1.1 0.9-0.8-1.1-0.9 0.1-2.6 2.2-0.6 1.9 2.3-0.2 1.4 2.2 0.3 0.6-0.6 1.5 1.6 2.8-0.5 2.5-1.6 3.5-1.3 2-1.9 3.1 0.4-0.2 0.6 3.1 0.2 2.4 1.2 1.8 1.9 2 1.8z\" \/>\r\n            <\/g>\r\n\r\n            <!-- REP\u00daBLICA DOMINICANA -->\r\n            <g class=\"covelo-country\" data-id=\"republicadominicana\" role=\"button\" tabindex=\"0\" aria-label=\"Rep\u00fablica Dominicana\">\r\n              <circle class=\"covelo-touch-target\" cx=\"595\" cy=\"382\" r=\"5.6\" \/>\r\n              <path class=\"covelo-country-path\" d=\"M585.7 386l0.3-1.8-1.3-1.9 1.5-1.1 0.7-2.5-0.1-3.4 0.8-1.1 4.3 0 3.2 1.6 1.5-0.1 0.7 2.3 3.1-0.2-0.4 1.9 2.5 0.3 2.5 2.3-2.3 2.6-2.6-1.4-2.6 0.3-1.8-0.3-1.1 1.2-2.2 0.4-0.7-1.6-1.9 0.9-2.7 4.4-1.3-1-0.1-1.8z\" \/>\r\n            <\/g>\r\n\r\n          <\/g>\r\n\r\n          <!-- ETIQUETAS DE PA\u00cdSES DENTRO DEL SVG (se renderizan a escala del mapa) -->\r\n          <g class=\"covelo-svg-labels\" font-family=\"Montserrat, sans-serif\" pointer-events=\"none\">\r\n            <!-- Guatemala \u2014 centro aprox 480, 402 -->\r\n            <text class=\"covelo-svg-label\" data-id=\"guatemala\" x=\"480\" y=\"397\" text-anchor=\"middle\" font-size=\"2.6\" font-weight=\"700\" fill=\"#334155\">Guatemala<\/text>\r\n\r\n            <!-- Honduras \u2014 centro aprox 503, 410 -->\r\n            <text class=\"covelo-svg-label\" data-id=\"honduras\" x=\"503\" y=\"410\" text-anchor=\"middle\" font-size=\"2.6\" font-weight=\"700\" fill=\"#334155\">Honduras<\/text>\r\n\r\n            <!-- El Salvador \u2014 centro aprox 487, 415 -->\r\n            <text class=\"covelo-svg-label\" data-id=\"elsalvador\" x=\"484\" y=\"419\" text-anchor=\"middle\" font-size=\"2.6\" font-weight=\"700\" fill=\"#334155\">El Salvador<\/text>\r\n\r\n            <!-- Costa Rica \u2014 centro aprox 511, 441 -->\r\n            <text class=\"covelo-svg-label\" data-id=\"costarica\" x=\"509\" y=\"445\" text-anchor=\"middle\" font-size=\"2.6\" font-weight=\"700\" fill=\"#334155\">Costa Rica<\/text>\r\n\r\n            <!-- Panam\u00e1 \u2014 centro aprox 530, 450 -->\r\n            <text class=\"covelo-svg-label\" data-id=\"panama\" x=\"534\" y=\"454\" text-anchor=\"middle\" font-size=\"2.6\" font-weight=\"700\" fill=\"#334155\">Panam\u00e1<\/text>\r\n\r\n            <!-- Rep\u00fablica Dominicana \u2014 centro aprox 595, 383 -->\r\n            <text class=\"covelo-svg-label\" data-id=\"republicadominicana\" x=\"594\" y=\"378\" text-anchor=\"middle\" font-size=\"2.6\" font-weight=\"700\" fill=\"#334155\">Rep. Dominicana<\/text>\r\n          <\/g>\r\n\r\n          <!-- PUNTOS INDICADORES sobre cada pa\u00eds -->\r\n          <g class=\"covelo-dot-layer\" pointer-events=\"none\">\r\n            <circle class=\"covelo-dot-halo\" data-id=\"guatemala\"          cx=\"480\"  cy=\"401\" r=\"1.35\" \/>\r\n            <circle class=\"covelo-dot-halo\" data-id=\"honduras\"           cx=\"502\"  cy=\"407\" r=\"1.35\" \/>\r\n            <circle class=\"covelo-dot-halo\" data-id=\"elsalvador\"         cx=\"486\"  cy=\"414\" r=\"1.15\" \/>\r\n            <circle class=\"covelo-dot-halo\" data-id=\"costarica\"          cx=\"511\"  cy=\"440\" r=\"1.25\" \/>\r\n            <circle class=\"covelo-dot-halo\" data-id=\"panama\"             cx=\"532\"  cy=\"448\" r=\"1.25\" \/>\r\n            <circle class=\"covelo-dot-halo\" data-id=\"republicadominicana\" cx=\"595\" cy=\"382\" r=\"1.25\" \/>\r\n            <circle class=\"covelo-dot\" data-id=\"guatemala\"          cx=\"480\"  cy=\"401\" r=\"0.9\" \/>\r\n            <circle class=\"covelo-dot\" data-id=\"honduras\"           cx=\"502\"  cy=\"407\" r=\"0.9\" \/>\r\n            <circle class=\"covelo-dot\" data-id=\"elsalvador\"         cx=\"486\"  cy=\"414\" r=\"0.7\" \/>\r\n            <circle class=\"covelo-dot\" data-id=\"costarica\"          cx=\"511\"  cy=\"440\" r=\"0.8\" \/>\r\n            <circle class=\"covelo-dot\" data-id=\"panama\"             cx=\"532\"  cy=\"448\" r=\"0.8\" \/>\r\n            <circle class=\"covelo-dot\" data-id=\"republicadominicana\" cx=\"595\" cy=\"382\" r=\"0.8\" \/>\r\n          <\/g>\r\n\r\n        <\/svg>\r\n\r\n        <!-- Tooltip Flotante (HTML, fuera del SVG) -->\r\n        <div id=\"covelo-map-tooltip\" class=\"covelo-tooltip\" aria-hidden=\"true\">\r\n          <div class=\"covelo-tooltip-title\" id=\"covelo-tooltip-name\">Pa\u00eds<\/div>\r\n          <div class=\"covelo-tooltip-subtitle\" id=\"covelo-tooltip-count\">-- instituciones<\/div>\r\n        <\/div>\r\n        <div class=\"covelo-map-nudge\" aria-hidden=\"true\">\u2193 Seleccione un pa\u00eds en el mapa<\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PANEL DIN\u00c1MICO DE CLIENTES -->\r\n    <div class=\"covelo-panel covelo-animate-up\" id=\"covelo-data-panel\">\r\n      <div class=\"covelo-panel-header\">\r\n        <div class=\"covelo-panel-title-wrap\">\r\n          <span id=\"covelo-panel-flag\" class=\"covelo-flag\">--<\/span>\r\n          <h3 id=\"covelo-panel-title\" class=\"covelo-panel-title\">Seleccione un pa\u00eds<\/h3>\r\n        <\/div>\r\n        <div class=\"covelo-badge\">\r\n          <span id=\"covelo-panel-count\">0<\/span> <span id=\"covelo-panel-count-label\">instituciones<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"covelo-clients-grid\" class=\"covelo-grid\" aria-live=\"polite\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ======================================================= -->\r\n<!-- ESTILOS CSS -->\r\n<!-- ======================================================= -->\r\n<style>\r\n  #covelo-regional-module {\r\n    --c-blue:      #1C0E66;\r\n    --c-cyan:      #199178;\r\n    --c-gray-base: #E5E7EB;\r\n    --c-gray-dark: #9CA3AF;\r\n    --c-white:     #FFFFFF;\r\n    --c-text:      #334155;\r\n    --c-bg-panel:  #F8FAFC;\r\n    --font-main:   'Montserrat', sans-serif;\r\n    --t-fast:      0.2s ease-out;\r\n    --t-smooth:    0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n\r\n    font-family: var(--font-main);\r\n    color: var(--c-text);\r\n    background-color: var(--c-white);\r\n    padding: 15px 20px;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n  }\r\n\r\n  #covelo-regional-module * { box-sizing: border-box; }\r\n\r\n  .covelo-wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* === ENCABEZADO === *\/\r\n  .covelo-header { max-width: 800px;}\r\n  .covelo-title {\r\n    font-size: clamp(2rem, 4vw, 2.75rem);\r\n    color: var(--c-blue);\r\n    font-weight: 700;\r\n    margin: 0 0 12px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n  .covelo-subtitle { font-size: 1.125rem; color: var(--c-text); margin: 0; line-height: 1.6; }\r\n\r\n  \/* === \u00c1REA DEL MAPA === *\/\r\n  .covelo-map-area {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .covelo-map-container {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 50% 44%, rgba(25,145,120,0.12) 0%, rgba(25,145,120,0.06) 22%, rgba(25,145,120,0.02) 38%, rgba(25,145,120,0) 64%),\r\n      radial-gradient(circle at 50% 50%, #F7FBFF 0%, #EEF5FB 56%, #E8F1F8 100%);\r\n    border-radius: 20px;\r\n    padding: 16px;\r\n    border: 1px solid rgba(25, 145, 120, 0.1);\r\n  }\r\n\r\n  .covelo-map-container::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 20px;\r\n    background:\r\n      linear-gradient(180deg, rgba(28,14,102,0.03), rgba(28,14,102,0) 18%, rgba(25,145,120,0.02) 100%),\r\n      radial-gradient(circle at 54% 42%, rgba(25,145,120,0.04) 0%, rgba(25,145,120,0) 48%);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .covelo-map-backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .covelo-map-backdrop-glow {\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 46%;\r\n    width: min(78vw, 900px);\r\n    height: min(58vw, 620px);\r\n    transform: translate(-50%, -50%);\r\n    background: radial-gradient(circle, rgba(25,145,120,0.12) 0%, rgba(25,145,120,0.06) 22%, rgba(25,145,120,0.02) 40%, rgba(25,145,120,0) 72%);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .covelo-topographic-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0.045;\r\n    mix-blend-mode: multiply;\r\n  }\r\n\r\n  .covelo-topographic-pattern path {\r\n    stroke-width: 1.1;\r\n  }\r\n\r\n  .covelo-map-svg {\r\n    width: 100%;\r\n    min-width: 0;\r\n    height: auto;\r\n    display: block;\r\n    user-select: none;\r\n    overflow: visible;\r\n    position: relative;\r\n    z-index: 2;\r\n    filter: drop-shadow(0 14px 30px rgba(28,14,102,0.09));\r\n  }\r\n\r\n  .covelo-regional-stats {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 3;\r\n  }\r\n\r\n  .covelo-regional-stat {\r\n    position: absolute;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n    font-family: var(--font-main);\r\n    color: var(--c-blue);\r\n    opacity: 0.82;\r\n    letter-spacing: -0.2px;\r\n    padding: 18px 22px;\r\n    border-radius: 14px;\r\n    background: rgba(255,255,255,0.62);\r\n    border: 1px solid rgba(28,14,102,0.06);\r\n    backdrop-filter: blur(2px);\r\n    box-shadow: 0 10px 24px rgba(28,14,102,0.04);\r\n  }\r\n\r\n  .covelo-stat-value {\r\n    font-size: 1.45rem;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .covelo-stat-label {\r\n    font-size: 1rem;\r\n    line-height: 1;\r\n    font-weight: 500;\r\n    color: rgba(28,14,102,0.72);\r\n  }\r\n\r\n  .covelo-stat-top-left { left: 18px; top: 16px; }\r\n  .covelo-stat-top-right { right: 18px; top: 16px; text-align: right; }\r\n  .covelo-stat-bottom-left { left: 18px; bottom: 16px; }\r\n  .covelo-stat-bottom-right { right: 18px; bottom: 16px; text-align: right; }\r\n\r\n  \/* === PA\u00cdSES CONTEXTUALES (Gris muy suave) === *\/\r\n  .covelo-context-path {\r\n    fill: #D8DDE8;\r\n    stroke: #C8CDD8;\r\n    stroke-width: 0.15;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* === PA\u00cdSES INTERACTIVOS === *\/\r\n  .covelo-country {\r\n    cursor: pointer;\r\n    outline: none;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .covelo-touch-target {\r\n    fill: transparent;\r\n    pointer-events: all;\r\n  }\r\n\r\n  .covelo-country-path {\r\n    fill: #AFC4D4;\r\n    stroke: #FFFFFF;\r\n    stroke-width: 0.25;\r\n    stroke-linejoin: round;\r\n    opacity: 0.92;\r\n    transition: all 0.3s ease;\r\n    filter: drop-shadow(0 0.18px 0.2px rgba(28,14,102,0.12));\r\n  }\r\n\r\n  \/* Hover \u2014 estado temporal visual *\/\r\n  .covelo-country:hover .covelo-country-path {\r\n    fill: var(--c-cyan);\r\n    opacity: 1;\r\n    stroke: rgba(25,145,120,0.7);\r\n    stroke-width: 0.38;\r\n    filter: url(#covelo-hover-shadow);\r\n  }\r\n\r\n  \/* Focus \u2014 estado de navegaci\u00f3n\/teclado con indicador visual claro *\/\r\n  .covelo-country:focus-visible .covelo-country-path,\r\n  .covelo-country.has-focus .covelo-country-path {\r\n    fill: var(--c-cyan);\r\n    stroke: #1C0E66;\r\n    stroke-width: 0.58;\r\n    paint-order: stroke fill;\r\n    filter: url(#covelo-hover-shadow);\r\n  }\r\n\r\n  .covelo-country:focus {\r\n    outline: none;\r\n  }\r\n\r\n  \/* Activo \u2014 estado persistente de selecci\u00f3n *\/\r\n  .covelo-country.active .covelo-country-path {\r\n    fill: var(--c-cyan);\r\n    opacity: 1;\r\n    stroke: rgba(28,14,102,0.95);\r\n    stroke-width: 0.52;\r\n    paint-order: stroke fill;\r\n    filter: url(#covelo-active-shadow);\r\n  }\r\n\r\n  \/* Cuando el pa\u00eds activo tambi\u00e9n tiene focus (visual reforzado) *\/\r\n  .covelo-country.active.has-focus .covelo-country-path {\r\n    stroke: #1C0E66;\r\n    stroke-width: 0.6;\r\n  }\r\n\r\n  \/* === ETIQUETAS SVG === *\/\r\n  .covelo-svg-label {\r\n    fill: #334155;\r\n    font-weight: 700;\r\n    pointer-events: none;\r\n    transition: fill 200ms ease;\r\n    paint-order: stroke fill;\r\n    stroke: rgba(255,255,255,0.85);\r\n    stroke-width: 0.5;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* Etiqueta activa *\/\r\n  .covelo-country.active ~ g .covelo-svg-label { fill: var(--c-blue); }\r\n\r\n  \/* Activar etiqueta seg\u00fan el pa\u00eds activo \u2014 manejado via JS *\/\r\n  .covelo-svg-label.is-active { fill: var(--c-blue); }\r\n\r\n  \/* === PUNTOS INDICADORES === *\/\r\n  .covelo-dot,\r\n  .covelo-dot-halo {\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .covelo-dot-halo {\r\n    fill: var(--c-cyan);\r\n    opacity: 0.14;\r\n    animation: coveloDotHaloPulse 2.8s ease-in-out infinite;\r\n  }\r\n\r\n  .covelo-dot {\r\n    fill: var(--c-cyan);\r\n    opacity: 0.78;\r\n    animation: coveloDotPulse 2.8s ease-in-out infinite;\r\n    transition: opacity 200ms ease, fill 200ms ease;\r\n  }\r\n\r\n  .covelo-dot:nth-of-type(7),\r\n  .covelo-dot-halo:nth-of-type(1) { animation-delay: 0s; }\r\n  .covelo-dot:nth-of-type(8),\r\n  .covelo-dot-halo:nth-of-type(2) { animation-delay: 0.35s; }\r\n  .covelo-dot:nth-of-type(9),\r\n  .covelo-dot-halo:nth-of-type(3) { animation-delay: 0.7s; }\r\n  .covelo-dot:nth-of-type(10),\r\n  .covelo-dot-halo:nth-of-type(4) { animation-delay: 1.05s; }\r\n  .covelo-dot:nth-of-type(11),\r\n  .covelo-dot-halo:nth-of-type(5) { animation-delay: 1.4s; }\r\n  .covelo-dot:nth-of-type(12),\r\n  .covelo-dot-halo:nth-of-type(6) { animation-delay: 1.75s; }\r\n\r\n  .covelo-dot.is-active {\r\n    fill: var(--c-cyan);\r\n    opacity: 1;\r\n  }\r\n\r\n  .covelo-dot-halo.is-active {\r\n    opacity: 0.26;\r\n  }\r\n\r\n  @keyframes coveloDotPulse {\r\n    0%, 100% {\r\n      transform: scale(1);\r\n      opacity: 0.78;\r\n    }\r\n    50% {\r\n      transform: scale(1.15);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes coveloDotHaloPulse {\r\n    0%, 100% {\r\n      transform: scale(1);\r\n      opacity: 0.12;\r\n    }\r\n    50% {\r\n      transform: scale(1.65);\r\n      opacity: 0.24;\r\n    }\r\n  }\r\n\r\n  \/* === CURSOR GLOW === *\/\r\n  .covelo-cursor-glow {\r\n    position: absolute;\r\n    width: 80px; height: 80px;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    z-index: 1;\r\n    background: radial-gradient(circle, rgba(25,145,120,0.18) 0%, rgba(25,145,120,0) 70%);\r\n    transform: translate3d(-9999px,-9999px,0) translate(-50%,-50%);\r\n    transition: opacity 180ms ease;\r\n    will-change: transform, opacity;\r\n  }\r\n  .covelo-cursor-glow.is-visible { opacity: 1; }\r\n\r\n  \/* === TOOLTIP === *\/\r\n  .covelo-tooltip {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-gray-base);\r\n    border-radius: 12px;\r\n    padding: 9px 13px;\r\n    box-shadow: 0 14px 30px rgba(28,14,102,0.14);\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transform: translate(-50%, -108%) scale(0.98);\r\n    transition: opacity 180ms ease, transform 180ms ease;\r\n    z-index: 100;\r\n    min-width: 174px;\r\n    text-align: center;\r\n  }\r\n  .covelo-tooltip::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px; left: 50%;\r\n    transform: translateX(-50%) rotate(45deg);\r\n    width: 10px; height: 10px;\r\n    background: var(--c-white);\r\n    border-right: 1px solid var(--c-gray-base);\r\n    border-bottom: 1px solid var(--c-gray-base);\r\n  }\r\n  .covelo-tooltip.visible { opacity: 1; transform: translate(-50%, -118%) scale(1); }\r\n  .covelo-tooltip-title { color: var(--c-blue); font-weight: 700; font-size: 0.95rem; margin-bottom: 3px; }\r\n  .covelo-tooltip-subtitle { color: var(--c-text); font-size: 0.82rem; font-weight: 500; }\r\n\r\n  \/* === INDICADOR === *\/\r\n  .covelo-action-hint {\r\n    margin-top: -6px;\r\n    font-size: 1.05rem;\r\n    font-weight: 500;\r\n    color: var(--c-blue);\r\n    background: rgba(248,250,252,0.92);\r\n    padding: 12px 22px;\r\n    border-radius: 100px;\r\n    box-shadow: 0 10px 24px rgba(28,14,102,0.06);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: all 0.3s ease;\r\n    letter-spacing: -0.1px;\r\n  }\r\n  .covelo-action-hint::before {\r\n    content: '';\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    background: var(--c-cyan);\r\n    box-shadow: 0 0 0 6px rgba(25,145,120,0.1);\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .covelo-pulse-icon { display: none; }\r\n\r\n  .covelo-map-nudge {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 18px;\r\n    z-index: 4;\r\n    transform: translateX(-50%);\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.86);\r\n    border: 1px solid rgba(25,145,120,0.14);\r\n    color: var(--c-blue);\r\n    box-shadow: 0 10px 22px rgba(28,14,102,0.09);\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n    pointer-events: none;\r\n    animation: coveloNudgeIntro 4.8s ease forwards;\r\n  }\r\n\r\n  @keyframes coveloNudgeIntro {\r\n    0% { opacity: 0; transform: translate(-50%, 8px); }\r\n    14%, 68% { opacity: 1; transform: translate(-50%, 0); }\r\n    100% { opacity: 0; transform: translate(-50%, -4px); }\r\n  }\r\n\r\n  \/* === PANEL === *\/\r\n  .covelo-panel {\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-gray-base);\r\n    border-radius: 20px;\r\n    padding: 40px;\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.03);\r\n    scroll-margin-top: 100px;\r\n  }\r\n  .covelo-panel-header {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 32px;\r\n    padding-bottom: 24px;\r\n    border-bottom: 2px solid var(--c-bg-panel);\r\n  }\r\n  .covelo-panel-header::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0; top: -1px;\r\n    width: 96px; height: 3px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--c-cyan), rgba(25,145,120,0));\r\n  }\r\n  .covelo-panel-title-wrap { display: flex; align-items: center; gap: 16px; }\r\n  .covelo-flag { font-size: 2.2rem; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); }\r\n  .covelo-panel-title { font-size: 1.75rem; color: var(--c-blue); margin: 0; font-weight: 700; }\r\n  .covelo-badge {\r\n    background: var(--c-bg-panel);\r\n    border: 1px solid var(--c-gray-base);\r\n    padding: 10px 20px;\r\n    border-radius: 100px;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    color: var(--c-cyan);\r\n    transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;\r\n  }\r\n  .covelo-badge.is-active {\r\n    background: var(--c-cyan);\r\n    color: var(--c-white);\r\n    border-color: var(--c-cyan);\r\n    box-shadow: 0 12px 24px rgba(25,145,120,0.18);\r\n  }\r\n\r\n  \/* === GRID Y TARJETAS === *\/\r\n  .covelo-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 24px;\r\n    transition: opacity 0.2s ease, transform 0.3s ease;\r\n    will-change: opacity, transform;\r\n  }\r\n  .covelo-grid.fade-out { opacity: 0; transform: translateY(10px); }\r\n  .covelo-grid.fade-in  { opacity: 1; transform: translateY(0); }\r\n\r\n  .covelo-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--c-white);\r\n    border: 1px solid var(--c-gray-base);\r\n    border-radius: 12px;\r\n    padding: 32px 24px;\r\n    text-decoration: none;\r\n    color: var(--c-text);\r\n    transition: all var(--t-smooth);\r\n    outline: none;\r\n  }\r\n  .covelo-card:hover,\r\n  .covelo-card:focus,\r\n  .covelo-card:focus-visible {\r\n    border-color: transparent;\r\n    box-shadow:\r\n      0 0 0 1px rgba(25,145,120,0.18),\r\n      0 12px 24px rgba(28,14,102,0.08);\r\n    transform: translateY(-4px) scale(1.02);\r\n  }\r\n  .covelo-card:focus {\r\n    outline: none;\r\n  }\r\n  .covelo-card-logo {\r\n    width: 88%;\r\n    height: 100px;\r\n    max-width: 200px;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    background: #f1f5f9;\r\n    border-radius: 10px;\r\n  }\r\n  .covelo-card-logo::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 22px;\r\n    height: 22px;\r\n    border: 2.5px solid #e2e8f0;\r\n    border-top-color: var(--c-cyan);\r\n    border-radius: 50%;\r\n    animation: coveloSpin 0.7s linear infinite;\r\n    z-index: 1;\r\n  }\r\n  .covelo-card-logo.loaded {\r\n    background: transparent;\r\n  }\r\n  .covelo-card-logo.loaded::before {\r\n    display: none;\r\n  }\r\n  @keyframes coveloSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n  .covelo-card-logo svg { width: 100%; height: 100%; }\r\n  .covelo-card-logo img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    display: block;\r\n    position: relative;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  .covelo-card-logo.loaded img {\r\n    opacity: 1;\r\n  }\r\n  .covelo-card-name { font-size: 1rem; font-weight: 600; margin: 0; text-align: center; transition: color var(--t-fast); }\r\n  .covelo-card:hover .covelo-card-name,\r\n  .covelo-card:focus .covelo-card-name,\r\n  .covelo-card:focus-visible .covelo-card-name { color: var(--c-blue); }\r\n\r\n  .covelo-card-subtitle {\r\n    margin-top: 4px;\r\n    font-size: 0.82rem;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    color: #E39F1E;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* === ANIMACIONES DE ENTRADA === *\/\r\n  .covelo-animate-up {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: opacity 0.8s ease, transform 0.8s ease;\r\n  }\r\n  .covelo-animate-up.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* === RESPONSIVE === *\/\r\n  @media (max-width: 768px) {\r\n    #covelo-regional-module { padding: 40px 16px; }\r\n    .covelo-wrapper { gap: 16px; }\r\n    .covelo-action-hint { font-size: 0.92rem; padding: 10px 16px; width: 100%; justify-content: center; text-align: center; }\r\n    .covelo-panel { padding: 24px 16px; }\r\n    .covelo-panel-header { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n    .covelo-panel-title { font-size: 1.3rem; }\r\n    .covelo-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }\r\n    .covelo-map-container {\r\n      padding: 12px;\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      -webkit-overflow-scrolling: touch;\r\n      scrollbar-width: thin;\r\n    }\r\n\r\n    .covelo-map-svg {\r\n      width: 900px;\r\n      min-width: 900px;\r\n      max-width: none;\r\n    }\r\n\r\n    .covelo-tooltip {\r\n      min-width: 168px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .covelo-map-nudge {\r\n      position: sticky;\r\n      left: 50%;\r\n      bottom: 12px;\r\n      width: max-content;\r\n    }\r\n    .covelo-map-backdrop-glow { width: 110vw; height: 80vw; top: 48%; }\r\n    .covelo-regional-stat { padding: 8px 10px; border-radius: 12px; }\r\n    .covelo-stat-top-left { left: 12px; top: 12px; }\r\n    .covelo-stat-top-right { right: 12px; top: 12px; }\r\n    .covelo-stat-bottom-left { left: 12px; bottom: 12px; }\r\n    .covelo-stat-bottom-right { right: 12px; bottom: 12px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .covelo-dot,\r\n    .covelo-dot-halo,\r\n    .covelo-map-nudge,\r\n    .covelo-animate-up,\r\n    .covelo-card,\r\n    .covelo-country,\r\n    .covelo-country-path {\r\n      animation: none !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ======================================================= -->\r\n<!-- SCRIPT L\u00d3GICO -->\r\n<!-- ======================================================= -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n  'use strict';\r\n\r\n  \/\/ 1. GENERADOR DE LOGOS PLACEHOLDER\r\n  const getLogo = (letter) => `\r\n    <svg viewBox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <rect width=\"100\" height=\"100\" rx=\"16\" fill=\"#1C0E66\" opacity=\"0.04\"\/>\r\n      <path d=\"M25 75 L50 25 L75 75 Z\" fill=\"none\" stroke=\"#199178\" stroke-width=\"4\" stroke-linejoin=\"round\" opacity=\"0.4\"\/>\r\n      <text x=\"50\" y=\"65\" font-family=\"Montserrat\" font-size=\"40\" font-weight=\"700\" fill=\"#1C0E66\" text-anchor=\"middle\">${letter}<\/text>\r\n    <\/svg>`;\r\n\r\n  \/\/ 2. DATOS DE CLIENTES\r\n  const clientsData = {\r\n    honduras: {\r\n      name: 'Honduras', flag: '\ud83c\udded\ud83c\uddf3',\r\n      clients: [\r\n        { name: 'PILARH OPDF', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/PILARH.png\" alt=\"PILARH\" \/>', url: 'https:\/\/www.pilarh-opdf.org\/' },\r\n        { name: 'ODEF Financiera', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/ODEF.png\" alt=\"ODEF\" \/>', url: 'https:\/\/odeffinancierasa.hn\/' },\r\n        { name: 'ADEPES', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/ADEPES.png\" alt=\"ADEPES\" \/>', url: 'https:\/\/www.tecoloco.com.hn\/empresas\/asociacion-de-desarrollo-pespirense-adepes_2632.aspx' },\r\n        { name: 'AHSETFIN', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/AHSETFIN.png\" alt=\"AHSETFIN\" \/>', url: 'https:\/\/www.ahsetfin.org.hn\/' },\r\n        { name: 'IDH', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/IDH.png\" alt=\"IDH\" \/>', url: 'https:\/\/www.idhmicrofinanciera.hn\/' },\r\n        { name: 'VisionFund', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/VISIONFUND.png\" alt=\"VisionFund\" \/>', url: 'https:\/\/visionfund.org\/' },\r\n        { name: 'Honduproduce', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/HONDUPRODUCE.png\" alt=\"Honduproduce\" \/>', url: 'https:\/\/catalogos.sinergiahonduras.com\/?p=1052' },\r\n        { name: 'CREDISOL', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CREDISOL.png\" alt=\"CREDISOL\" \/>', url: 'https:\/\/credisol.hn\/' },\r\n        { name: 'Finsol', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/FINSOL.png\" alt=\"Finsol\" \/>', url: 'https:\/\/www.finsolhn.com\/' },\r\n        { name: 'Fundaci\u00f3n CREHO', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CREHO.png\" alt=\"Fundaci\u00f3n CREHO\" \/>', url: 'https:\/\/fundacioncreho.org.hn\/' },\r\n        { name: 'SICSA', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/SICSA.jpg\" alt=\"SICSA\" \/>', url: 'https:\/\/sicsamicrofinanzas.com\/' },\r\n        { name: 'Horizontes de Amistad', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/HORIZONTESDEAMISTAD.png\" alt=\"Horizontes de Amistad\" \/>', url: 'https:\/\/fundacionhorizontes.com\/' },\r\n        { name: 'Financiera MiCr\u00e9dito', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/MICREDITO.png\" alt=\"Financiera MiCr\u00e9dito\" \/>', url: 'https:\/\/www.google.com\/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwiX6Nbv8qKVAxVknCYFHVBxBqMQFnoECBYQAQ&url=https%3A%2F%2Fmicredito.hn%2F&usg=AOvVaw2rCPvnemGK695FePuK07OZ&opi=89978449' },\r\n        { name: 'Capucas Caf\u00e9', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CAPUCAS.png\" alt=\"Capucas Caf\u00e9\" \/>', url: 'https:\/\/mycapucascoffee.coop\/web\/' },\r\n        { name: 'Cafico', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CAFICO.png\" alt=\"Cafico\" \/>', url: 'https:\/\/cafico.hn\/' },\r\n        { name: 'Caf\u00e9 & Cacao BEO', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/BEO.png\" alt=\"Caf\u00e9 & Cacao BEO\" \/>', url: 'https:\/\/www.google.com\/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjAn-HS86KVAxVgpIkEHQ97EcQQFnoECBsQAQ&url=https%3A%2F%2Fwww.beo.hn%2Fvisita-de-productores-de-cafe-y-cacao%2F&usg=AOvVaw31eLkkVyPv2-fwfF4KLYQO&opi=89978449' },\r\n        { name: 'AMC', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/AMC.png\" alt=\"AMC\" \/>', url: 'https:\/\/www.google.com\/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwj5xrnZ86KVAxUcAHkGHauuDccQFnoECBYQAQ&url=https%3A%2F%2Famc.com.hn%2F&usg=AOvVaw0TAyeEEfZIPm7IaUM_qYSe&opi=89978449' },\r\n        { name: 'CAFESCOR', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CAFESCOR.png\" alt=\"Cafescor\" \/>', url: 'https:\/\/www.cafescor.org\/' },\r\n        { name: 'Funder', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/FFUNDER.png\" alt=\"Funder\" \/>', url: 'https:\/\/funder.org.hn\/' },\r\n        { name: 'La Placita de Susy', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/LAPLACITADESUSY.png\" alt=\"La Placita de Susy\" \/>', url: 'https:\/\/www.tripadvisor.es\/Restaurant_Review-g1025658-d3396906-Reviews-La_Placita_de_Susy-Santa_Lucia_Francisco_Morazan_Department.html' },\r\n        { name: 'APROCA CERCHIL', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/APROCACERCHIL.png\" alt=\"APROCA CERCHIL\" \/>', url: 'https:\/\/www.facebook.com\/aprocacerchil\/?ref=settings' },\r\n        { name: 'Coffee By His Word', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/COFFEEBYHISWORLD.png\" alt=\"Coffee By His Word\" \/>', url: 'https:\/\/www.coffeebyhisword.com\/' },\r\n        { name: 'IEP', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/IEP.png\" alt=\"IEP\" \/>', url: 'https:\/\/www.facebook.com\/elporvenirsa\/' },\r\n        { name: 'Restaurante La Casona del Valle', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/LACASONA.png\" alt=\"Restaurante La Casona del Valle\" \/>', url: 'https:\/\/www.facebook.com\/lacasonavalledeangeles\/?locale=es_LA' },\r\n        { name: 'Interiors', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/INTERIORS.png\" alt=\"Interiors\" \/>', url: 'https:\/\/interiorshn.com\/' },\r\n        { name: 'Sunny Path', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/SUNNYPATH.png\" alt=\"Sunny Path\" \/>', url: 'https:\/\/www.facebook.com\/sunny.path.52\/?locale=es_LA' },\r\n        { name: 'Honduras Plywood S.A.', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/HONDURASPLYWOOD.png\" alt=\"Honduras Plywood S.A.\" \/>', url: 'https:\/\/1299-hn.all.biz\/' }\r\n      ]\r\n    },\r\n    guatemala: {\r\n      name: 'Guatemala', flag: '\ud83c\uddec\ud83c\uddf9',\r\n      clients: [\r\n        { name: 'ADICLA', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/ADICLA.png\" alt=\"ADICLA\" \/>', url: 'https:\/\/adicla.org.gt\/' },\r\n        { name: 'ADISA', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/ADISA.png\" alt=\"ADISA\" \/>', url: 'https:\/\/adisagt.org\/' },\r\n        { name: 'ADIGUA', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/ADIGUA.png\" alt=\"ADIGUA\" \/>', url: 'https:\/\/www.adigua.org\/' },\r\n        { name: 'Cooperativa Crediguate R.L.', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CREDIGUATE.png\" alt=\"Cooperativa Crediguate R.L.\" \/>', url: 'https:\/\/www.crediguate.com.gt\/' },\r\n        { name: 'SERVIGUA', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/SERVIGUA.png\" alt=\"Servigua\" \/>', url: 'https:\/\/fundacionservigua.org.gt\/' },\r\n        { name: 'REFICOM', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/REFICOM.png\" alt=\"REFICOM\" \/>', url: 'https:\/\/reficomrl.com.gt\/' },\r\n        { name: 'Red FASCO', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/REDFASCO.png\" alt=\"Red FASCO\" \/>', url: 'https:\/\/redfasco.org.gt\/' },\r\n        { name: 'FFDL', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/FFDL.jpg\" alt=\"FFDL\" \/>', url: 'https:\/\/ffdldeguatemala.org\/' },\r\n        { name: 'GuatePresta', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/GUATEPRESTA.png\" alt=\"GuatePresta\" \/>', url: 'https:\/\/guatetepresta.com\/' },\r\n        { name: 'Concepci\u00f3n R.L.', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CONCEPCIONRL.png\" alt=\"Concepci\u00f3n R.L.\" \/>', url: 'https:\/\/www.concepcionrl.com\/' },\r\n        { name: 'FUNDEA', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/FUNDEA.png\" alt=\"FUNDEA\" \/>', url: 'https:\/\/fundea.org.gt\/' },\r\n        { name: 'CODESOL', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CODESOL.png\" alt=\"CODESOL\" \/>', url: 'https:\/\/www.facebook.com\/codesolrl\/?locale=es_LA' },\r\n        { name: 'COOPEDEL R.L.', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/COODEPEL.png\" alt=\"COOPEDEL R.L.\" \/>', url: 'https:\/\/coopedelrl.com\/' }\r\n      ]\r\n    },\r\n    elsalvador: {\r\n      name: 'El Salvador', flag: '\ud83c\uddf8\ud83c\uddfb',\r\n      clients: [\r\n        { name: 'Optima', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/OPTIMA.png\" alt=\"Optima\" \/>', url: 'https:\/\/optima.com.sv\/' },\r\n        { name: 'Inversiones Confianza', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CONFIANZA.png\" alt=\"Confianza\" \/>', url: 'https:\/\/www.inversionesconfianza.com\/' },\r\n        { name: 'PADECOM', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/PADECOM.png\" alt=\"Padecom\" \/>', url: 'https:\/\/padecomcredito.com\/' },\r\n        { name: 'CreceCr\u00e9dito', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CRECECREDITO.png\" alt=\"CreceCr\u00e9dito\" \/>', url: 'https:\/\/www.facebook.com\/CreceCredito' },\r\n        { name: 'Total Credit', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/TOTALCREDIT.png\" alt=\"Total Credit\" \/>', url: 'https:\/\/www.totalmultisv.com\/' },\r\n        { name: 'Coophel', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/COOPHEL.png\" alt=\"Coophel\" \/>', url: 'https:\/\/www.coophel.com\/' }\r\n      ]\r\n    },\r\n    costarica: {\r\n      name: 'Costa Rica', flag: '\ud83c\udde8\ud83c\uddf7',\r\n      clients: [\r\n        { name: 'Grameen Costa Rica', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/GRAMEEN.jpg\" alt=\"Grameen Costa Rica\" \/>', url: 'https:\/\/grameencostarica.com\/' }\r\n      ]\r\n    },\r\n    panama: {\r\n      name: 'Panam\u00e1', flag: '\ud83c\uddf5\ud83c\udde6',\r\n      clients: [\r\n        { name: 'CFE', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/CFE.png\" alt=\"CFE\" \/>', url: 'https:\/\/cfe.com.pa\/' },\r\n        { name: 'MiCr\u00e9dito Holding Corp.', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/MICREDITO.png\" alt=\"MiCr\u00e9dito\" \/>', url: 'https:\/\/micreditoholding.com\/' }\r\n      ]\r\n    },\r\n    republicadominicana: {\r\n      name: 'Rep\u00fablica Dominicana', flag: '\ud83c\udde9\ud83c\uddf4',\r\n      clients: [\r\n        { name: 'Coop Aspire', logo: '<img decoding=\"async\" src=\"https:\/\/fundacioncovelo.hn\/master\/wp-content\/uploads\/2026\/06\/COOPASPIRE.png\" alt=\"Coop Aspire\" \/>', url: 'https:\/\/www.coopaspire.com\/' }\r\n      ]\r\n    }\r\n  };\r\n\r\n  \/\/ 3. REFERENCIAS DOM\r\n  let currentCountry = null;\r\n  let hasInteracted   = false;\r\n  let tooltipHideTimer = null;\r\n  let cursorRafId = null;\r\n\r\n  const mapContainer   = document.getElementById('covelo-map-container');\r\n  const countries      = document.querySelectorAll('.covelo-country');\r\n  const tooltip        = document.getElementById('covelo-map-tooltip');\r\n  const tooltipName    = document.getElementById('covelo-tooltip-name');\r\n  const tooltipCount   = document.getElementById('covelo-tooltip-count');\r\n  const actionHint     = document.getElementById('covelo-action-hint');\r\n  const dataPanel      = document.getElementById('covelo-data-panel');\r\n  const cursorGlow     = document.getElementById('covelo-cursor-glow');\r\n  const svgLabels      = document.querySelectorAll('.covelo-svg-label');\r\n  const svgDots        = document.querySelectorAll('.covelo-dot, .covelo-dot-halo');\r\n  const panelTitle     = document.getElementById('covelo-panel-title');\r\n  const panelFlag      = document.getElementById('covelo-panel-flag');\r\n  const panelCount     = document.getElementById('covelo-panel-count');\r\n  const panelCountLabel = document.getElementById('covelo-panel-count-label');\r\n  const panelBadge     = document.querySelector('.covelo-badge');\r\n  const gridContainer  = document.getElementById('covelo-clients-grid');\r\n  let focusedCountry   = null;\r\n\r\n  \/\/ 4. INIT\r\n  function init() {\r\n    setupMapInteractions();\r\n    setupCursorGlow();\r\n    setupIntersectionObserver();\r\n  }\r\n\r\n  \/\/ 5. CURSOR GLOW\r\n  function setupCursorGlow() {\r\n    mapContainer.addEventListener('pointerenter', (e) => {\r\n      if (e.pointerType === 'touch') return;\r\n      cursorGlow.classList.add('is-visible');\r\n    });\r\n    mapContainer.addEventListener('pointermove', (e) => {\r\n      if (e.pointerType === 'touch') return;\r\n      const rect = mapContainer.getBoundingClientRect();\r\n      const tx = e.clientX - rect.left;\r\n      const ty = e.clientY - rect.top;\r\n      if (cursorRafId) return;\r\n      cursorRafId = requestAnimationFrame(() => {\r\n        cursorGlow.style.transform = `translate3d(${tx}px,${ty}px,0) translate(-50%,-50%)`;\r\n        cursorRafId = null;\r\n      });\r\n    });\r\n    mapContainer.addEventListener('pointerleave', () => {\r\n      cursorGlow.classList.remove('is-visible');\r\n    });\r\n  }\r\n\r\n  \/\/ 6. TOOLTIP\r\n  function positionTooltip(mouseX, mouseY) {\r\n    tooltip.style.left = `${mouseX + mapContainer.scrollLeft}px`;\r\n    tooltip.style.top  = `${mouseY}px`;\r\n  }\r\n\r\n  function showTooltip(countryId, mouseX, mouseY) {\r\n    const data = clientsData[countryId];\r\n    if (!data) return;\r\n    if (tooltipHideTimer) { clearTimeout(tooltipHideTimer); tooltipHideTimer = null; }\r\n    tooltipName.textContent  = data.name;\r\n    tooltipCount.textContent = 'Haz clic para ver instituciones';\r\n    positionTooltip(mouseX, mouseY);\r\n    tooltip.classList.add('visible');\r\n  }\r\n\r\n  function hideTooltip() {\r\n    if (tooltipHideTimer) { clearTimeout(tooltipHideTimer); tooltipHideTimer = null; }\r\n    tooltip.classList.remove('visible');\r\n  }\r\n\r\n  \/\/ 7. INTERACCIONES DEL MAPA\r\n  function setupMapInteractions() {\r\n    countries.forEach(country => {\r\n      const id   = country.dataset.id;\r\n      const data = clientsData[id];\r\n      if (!data) return;\r\n\r\n      country.addEventListener('mouseenter', (e) => {\r\n        const rect = mapContainer.getBoundingClientRect();\r\n        showTooltip(id, e.clientX - rect.left, e.clientY - rect.top);\r\n      });\r\n\r\n      country.addEventListener('mousemove', (e) => {\r\n        requestAnimationFrame(() => {\r\n          const rect = mapContainer.getBoundingClientRect();\r\n          positionTooltip(e.clientX - rect.left, e.clientY - rect.top);\r\n        });\r\n      });\r\n\r\n      country.addEventListener('mouseleave', () => hideTooltip());\r\n\r\n      country.addEventListener('click', () => {\r\n        \/\/ Forzar focus en el elemento SVG despu\u00e9s de click\r\n        try {\r\n          if (country.focus && typeof country.focus === 'function') {\r\n            country.focus({ preventScroll: true });\r\n          }\r\n        } catch (e) {\r\n          \/\/ Silent fallback si focus() no est\u00e1 disponible en SVG\r\n        }\r\n        setFocusedCountry(id);\r\n        handleSelection(id);\r\n      });\r\n\r\n      country.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          setFocusedCountry(id);\r\n          handleSelection(id);\r\n        }\r\n      });\r\n\r\n      country.addEventListener('focus', () => {\r\n        setFocusedCountry(id);\r\n      });\r\n\r\n      country.addEventListener('blur', () => {\r\n        \/\/ Solo quitar focus si se movi\u00f3 a otro pa\u00eds\r\n        if (focusedCountry === id) {\r\n          focusedCountry = null;\r\n        }\r\n        updateFocusStyles();\r\n      });\r\n    });\r\n  }\r\n\r\n  \/\/ Gestionar estado de focus para SVG (que no es confiable nativamente)\r\n  function setFocusedCountry(id) {\r\n    if (focusedCountry === id) return;\r\n    focusedCountry = id;\r\n    updateFocusStyles();\r\n  }\r\n\r\n  function updateFocusStyles() {\r\n    countries.forEach(c => {\r\n      c.classList.toggle('has-focus', c.dataset.id === focusedCountry);\r\n    });\r\n  }\r\n\r\n  \/\/ 8. SELECCI\u00d3N DE PA\u00cdS\r\n  function handleSelection(countryId) {\r\n    if (countryId === currentCountry) return;\r\n    currentCountry = countryId;\r\n\r\n    if (!hasInteracted) {\r\n      hasInteracted = true;\r\n    }\r\n\r\n    \/\/ Actualizar estados visuales\r\n    countries.forEach(c => {\r\n      c.classList.toggle('active', c.dataset.id === countryId);\r\n      c.setAttribute('aria-selected', c.dataset.id === countryId);\r\n    });\r\n\r\n    \/\/ Actualizar etiquetas SVG\r\n    svgLabels.forEach(lbl => {\r\n      lbl.classList.toggle('is-active', lbl.dataset.id === countryId);\r\n    });\r\n\r\n    \/\/ Actualizar puntos\r\n    svgDots.forEach(dot => {\r\n      dot.classList.toggle('is-active', dot.dataset.id === countryId);\r\n    });\r\n\r\n    \/\/ Actualizar panel\r\n    animatePanelUpdate(countryId);\r\n    panelBadge.classList.add('is-active');\r\n\r\n    \/\/ Scroll autom\u00e1tico si el panel no es visible en el viewport\r\n    scheduleSmartScroll();\r\n  }\r\n\r\n  \/\/ Desplazamiento autom\u00e1tico inteligente basado en visibilidad real\r\n  function scheduleSmartScroll() {\r\n    setTimeout(() => {\r\n      const panelRect = dataPanel.getBoundingClientRect();\r\n      \r\n      \/\/ Verificar si el panel es completamente visible en el viewport\r\n      const panelFullyVisible = \r\n        panelRect.top >= 0 && \r\n        panelRect.bottom <= window.innerHeight;\r\n      \r\n      \/\/ Si el panel NO es visible o est\u00e1 parcialmente fuera de pantalla, hacer scroll\r\n      if (!panelFullyVisible) {\r\n        dataPanel.scrollIntoView({\r\n          behavior: 'smooth',\r\n          block: 'start'\r\n        });\r\n      }\r\n      \/\/ Si el panel ya es visible, no hacer nada (evitar scroll innecesario)\r\n    }, 100);\r\n  }\r\n\r\n  \/\/ 9. ANIMACI\u00d3N DEL PANEL\r\n  function animatePanelUpdate(countryId) {\r\n    gridContainer.classList.add('fade-out');\r\n    setTimeout(() => {\r\n      renderPanelData(countryId);\r\n      void gridContainer.offsetWidth;\r\n      gridContainer.classList.remove('fade-out');\r\n      gridContainer.classList.add('fade-in');\r\n      setTimeout(() => gridContainer.classList.remove('fade-in'), 300);\r\n    }, 200);\r\n  }\r\n\r\n  function renderPanelData(countryId) {\r\n    const data = clientsData[countryId];\r\n    if (!data) return;\r\n    panelTitle.textContent = `Clientes en ${data.name}`;\r\n    panelFlag.textContent  = data.flag;\r\n    panelCount.textContent = data.clients.length;\r\n    panelCountLabel.textContent = data.clients.length === 1 ? 'instituci\u00f3n' : 'instituciones';\r\n    gridContainer.innerHTML = data.clients.map(client => `\r\n      <a href=\"${client.url}\" class=\"covelo-card\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visitar ${client.name}\">\r\n        <div class=\"covelo-card-logo\">${client.logo}<\/div>\r\n        <h4 class=\"covelo-card-name\">${client.name}<\/h4>\r\n        <div class=\"covelo-card-subtitle\">Visitar sitio<\/div>\r\n      <\/a>\r\n    `).join('');\r\n\r\n    \/\/ Spinner de carga: marcar .loaded cuando cada <img> termine\r\n    gridContainer.querySelectorAll('.covelo-card-logo img').forEach(img => {\r\n      const logoContainer = img.parentElement;\r\n      const markLoaded = () => logoContainer.classList.add('loaded');\r\n      if (img.complete) {\r\n        markLoaded();\r\n      } else {\r\n        img.addEventListener('load', markLoaded, { once: true });\r\n        img.addEventListener('error', markLoaded, { once: true });\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ 10. INTERSECTION OBSERVER (fade-in animaciones)\r\n  function setupIntersectionObserver() {\r\n    const elements = document.querySelectorAll('.covelo-animate-up');\r\n    const observer = new IntersectionObserver((entries, obs) => {\r\n      entries.forEach((entry, idx) => {\r\n        if (entry.isIntersecting) {\r\n          setTimeout(() => entry.target.classList.add('is-visible'), idx * 150);\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n    elements.forEach(el => observer.observe(el));\r\n  }\r\n\r\n  init();\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Instituciones que conf\u00edan en nuestros servicios en distintos mercados de la regi\u00f3n. Seleccione un pa\u00eds para explorar sus instituciones +50 Instituciones 6 Pa\u00edses Alcance Regional 35+ A\u00f1os Guatemala Honduras El Salvador Costa Rica Panam\u00e1 Rep. Dominicana Pa\u00eds &#8212; instituciones \u2193 Seleccione un pa\u00eds en el mapa &#8212; Seleccione un pa\u00eds 0 instituciones<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1028","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages\/1028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/comments?post=1028"}],"version-history":[{"count":5,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages\/1028\/revisions"}],"predecessor-version":[{"id":3461,"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/pages\/1028\/revisions\/3461"}],"wp:attachment":[{"href":"https:\/\/fundacioncovelo.hn\/master\/wp-json\/wp\/v2\/media?parent=1028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}