{"id":3271,"date":"2025-08-13T21:04:37","date_gmt":"2025-08-13T19:04:37","guid":{"rendered":"https:\/\/corp-artecola.dev2.increnta.com\/?page_id=3271"},"modified":"2025-11-13T23:30:18","modified_gmt":"2025-11-13T22:30:18","slug":"contacto","status":"publish","type":"page","link":"https:\/\/dev.artecola.com\/es\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3271\" class=\"elementor elementor-3271\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50c1086 e-flex e-con-boxed e-con e-parent\" data-id=\"50c1086\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-68f05a0 e-con-full e-flex e-con e-child\" data-id=\"68f05a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8451d72 elementor-widget elementor-widget-heading\" data-id=\"8451d72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cont\u00e1ctanos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f3c032 e-flex e-con-boxed e-con e-parent\" data-id=\"8f3c032\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d0c28a8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d0c28a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8fe5a93 elementor-widget elementor-widget-image\" data-id=\"8fe5a93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"628\" height=\"666\" src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/08\/Img.png\" class=\"elementor-animation-grow attachment-large size-large wp-image-3275\" alt=\"\" srcset=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/08\/Img.png 628w, https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/08\/Img-283x300.png 283w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec6bf99 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ec6bf99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebb901 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6ebb901\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comprometidos con nuestros clientes en toda Am\u00e9rica Latina\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b222f elementor-widget elementor-widget-text-editor\" data-id=\"c5b222f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En Artecola, trabajamos para ofrecer la mejor atenci\u00f3n a nuestros clientes en Am\u00e9rica Latina. Nuestras actividades se desarrollan en diferentes pa\u00edses clave de la regi\u00f3n, con el apoyo de una red internacional que va desde el sur de la Patagonia hasta el norte de M\u00e9xico.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddb4dbc e-flex e-con-boxed e-con e-parent\" data-id=\"ddb4dbc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9f84afb e-con-full e-flex e-con e-child\" data-id=\"9f84afb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a47f764 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a47f764\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comun\u00edcate de manera f\u00e1cil y r\u00e1pida<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5108e0c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"5108e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Descubre nuestras principales ubicaciones y canales de contacto para comunicarte con nosotros de manera r\u00e1pida y sencilla.<\/p><p>Si tienes preguntas o necesitas asistencia, no dudes en contactar a la unidad m\u00e1s cercana a ti.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2582076 e-con-full e-flex e-con e-child\" data-id=\"2582076\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e6968 elementor-widget elementor-widget-html\" data-id=\"34e6968\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Mapa Interactivo Artecola - Versi\u00f3n Corregida<\/title>\r\n    <style>\r\n        body {\r\n            font-family: 'Rubik', sans-serif;\r\n        }\r\n\r\n        .artecola-layout {\r\n            display: flex;\r\n            align-items: stretch;\r\n            max-width: 1440px;\r\n            margin: auto;\r\n            gap: 40px;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* --- Columna Izquierda: Tarjetas --- *\/\r\n        .info-column {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* Estilo base para todas las tarjetas *\/\r\n        .info-card {\r\n            background-size: cover;\r\n            background-position: center;\r\n            border-radius: 16px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n            color: white;\r\n            flex: 1;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        \/* Tarjetas de informaci\u00f3n de pa\u00edses *\/\r\n        .info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(30, 10, 40, 0.85), rgba(50, 20, 70, 0.5));\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* VISTA DE CONTACTO PARA DISTRIBUIDORES *\/\r\n        .contact-card {\r\n            align-items:center ;\r\n            \/* Alinea el texto abajo *\/\r\n        }\r\n\r\n        .contact-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 60%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .card-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 25px;\r\n            width: 100%;\r\n        }\r\n\r\n        .card-content h3 {\r\n            margin: 0 0 15px 0;\r\n            font-size: 1.1rem;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .contact-card .card-content h3 {\r\n            color: #D3B3E3;\r\n            \/* Morado claro para el t\u00edtulo *\/\r\n            font-size: 0.9rem;\r\n            letter-spacing: 1px;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .card-content p {\r\n            margin: 12px 0;\r\n            display: flex;\r\n            align-items: center;\r\n            \/* Mejor alineaci\u00f3n para los iconos *\/\r\n            gap: 12px;\r\n            font-size: 0.95rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .card-content svg {\r\n            flex-shrink: 0;\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #fff;\r\n        }\r\n\r\n        \/* --- Columna Derecha: Mapa y Controles --- *\/\r\n        .map-column {\r\n            flex: 1;\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            \/* Para poner los controles abajo *\/\r\n            align-items: center;\r\n        }\r\n\r\n        .map-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-grow: 1;\r\n            \/* El mapa ocupa el espacio disponible *\/\r\n            align-items: center;\r\n        }\r\n\r\n        .map-base {\r\n            width: 80%;\r\n            height: auto;\r\n            display: block;\r\n            user-select: none;\r\n        }\r\n\r\n        .map-group {\r\n            position: absolute;\r\n            z-index: 10;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .map-group.distribuidor {\r\n            cursor: default;\r\n        }\r\n\r\n        .map-point {\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .pin-label {\r\n            background-color: #7A288A;\r\n            color: #ffffff;\r\n            font-weight: 600;\r\n            padding: 5px 20px 5px 10px;\r\n            border-radius: 20px;\r\n            font-size: 14px;\r\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n            white-space: nowrap;\r\n            margin: 0;\r\n            position: relative;\r\n            left: 15px;\r\n        }\r\n\r\n        .map-group.active .pin-label {\r\n            background-color: white;\r\n            color: #7A288A;\r\n        }\r\n\r\n\r\n        .pin-label.gray {\r\n            background-color: #f0f0f0;\r\n            color: #666;\r\n        }\r\n\r\n        .pin-icon {\r\n            width: 28px;\r\n            height: auto;\r\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            z-index: 1;\r\n        }\r\n\r\n        .map-group:not(.distribuidor):hover .pin-icon {\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .map-group.active .pin-icon {\r\n            transform: scale(1.4);\r\n            animation: bounce 1.2s infinite;\r\n        }\r\n\r\n        @keyframes bounce {\r\n\r\n            0%,\r\n            100% {\r\n                transform: scale(1.4) translateY(0);\r\n            }\r\n\r\n            50% {\r\n                transform: scale(1.4) translateY(-6px);\r\n            }\r\n        }\r\n\r\n        \/* --- CONTROLES DEBAJO DEL MAPA --- *\/\r\n        .map-column-footer {\r\n            width: 100%;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .map-controls {\r\n            display: flex;\r\n            gap: 20px;\r\n        }\r\n\r\n        .map-titulo {\r\n            padding: 10px 0px;\r\n            font-size: 18px;\r\n            color: #ffffff;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .map-control {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 14px;\r\n            color: #ffffff;\r\n            cursor: pointer;\r\n            padding: 8px 12px;\r\n            border-radius: 8px;\r\n            transition: background-color 0.2s;\r\n            border: 1px solid transparent;\r\n        }\r\n\r\n\r\n        .map-control.active,\r\n        .map-control:hover {\r\n\r\n            border-color: #ffffff;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .map-control img {\r\n            width: 24px;\r\n            height: auto;\r\n        }\r\n\r\n        \/* --- Responsive Design --- *\/\r\n        @media (max-width: 900px) {\r\n\r\n            .artecola-layout,\r\n            .map-controls {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .info-column,\r\n            .map-column {\r\n                width: 100%;\r\n            }\r\n\r\n            .info-column {\r\n                order: 2;\r\n            }\r\n\r\n            .map-column {\r\n                order: 1;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <div class=\"artecola-layout\">\r\n\r\n        <!-- Columna Izquierda (50%) -->\r\n        <div id=\"info-column\" class=\"info-column\">\r\n            <!-- Tarjetas generadas por JS -->\r\n        <\/div>\r\n\r\n        <!-- Columna Derecha (50%) -->\r\n        <div class=\"map-column\">\r\n            <div class=\"map-wrapper\">\r\n                <img decoding=\"async\" class=\"map-base\" src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/09\/mapa-localizaciones.png\" alt=\"Mapa de operaciones Artecola\">\r\n\r\n                <!-- PINES DE OPERACI\u00d3N DIRECTA -->\r\n                <div class=\"map-group operacion\" data-country=\"Mexico\" style=\"top: 39%; left: 21%;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label\">M\u00e9xico<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion.png\"><\/div>\r\n                <\/div>\r\n                <div class=\"map-group operacion\" data-country=\"Colombia\" style=\"top: 52%; left: 40%;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label purple\">Colombia<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion.png\"><\/div>\r\n                <\/div>\r\n                <div class=\"map-group operacion\" data-country=\"Peru\" style=\"top: 62%; left: 45%;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label purple\">Per\u00fa<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion.png\"><\/div>\r\n                <\/div>\r\n                <div class=\"map-group operacion\" data-country=\"Brasil\" style=\"top: 60%; left: 74%;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label purple\">Brasil<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion.png\"><\/div>\r\n                <\/div>\r\n                <div class=\"map-group operacion\" data-country=\"Chile\" style=\"top: 82%; left: 53%;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label purple\">Chile<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion.png\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- PINES DE DISTRIBUIDORES (Ocultos por defecto) -->\r\n                \r\n                <div class=\"map-group distribuidor\" style=\"top: 39%; left: 18%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Guatemala<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"map-group distribuidor\" style=\"top: 42%; left: 30%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Costa Rica<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-group distribuidor\" style=\"top: 46%; left: 35%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Panam\u00e1<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-group distribuidor\" style=\"top: 40%; left: 56%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Rep.Dom.<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n               \r\n                <div class=\"map-group distribuidor\" style=\"top: 50%; left: 55%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Venezuela<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-group distribuidor\" style=\"top: 65%; left: 48%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Ecuador<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-group distribuidor\" style=\"top: 73%; left: 58%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Bolivia<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-group distribuidor\" style=\"top: 78%; left: 62%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Paraguay<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"map-group distribuidor\" style=\"top: 83%; left: 58%; display: none;\">\r\n                    <div class=\"map-point\"><span class=\"pin-label gray\">Uruguay<\/span><img decoding=\"async\" class=\"pin-icon\"\r\n                            src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"map-column-footer\">\r\n                <div class=\"map-titulo\">\r\n                    Da clic en los pines para conocer nuestras ubicaciones\r\n                <\/div>\r\n                <div class=\"map-controls\">\r\n\r\n                    <div id=\"btn-operacion\" class=\"map-control\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion.png\">\r\n                        <span>Pa\u00edses con operaci\u00f3n directa<\/span>\r\n                    <\/div>\r\n                    <div id=\"btn-distribuidor\" class=\"map-control\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/06\/locacion-1.png\">\r\n                        <span>Otros pa\u00edses atendidos a trav\u00e9s de distribuidor <\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n\r\n            const countryData = {\r\n                \"Mexico\":\r\n                    [{\r\n                        title: \"ARTECOLA M\u00c9XICO\",\r\n                        imageUrl: \"\/wp-content\/uploads\/2025\/08\/Mexico-Leon-1.png\",\r\n                        address: \"Calzada. Las Armas No. 120 (Zona Ind.), C\u00f3digo Postal 54080 Tlalnepantla, M\u00e9x.\",\r\n                        phone: \"+52 55 5394 7890\",\r\n                        email: \"afixartecolamx@dev.artecola.com.mx\"\r\n                    },\r\n                    {\r\n                        title: \"ARTECOLA M\u00c9XICO- FILIAL LEON\",\r\n                        imageUrl: \"\/wp-content\/uploads\/2025\/08\/Mexico-Matriz-1.png\",\r\n                        address: \"Le\u00f3n - Guanajuato, M\u00e9xico Circuito Luxma N\u00b0 128, Pol\u00edgono Industrial Milenio, C\u00f3digo postal 37290 Le\u00f3n de los Aldama, Guanajuato\",\r\n                        phone: \"+52 477 761 0107\",\r\n                        email: \"afixartecolamx@dev.artecola.com.mx\"\r\n                    }],\r\n\r\n                \"Brasil\":\r\n                    [{\r\n                        title: \"ARTECOLA BRASIL - MATRIZ\",\r\n                        imageUrl: \"\/wp-content\/uploads\/2025\/08\/Brasil-Caixas-1.png\",\r\n                        address: \"Campo Bom\/RS - Rodovia RS 239, 5801 - Zona Industrial 2\",\r\n                        phone: \"+55 (51) 3778.5200\",\r\n                        email: \"marketing@dev.artecola.com.br\"\r\n\r\n                    },\r\n                    {\r\n                        title: \"ARTECOLA BRASIL\",\r\n                        imageUrl: \"\/wp-content\/uploads\/2025\/08\/Brasil-Tatui-1.png\",\r\n                        address: \"Tatu\u00ed\/SP\",\r\n                        phone: \"+55 (15) 3322.3100\",\r\n                         email: \"marketing@dev.artecola.com.br\"\r\n\r\n                    },\r\n                    {\r\n                        title: \"ARTECOLA BRASIL EXTRUS\u00c3O LTDA\",\r\n                        imageUrl: \"\/wp-content\/uploads\/2025\/08\/Brasil.Campo-BOM-1.png\",\r\n                        address: \"Caxias do Sul\/RS\",\r\n                        phone: \"+55 (54) 3537.1680\",\r\n                         email: \"marketing@dev.artecola.com.br\"\r\n\r\n                    }],\r\n                \"Colombia\": [{\r\n                    title: \"ARTECOLA COLOMBIA\",\r\n                    imageUrl: \"\/wp-content\/uploads\/2025\/09\/Planta-Colombia.jpeg\",\r\n                    address: \"Parque Industrial San Jorge - Via Mosquera \u2013 Madrid, Cundinamarca Calle 2 # 18-93 MZ P1\",\r\n                    phone: \"601 914 1321 - 018000522444\",\r\n                    cel: \"301 240 9557\",\r\n                    email: \"ventas@dev.artecola.com.co\"\r\n                }],\r\n                \"Peru\": [{\r\n                    title: \"ARTECOLA PER\u00da\",\r\n                    imageUrl: \"\/wp-content\/uploads\/2025\/08\/Peru-1.png\",\r\n                    address: \"Lima, Per\u00fa - Av. Santa Rosa 410 Urb. Industrial Aurora (km 2.5 de la Carretera Central), Ate, Lima.\",\r\n                    phone: \"+51 326-1946\",\r\n                    email: \" ventas@dev.artecola.com.pe\"\r\n                }],\r\n                \"Chile\": [{\r\n                    title: \"ARTECOLA CHILE\",\r\n                    imageUrl: \"\/wp-content\/uploads\/2025\/08\/Chile-1.png\",\r\n                    address: \"Manuel Antonio Matta #1771 Quilicura \u2013 Santiago\",\r\n                    phone: \"+56 22 899 6300\",\r\n                    email: \"ventas@artecola.cl\"\r\n                }]\r\n            };\r\n\r\n            const infoColumn = document.getElementById('info-column');\r\n            const operationPins = document.querySelectorAll('.map-group.operacion');\r\n            const distributorPins = document.querySelectorAll('.map-group.distribuidor');\r\n            const btnOperacion = document.getElementById('btn-operacion');\r\n            const btnDistribuidor = document.getElementById('btn-distribuidor');\r\n\r\n            const iconLocation = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>`;\r\n            const iconPhone = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>`;\r\n            const iconEmail = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z\"\/><\/svg>`;\r\n            const iconCel = `<img decoding=\"async\" src=\"https:\/\/dev.artecola.com\/wp-content\/uploads\/2025\/08\/fi-rr-smartphone.svg\" alt=\"icono celular\" \/>`;\r\n\r\n\r\n\r\n            function updateInfoCards(countryName) {\r\n                infoColumn.innerHTML = '';\r\n                const cards = countryData[countryName];\r\n                if (!cards) return;\r\n\r\n                cards.forEach(card => {\r\n                    const cardElement = document.createElement('div');\r\n                    cardElement.className = 'info-card';\r\n                    cardElement.style.backgroundImage = `url('${card.imageUrl}')`;\r\n\r\n                    let html = `\r\n            <div class=\"card-content\">\r\n                <h3>${card.title}<\/h3>`;\r\n\r\n                    if (card.address) {\r\n                        html += `<p>${iconLocation}<span>${card.address}<\/span><\/p>`;\r\n                    }\r\n                    if (card.phone) {\r\n                        html += `<p>${iconPhone}<span>${card.phone}<\/span><\/p>`;\r\n                    }\r\n                    if (card.email) {\r\n                        html += `<p>${iconEmail}<span>${card.email}<\/span><\/p>`;\r\n                    }\r\n                    if (card.cel) {\r\n                        html += `<p>${iconCel}<span>${card.cel}<\/span><\/p>`;\r\n                    }\r\n\r\n                    html += `<\/div>`;\r\n                    cardElement.innerHTML = html;\r\n                    infoColumn.appendChild(cardElement);\r\n                });\r\n            }\r\n\r\n\r\n            function showDistributorCard() {\r\n                infoColumn.innerHTML = '';\r\n                const cardElement = document.createElement('div');\r\n                cardElement.className = 'info-card contact-card';\r\n                cardElement.style.backgroundImage = \"url('\/wp-content\/uploads\/2025\/08\/Frame-2609658.png')\";\r\n                \/\/ --- CORRECCI\u00d3N AQU\u00cd --- Se eliminaron las barras invertidas (\\)\r\n                cardElement.innerHTML = `\r\n            <div class=\"card-content\">\r\n                <h3>UNIDAD DE EXPORTACIONES ARTECOLA <\/h3>\r\n                <p>${iconEmail}<span>exportacioneslatam@artecola.cl<\/span><\/p>\r\n                <p>${iconPhone}<span>+56 988048205<\/span><\/p>\r\n            <\/div>`;\r\n                infoColumn.appendChild(cardElement);\r\n            }\r\n\r\n            function setView(view) {\r\n                if (view === 'operacion') {\r\n                    btnOperacion.classList.add('active');\r\n                    btnDistribuidor.classList.remove('active');\r\n                    operationPins.forEach(pin => pin.style.display = 'block');\r\n                    distributorPins.forEach(pin => pin.style.display = 'none');\r\n\r\n                    const currentActive = document.querySelector('.map-group.operacion.active') || operationPins[0];\r\n                    updateInfoCards(currentActive.dataset.country);\r\n\r\n                } else { \/\/ 'distribuidor' view\r\n                    btnDistribuidor.classList.add('active');\r\n                    btnOperacion.classList.remove('active');\r\n                    operationPins.forEach(pin => pin.style.display = 'none');\r\n                    distributorPins.forEach(pin => pin.style.display = 'block');\r\n                    showDistributorCard();\r\n                }\r\n            }\r\n\r\n            btnOperacion.addEventListener('click', () => setView('operacion'));\r\n            btnDistribuidor.addEventListener('click', () => setView('distribuidor'));\r\n\r\n            operationPins.forEach(group => {\r\n                group.addEventListener('click', () => {\r\n                    if (!btnOperacion.classList.contains('active')) {\r\n                        setView('operacion');\r\n                    }\r\n                    operationPins.forEach(g => g.classList.remove('active'));\r\n                    group.classList.add('active');\r\n                    updateInfoCards(group.dataset.country);\r\n                });\r\n            });\r\n\r\n            \/\/ Initial state\r\n            setView('operacion');\r\n            document.querySelector('[data-country=\"Mexico\"]').classList.add('active');\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65fd670 e-flex e-con-boxed e-con e-parent\" data-id=\"65fd670\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cf835e8 e-con-full e-flex e-con e-child\" data-id=\"cf835e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc864aa elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"fc864aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Escr\u00edbenos <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff5d297 e-con-full e-flex e-con e-child\" data-id=\"ff5d297\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6196e54 elementor-widget elementor-widget-html\" data-id=\"6196e54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div role=\"main\" id=\"contacto-d1b675b3c5ed173d5c32\"><\/div><script type=\"text\/javascript\" src=\"https:\/\/d335luupugsy2.cloudfront.net\/js\/rdstation-forms\/stable\/rdstation-forms.min.js\"><\/script><script type=\"text\/javascript\"> new RDStationForms('contacto-d1b675b3c5ed173d5c32', 'UA-145069458-1').createForm();<\/script>\n\n<style>\n#contacto-d1b675b3c5ed173d5c32 button,\n#contacto-d1b675b3c5ed173d5c32 input[type=\"submit\"] {\n  order: -1; \/* mueve el bot\u00f3n a la izquierda *\/\n  flex: 0 0 auto !important;\n  width: auto !important;\n  min-width: 160px !important;\n  max-width: 180px !important;\n  background-color: #74119e !important;\n  color: #fff !important;\n  border: 1px solid #74119e !important;\n  padding: 5px 5px;\n  border-radius: 50px !important;\n  font-weight: bold;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n  text-align: center;\n  white-space: nowrap;\n  margin: 0 auto 0 0 !important;\n  margin-top: 20px !important;\n}\n\n\/* Hover: fondo blanco, borde y texto morados *\/\n#contacto-d1b675b3c5ed173d5c32 button:hover,\n#contacto-d1b675b3c5ed173d5c32 input[type=\"submit\"]:hover {\n  background-color: #fff !important;\n  color: #74119e !important;\n  border: 2px solid #74119e !important;\n}    \n    \n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>Cont\u00e1ctanos Comprometidos con nuestros clientes en toda Am\u00e9rica Latina En Artecola, trabajamos para ofrecer la mejor atenci\u00f3n a nuestros clientes en Am\u00e9rica Latina. Nuestras actividades se desarrollan en diferentes pa\u00edses clave de la regi\u00f3n, con el apoyo de una red internacional que va desde el sur de la Patagonia hasta el norte de M\u00e9xico. Comun\u00edcate [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/pages\/3271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/comments?post=3271"}],"version-history":[{"count":10,"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/pages\/3271\/revisions"}],"predecessor-version":[{"id":7162,"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/pages\/3271\/revisions\/7162"}],"wp:attachment":[{"href":"https:\/\/dev.artecola.com\/es\/wp-json\/wp\/v2\/media?parent=3271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}