Contacto AJTEL<\/title>\r\n<style>\r\n* { margin: 0; padding: 0; box-sizing: border-box; }\r\nbody { font-family: Arial, sans-serif; background: transparent; }\r\n.container { max-width: 1400px; margin: 0 auto; padding: 40px 20px; }\r\nh1 { text-align: center; font-size: 2.8em; color: #1a73e8; margin-bottom: 20px; font-weight: 700; }\r\n.subtitle { text-align: center; color: #666; margin-bottom: 40px; font-size: 1.1em; }\r\n.buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-bottom: 50px; }\r\nbutton { padding: 12px 24px; border: 2px solid #1a73e8; background: rgba(255,255,255,0.1); color: #1a73e8; border-radius: 25px; cursor: pointer; font-weight: 600; backdrop-filter: blur(10px); transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; }\r\nbutton img { width: 24px; height: 16px; object-fit: cover; border-radius: 2px; }\r\nbutton:hover { background: rgba(255,255,255,0.2); transform: translateY(-2px); }\r\nbutton.active { background: rgba(52, 168, 83, 0.8); border-color: white; color: white; box-shadow: 0 8px 20px rgba(52, 168, 83, 0.4); }\r\n.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; margin-bottom: 50px; }\r\n.card { background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.3); transition: all 0.3s ease; }\r\n.card:hover { transform: translateY(-10px); box-shadow: 0 25px 50px rgba(0,0,0,0.3); }\r\n.card:first-child .card-map { flex: 0 0 28%; }\r\n.card:not(:first-child) .card-map { flex: 0 0 45%; }\r\n.card-header { padding: 20px; background: linear-gradient(135deg, #1a73e8 0%, #34a853 100%); border-bottom: none; }\r\n.card-title { font-size: 1.4em; color: white; font-weight: 700; }\r\n.card-body { padding: 20px; display: flex; flex-direction: column; gap: 20px; min-height: 500px; }\r\n.departments-group { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 15px; }\r\n.dept-group-left { display: flex; flex-direction: column; gap: 8px; }\r\n.dept-group-right { display: flex; flex-direction: column; gap: 8px; }\r\n.card-body-top { display: flex; gap: 20px; }\r\n.card-map { flex: 0 0 35%; min-height: 200px; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); position: relative; cursor: pointer; }\r\n.card-map img { width: 100%; height: 100%; object-fit: cover; }\r\n.card-map .tooltip { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.9); color: white; padding: 12px 16px; border-radius: 8px; font-size: 0.9em; font-weight: 600; opacity: 0; transition: opacity 0.3s; pointer-events: none; text-align: center; z-index: 10; }\r\n.card-map:hover .tooltip { opacity: 1; }\r\n.card-info { flex: 1; }\r\n.map-link { display: block; width: 100%; padding: 12px 15px; background: linear-gradient(135deg, #1a73e8 0%, #34a853 100%); color: white; text-decoration: none; border-radius: 10px; text-align: center; font-weight: 600; font-size: 0.9em; transition: all 0.3s; }\r\n.card-location { color: #34a853; font-size: 0.9em; margin-bottom: 15px; line-height: 1.6; font-weight: 600; }\r\n.departments { margin-top: 15px; max-height: none; overflow-y: visible; display: flex; flex-direction: column; gap: 10px; }\r\n.dept { margin-bottom: 0; padding-bottom: 0; border-bottom: none; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }\r\n.dept:last-child { border-bottom: none; }\r\n.dept-icon { font-size: 1.5em; min-width: 30px; text-align: center; grid-column: 1; }\r\n.dept-content { flex: 1; grid-column: 2; display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }\r\n.dept-name { font-weight: 700; color: #1a73e8; font-size: 0.95em; margin-bottom: 4px; grid-column: 1 \/ -1; }\r\n.dept-hours { font-size: 0.8em; color: #999; margin-bottom: 8px; grid-column: 1 \/ -1; }\r\n.phone { display: inline-flex; align-items: center; gap: 6px; color: #34a853; text-decoration: none; font-size: 0.8em; font-weight: 600; transition: all 0.2s; margin-right: 8px; white-space: nowrap; }\r\n.phone:hover { color: #1a73e8; }\r\n.phone-extra { display: inline-flex; font-size: 0.75em; color: #34a853; gap: 6px; align-items: center; font-weight: 600; text-decoration: none; margin-right: 8px; white-space: nowrap; }\r\n.phone-extra:hover { color: #1a73e8; }\r\n.phone.highlight { font-size: 0.9em; font-weight: 700; }\r\n.phone-extra.highlight { font-size: 0.85em; font-weight: 700; }\r\n.card-anchor { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(26,115,232,0.1); }\r\n.card-anchor a { color: #1a73e8; text-decoration: none; font-size: 0.85em; font-weight: 600; transition: all 0.2s; }\r\n.card-anchor a:hover { color: #34a853; text-decoration: underline; }\r\n.map-iframe { width: 100%; height: 300px; border-radius: 10px; margin-top: 15px; border: none; }\r\n.footer { text-align: center; margin-top: 60px; padding: 40px; background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 15px 40px rgba(0,0,0,0.2); }\r\n.footer h3 { color: #1a73e8; margin-bottom: 15px; }\r\n.footer p { color: #666; }\r\n@media(max-width:1024px) { .grid { grid-template-columns: 1fr; } }\r\n@media(max-width:768px) { \r\n .container { padding: 20px 15px; }\r\n h1 { font-size: 2em; }\r\n .subtitle { font-size: 0.95em; }\r\n .buttons { gap: 8px; }\r\n button { padding: 10px 16px; font-size: 0.9em; }\r\n button img { width: 20px; height: 14px; }\r\n .card-body { padding: 15px; }\r\n .card-body-top { flex-direction: column; gap: 15px; }\r\n .card:first-child .card-body-top { flex-direction: column; }\r\n .card:first-child .card-map { flex: 0 0 100%; min-height: 150px; }\r\n .card-map { flex: 0 0 100%; min-height: 150px; }\r\n .card-header { padding: 15px; }\r\n .card-title { font-size: 1.2em; }\r\n .dept-name { font-size: 0.9em; }\r\n .phone { font-size: 0.75em; }\r\n .departments-group { grid-template-columns: 1fr; }\r\n .dept-group-right { border-left: none; padding-left: 0; border-top: 1px solid rgba(26,115,232,0.2); padding-top: 10px; margin-top: 10px; }\r\n .grid { grid-template-columns: 1fr; gap: 20px; }\r\n .map-iframe { height: 250px; }\r\n .footer { padding: 20px; }\r\n}\r\n@media(max-width:480px) { \r\n h1 { font-size: 1.5em; }\r\n .subtitle { font-size: 0.85em; margin-bottom: 20px; }\r\n .buttons { flex-direction: column; }\r\n button { width: 100%; justify-content: center; padding: 12px 16px; }\r\n .card-body { padding: 12px; gap: 12px; }\r\n .card-header { padding: 12px; }\r\n .card-title { font-size: 1em; }\r\n .card-location { font-size: 0.85em; }\r\n .dept-name { font-size: 0.85em; }\r\n .dept-hours { font-size: 0.75em; }\r\n .phone { font-size: 0.7em; margin-right: 4px; }\r\n .map-iframe { height: 200px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n<h1>Contactanos<\/h1>\r\n<p class=\"subtitle\">Estamos presentes en multiples ubicaciones para servirte mejor<\/p>\r\n<div class=\"buttons\" id=\"buttons\"><\/div>\r\n<div class=\"grid-corporativo\" id=\"grid-corp\"><\/div>\r\n<div class=\"grid\" id=\"grid\"><\/div>\r\n<div class=\"footer\">\r\n<h3>Necesitas mas informacion?<\/h3>\r\n<p>Nuestro equipo esta disponible para ayudarte. Puedes contactarnos a traves de cualquiera de nuestras oficinas o llamar directamente a nuestras lineas principales.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar regions = {};\r\n\r\nregions.mexico = [\r\n[\"CDMX\",\"Corporativo CDMX\",\"Av. Insurgentes Sur 1898, Pisos 12 y 14, Col. Florida, C.P. 01030, CDMX\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/torre-siglum.jpg\",\"AJTEL Comunicaciones\",\"Conmutador\",\"Disponible\",\"+52 55 8526 5000|+52 55 9995 0000|+52 55 1205 5050|+52 55 1205 5000\",\"Atencion a Clientes\",\"24 horas, 7 dias\",\"+52 55 8526 3600\",\"Facturacion y Cobranza\",\"Lunes a viernes, 10:00-18:00\",\"+52 55 8526 4300\",\"Soporte Tecnico\",\"24 horas, 7 dias\",\"+52 55 8526 5050\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 55 8526 5555\"],\r\n[\"MTY\",\"Monterrey, N.L.\",\"Blvd. Diaz Ordaz 140, Piso 20, Col. Santa Maria, C.P. 64650, Monterrey, N.L.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/Moradas-Tower-AJTEL-scaled.jpg\",\"AJTEL Comunicaciones Monterrey\",\"Centro Nacional de Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 81 1111 1111\",\"Conmutador\",\"Disponible\",\"+52 81 1111 5000|+52 81 1112 5000\"],\r\n[\"GDL\",\"Guadalajara, Jal.\",\"Avenida Prolongacion Americas 1600, Piso 2, Col. Country Club, C.P. 44610, Guadalajara, Jal.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/AJTEL-GDL.png\",\"AJTEL Comunicaciones Guadalajara\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 33 1035 5555\",\"Conmutador\",\"Disponible\",\"+52 33 1032 5050|+52 33 9995 0000\"],\r\n[\"PUE\",\"Puebla, Pue.\",\"Calle 39 Pte 3515, La Providencia, C.P. 72400, Puebla, Pue.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/AJTEL-PUE.png\",\"AJTEL Comunicaciones Puebla\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 222 552 2222\",\"Conmutador\",\"Disponible\",\"+52 222 552 5000|+52 220 995 0000\"],\r\n[\"CUN\",\"Cancun, Q.Roo.\",\"Blvd. Kukulcan Km 9, Punta Cancun, Zona Hotelera, C.P. 77500, Cancun, Q.Roo.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/05\/AJTEL-CANCUN.jpg\",\"AJTEL Comunicaciones Cancun\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 998 261 5000\",\"Conmutador\",\"Disponible\",\"+52 998 995 0000\"],\r\n[\"TIJ\",\"Tijuana, B.C.\",\"Dr. Atl 2084, Zona Urbana Rio Tijuana, C.P. 22010, Tijuana, B.C.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2024\/02\/wm_w640h4251-jpg.webp\",\"AJTEL Tijuana\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 664 140 4040\",\"Conmutador\",\"Disponible\",\"+52 664 140 0000|+52 664 995 0000\"],\r\n[\"LEON\",\"Leon, Gto.\",\"Blvd. Manuel J. Clouthier 304, Col. Jardines del Campestre, C.P. 37125, Leon, Gto.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2024\/02\/iB427iG-l1-jpg.webp\",\"AJTEL Leon\",\"Conmutador\",\"Disponible\",\"+52 477 995 0000\"],\r\n[\"QRO\",\"Queretaro, Qro.\",\"Av. Constituyentes 120, Col. El Carrizal, C.P. 76030, Queretaro, Qro.\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2023\/10\/2020-10-29-jpg.webp\",\"AJTEL Comunicaciones Queretaro\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 442 166 0000\",\"Conmutador\",\"Disponible\",\"+52 442 995 0000\"],\r\n[\"VHSMA\",\"Villahermosa, Tab.\",\"Villahermosa, Tab.\",\"\",\"Villahermosa Tabasco\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 993 171 7171\",\"Conmutador\",\"Disponible\",\"+52 993 171 1111|+52 993 995 0000\"],\r\n[\"YUC\",\"Merida, Yuc.\",\"Merida, Yuc.\",\"\",\"Merida Yucatan\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 999 293 9393\",\"Centro Nacional de Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 999 999 0999\",\"Conmutador\",\"Disponible\",\"+52 999 293 5000|+52 999 999 0000\"],\r\n[\"VER\",\"Veracruz, Ver.\",\"Veracruz, Ver.\",\"\",\"Veracruz Veracruz\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 229 180 8080\",\"Conmutador\",\"Disponible\",\"+52 229 180 8000|+52 229 995 0000\"],\r\n[\"HMO\",\"Hermosillo, Son.\",\"Hermosillo, Son.\",\"\",\"Hermosillo Sonora\",\"Atencion a Clientes\",\"Lunes a domingo, 09:00-23:00\",\"+52 662 305 0000\",\"Conmutador\",\"Disponible\",\"+52 662 305 5000|+52 662 995 0000\"],\r\n[\"SLP\",\"San Luis Potosi, S.L.P.\",\"San Luis Potosi, S.L.P.\",\"\",\"San Luis Potosi SLP\",\"Conmutador\",\"Disponible\",\"+52 444 227 5000|+52 444 995 0000\"],\r\n[\"IRAPUATO\",\"Irapuato, Gto.\",\"Irapuato, Gto.\",\"\",\"Irapuato Guanajuato\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 462 159 5555\",\"Conmutador\",\"Disponible\",\"+52 462 159 5000|+52 462 995 0000\"],\r\n[\"TOL\",\"Toluca, Edo. Mex.\",\"Toluca, Mex.\",\"\",\"Toluca Mexico\",\"Conmutador\",\"Disponible\",\"+52 722 447 4747|+52 722 995 0000\"],\r\n[\"PVR\",\"Puerto Vallarta, Jal.\",\"Puerto Vallarta, Jal.\",\"\",\"Puerto Vallarta Jalisco\",\"Conmutador\",\"Disponible\",\"+52 322 163 3333|+52 322 995 0000\"],\r\n[\"CUERNAVACA\",\"Cuernavaca, Mor.\",\"Cuernavaca, Mor.\",\"\",\"Cuernavaca Morelos\",\"Ventas\",\"Lunes a domingo, 09:00-23:00\",\"+52 777 247 4747\",\"Soporte al Cliente\",\"24 horas, 7 dias\",\"+52 777 247 7777\",\"Conmutador\",\"Disponible\",\"+52 777 247 5000\"]\r\n];\r\n\r\nregions.usa = [\r\n[\"CALIFORNIA\",\"California, USA\",\"1665 Precision Park Lane, Suite K, San Ysidro, CA 92173\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2023\/11\/image1-jpg.webp\",\"1665 Presicion Park Lane, Suite K\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+1 559 500 6060\"],\r\n[\"FLORIDA\",\"Orlando, Florida, USA\",\"7380 West Sand Lake Road, Suite 500, Doctor Phillips, Orlando, FL 32819\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/AJTEL-FLORIDA.jpg\",\"7380 West Sand Lake Road, 500, Orlando, FL 32819, Estados Unidos\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+1 407 214 6060\"]\r\n];\r\n\r\nregions.canada = [\r\n[\"YYZ\",\"Toronto, Canada\",\"500 King St W, 3rd Floor, Toronto, ON M5V 1L9\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/AJTEL-TORONTO.jpg\",\"AJTEL Communications Network LLC \/ Toronto Canada Branch\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+1 647 875 7510\"],\r\n[\"MTL\",\"Montreal, Canada\",\"1250 Rene-Levesque, QC, H3B 4W8\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2025\/10\/11544455.avif\",\"AJTEL Communications Network, Quebec, Canada\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+1 438 338 4211\"]\r\n];\r\n\r\nregions.uk = [\r\n[\"UK\",\"London, UK\",\"30 St Mary Axe, 28th and 29th Floors, London, EC3A 8BF\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/AJTEL-LONDON.jpg\",\"30 St Mary's Axe, 28th and 29th Floors, London, EC3A 8BF\",\"Atencion a Clientes\",\"24 horas, 7 dias\",\"+44 20 8073 5050\",\"Conmutador\",\"Disponible\",\"+44 20 8073 5000\"]\r\n];\r\n\r\nregions.argentina = [\r\n[\"ARGENTINA\",\"Buenos Aires, Argentina\",\"Av Corrientes 800, Buenos Aires\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/03\/AJTEL-ARGENTINA.jpg\",\"AJTEL Comunicaciones Argentina, Av. Corrientes 800, C1008 CABA, Argentina\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+54 11 3989 9600\"]\r\n];\r\n\r\nregions.singapore = [\r\n[\"SINGAPORE\",\"Singapore\",\"MBFC Tower 3, Singapore, 018982\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2021\/09\/MBCFT3-scaled.jpg\",\"AJTEL Communications Singapore\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+65 3159 5500\"]\r\n];\r\n\r\nregions.espana = [\r\n[\"BCN\",\"Barcelona, Espana\",\"Via Augusta, 123, 08006 Barcelona\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2023\/12\/Foto-F_Via-Augusta-123-jpg.webp\",\"AJTEL Comunicaciones \/ Suc. barcelona\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+34 93 737 9696\"],\r\n[\"MADRID\",\"Madrid, Espana\",\"C de Velazquez, 34, 28002 Madrid\",\"https:\/\/ajtel.net\/W\/wp-content\/uploads\/2023\/12\/Velazquez-34-bis.2e16d0ba.fill-720x478-c50.format-jpeg-jpg.webp\",\"AJTEL Comunicaciones \/ Suc. Madrid, Espana\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+34 91 187 1616\"]\r\n];\r\n\r\nregions.brasil = [\r\n[\"SAO\",\"Sao Paulo, Brasil\",\"Sao Paulo\",\"\",\"Sao Paulo Brasil\",\"Conmutador\",\"Lunes a viernes, 10:00-18:00\",\"+55 11 4063 3333\"]\r\n];\r\n\r\nvar current = \"mexico\";\r\nvar keys = [\"mexico\",\"usa\",\"canada\",\"uk\",\"argentina\",\"singapore\",\"espana\",\"brasil\"];\r\nvar labs = [\"Mexico\",\"USA\",\"Canada\",\"UK\",\"Argentina\",\"Singapur\",\"Espa\u00f1a\",\"Brasil\"];\r\n\r\nfunction createDeptElement(deptData, icon) {\r\n var dept = document.createElement(\"div\");\r\n dept.className = \"dept\";\r\n \r\n var iconDiv = document.createElement(\"div\");\r\n iconDiv.className = \"dept-icon\";\r\n iconDiv.textContent = icon;\r\n \r\n var content = document.createElement(\"div\");\r\n content.className = \"dept-content\";\r\n \r\n var dname = document.createElement(\"div\");\r\n dname.className = \"dept-name\";\r\n if (deptData.name.indexOf(\"Centro Nacional\") > -1) {\r\n dname.classList.add(\"highlight\");\r\n }\r\n dname.textContent = deptData.name;\r\n \r\n var dhr = document.createElement(\"div\");\r\n dhr.className = \"dept-hours\";\r\n dhr.textContent = deptData.hours;\r\n \r\n content.appendChild(dname);\r\n content.appendChild(dhr);\r\n \r\n var phonesContainer = document.createElement(\"div\");\r\n phonesContainer.style.display = \"flex\";\r\n phonesContainer.style.flexWrap = \"wrap\";\r\n phonesContainer.style.gap = \"0\";\r\n \r\n if (deptData.phone && deptData.phone.indexOf(\"|\") > -1) {\r\n var tels = deptData.phone.split(\"|\");\r\n tels.forEach(function(tel, idx) {\r\n var ph = document.createElement(\"a\");\r\n ph.className = \"phone\";\r\n if (deptData.name.indexOf(\"Centro Nacional\") > -1) {\r\n ph.classList.add(\"highlight\");\r\n }\r\n var tnum = tel.split(\" \").join(\"\");\r\n ph.href = \"tel:\" + tnum;\r\n ph.innerHTML = '<span>\u260e<\/span> ' + tel;\r\n phonesContainer.appendChild(ph);\r\n });\r\n } else {\r\n var ph = document.createElement(\"a\");\r\n ph.className = \"phone\";\r\n if (deptData.name.indexOf(\"Centro Nacional\") > -1) {\r\n ph.classList.add(\"highlight\");\r\n }\r\n var tnum = deptData.phone.split(\" \").join(\"\");\r\n ph.href = \"tel:\" + tnum;\r\n ph.innerHTML = '<span>\u260e<\/span> ' + deptData.phone;\r\n phonesContainer.appendChild(ph);\r\n }\r\n \r\n content.appendChild(phonesContainer);\r\n \r\n dept.appendChild(iconDiv);\r\n dept.appendChild(content);\r\n return dept;\r\n}\r\n\r\nfunction render() {\r\n var data = regions[current];\r\n var gridCorp = document.getElementById(\"grid-corp\");\r\n var grid = document.getElementById(\"grid\");\r\n gridCorp.innerHTML = \"\";\r\n grid.innerHTML = \"\";\r\n \r\n for (var i = 0; i < data.length; i++) {\r\n var item = data[i];\r\n var card = document.createElement(\"div\");\r\n card.className = \"card\";\r\n card.id = \"card-\" + item[0];\r\n \r\n var header = document.createElement(\"div\");\r\n header.className = \"card-header\";\r\n var title = document.createElement(\"div\");\r\n title.className = \"card-title\";\r\n title.textContent = item[1];\r\n header.appendChild(title);\r\n card.appendChild(header);\r\n \r\n var body = document.createElement(\"div\");\r\n body.className = \"card-body\";\r\n \r\n var bodyTop = document.createElement(\"div\");\r\n bodyTop.className = \"card-body-top\";\r\n \r\n var mapDiv = document.createElement(\"div\");\r\n mapDiv.className = \"card-map\";\r\n \r\n if (item[3]) {\r\n var img = document.createElement(\"img\");\r\n img.src = item[3];\r\n img.alt = item[1];\r\n mapDiv.appendChild(img);\r\n }\r\n \r\n var tooltip = document.createElement(\"div\");\r\n tooltip.className = \"tooltip\";\r\n tooltip.textContent = \"SE ATIENDE PREVIA CITA\";\r\n mapDiv.appendChild(tooltip);\r\n bodyTop.appendChild(mapDiv);\r\n \r\n var info = document.createElement(\"div\");\r\n info.className = \"card-info\";\r\n \r\n var loc = document.createElement(\"div\");\r\n loc.className = \"card-location\";\r\n loc.textContent = item[2];\r\n info.appendChild(loc);\r\n \r\n var depts = document.createElement(\"div\");\r\n depts.className = \"departments\";\r\n \r\n var deptsByType = {};\r\n for (var j = 5; j < item.length; j = j + 3) {\r\n if (j + 2 >= item.length) break;\r\n var deptName = item[j];\r\n var deptType = \"otros\";\r\n \r\n if (deptName && deptName.indexOf(\"Atencion\") > -1) deptType = \"atencion\";\r\n else if (deptName && deptName.indexOf(\"Soporte\") > -1) deptType = \"soporte\";\r\n else if (deptName && deptName.indexOf(\"Ventas\") > -1) deptType = \"ventas\";\r\n else if (deptName && (deptName.indexOf(\"Facturacion\") > -1 || deptName.indexOf(\"Cobranza\") > -1)) deptType = \"facturacion\";\r\n else if (deptName && deptName.indexOf(\"Conmutador\") > -1) deptType = \"conmutador\";\r\n \r\n if (!deptsByType[deptType]) deptsByType[deptType] = [];\r\n deptsByType[deptType].push({name: item[j], hours: item[j+1], phone: item[j+2]});\r\n }\r\n \r\n \/\/ Agrupar Atenci\u00f3n y Soporte\r\n if (deptsByType.atencion || deptsByType.soporte) {\r\n var group1 = document.createElement(\"div\");\r\n group1.className = \"departments-group\";\r\n \r\n var leftCol = document.createElement(\"div\");\r\n leftCol.className = \"dept-group-left\";\r\n \r\n if (deptsByType.atencion) {\r\n deptsByType.atencion.forEach(function(d) {\r\n var dept = createDeptElement(d, \"\ud83d\udc68\u200d\ud83d\udcbc\");\r\n leftCol.appendChild(dept);\r\n });\r\n }\r\n \r\n var separator = document.createElement(\"div\");\r\n separator.className = \"dept-group-separator\";\r\n \r\n var rightCol = document.createElement(\"div\");\r\n rightCol.className = \"dept-group-right\";\r\n \r\n if (deptsByType.soporte) {\r\n deptsByType.soporte.forEach(function(d) {\r\n var dept = createDeptElement(d, \"\ud83d\udee0\ufe0f\");\r\n rightCol.appendChild(dept);\r\n });\r\n }\r\n \r\n group1.appendChild(leftCol);\r\n group1.appendChild(rightCol);\r\n depts.appendChild(group1);\r\n }\r\n \r\n \/\/ Agrupar Ventas y Facturaci\u00f3n\r\n if (deptsByType.ventas || deptsByType.facturacion) {\r\n var group2 = document.createElement(\"div\");\r\n group2.className = \"departments-group\";\r\n \r\n var leftCol2 = document.createElement(\"div\");\r\n leftCol2.className = \"dept-group-left\";\r\n \r\n if (deptsByType.ventas) {\r\n deptsByType.ventas.forEach(function(d) {\r\n var dept = createDeptElement(d, \"\ud83d\udcf1\");\r\n leftCol2.appendChild(dept);\r\n });\r\n }\r\n \r\n var separator2 = document.createElement(\"div\");\r\n separator2.className = \"dept-group-separator\";\r\n \r\n var rightCol2 = document.createElement(\"div\");\r\n rightCol2.className = \"dept-group-right\";\r\n \r\n if (deptsByType.facturacion) {\r\n deptsByType.facturacion.forEach(function(d) {\r\n var dept = createDeptElement(d, \"\ud83d\udccb\");\r\n rightCol2.appendChild(dept);\r\n });\r\n }\r\n \r\n group2.appendChild(leftCol2);\r\n group2.appendChild(rightCol2);\r\n depts.appendChild(group2);\r\n }\r\n \r\n \/\/ Conmutador al final\r\n if (deptsByType.conmutador) {\r\n deptsByType.conmutador.forEach(function(d) {\r\n var dept = createDeptElement(d, \"\u260e\ufe0f\");\r\n depts.appendChild(dept);\r\n });\r\n }\r\n \r\n info.appendChild(depts);\r\n bodyTop.appendChild(info);\r\n body.appendChild(bodyTop);\r\n \r\n var mapFooter = document.createElement(\"div\");\r\n mapFooter.className = \"card-map-footer\";\r\n \r\n var iframeDiv = document.createElement(\"iframe\");\r\n iframeDiv.className = \"map-iframe\";\r\n iframeDiv.frameborder = \"0\";\r\n iframeDiv.src = \"https:\/\/www.google.com\/maps\/embed\/v1\/place?key=AIzaSyAXvV8cnOBHf0QFskE-wlDGYLd57_ujM2Q&q=\" + encodeURIComponent(item[4]);\r\n iframeDiv.allowFullscreen = true;\r\n iframeDiv.loading = \"lazy\";\r\n mapFooter.appendChild(iframeDiv);\r\n body.appendChild(mapFooter);\r\n \r\n var anchor = document.createElement(\"div\");\r\n anchor.className = \"card-anchor\";\r\n var anchorLink = document.createElement(\"a\");\r\n anchorLink.href = \"#card-\" + item[0];\r\n anchorLink.textContent = \"\ud83d\udd17 Link directo a esta oficina\";\r\n anchor.appendChild(anchorLink);\r\n body.appendChild(anchor);\r\n \r\n card.appendChild(body);\r\n \r\n \/\/ Corporativo en grid separado, resto en grid de pares\r\n if (i === 0) {\r\n gridCorp.appendChild(card);\r\n } else {\r\n grid.appendChild(card);\r\n }\r\n }\r\n}\r\n\r\nfunction init() {\r\n var btns = document.getElementById(\"buttons\");\r\n var flagUrls = {\r\n \"mexico\": \"https:\/\/ajtel.mx\/logos\/MEXICO.svg\",\r\n \"usa\": \"https:\/\/ajtel.mx\/logos\/USA.jpg\",\r\n \"canada\": \"https:\/\/ajtel.mx\/logos\/CANADA.jpg\",\r\n \"uk\": \"https:\/\/ajtel.mx\/logos\/UK.png\",\r\n \"argentina\": \"https:\/\/ajtel.mx\/logos\/ARGENTINA.jpg\",\r\n \"singapore\": \"https:\/\/ajtel.mx\/logos\/SINGAPORE.jpg\",\r\n \"espana\": \"https:\/\/ajtel.mx\/logos\/SPAIN.png\",\r\n \"brasil\": \"https:\/\/ajtel.mx\/logos\/BRAZIL.jpg\"\r\n };\r\n \r\n for (var i = 0; i < keys.length; i++) {\r\n var b = document.createElement(\"button\");\r\n if (i === 0) b.className = \"active\";\r\n \r\n var flagImg = document.createElement(\"img\");\r\n flagImg.src = flagUrls[keys[i]];\r\n flagImg.alt = labs[i];\r\n b.appendChild(flagImg);\r\n \r\n var labelSpan = document.createElement(\"span\");\r\n labelSpan.textContent = labs[i];\r\n b.appendChild(labelSpan);\r\n \r\n b.setAttribute(\"data-key\", keys[i]);\r\n b.onclick = function() {\r\n var all = document.querySelectorAll(\"button\");\r\n for (var j = 0; j < all.length; j++) all[j].classList.remove(\"active\");\r\n this.classList.add(\"active\");\r\n current = this.getAttribute(\"data-key\");\r\n render();\r\n };\r\n btns.appendChild(b);\r\n }\r\n}\r\n\r\ninit();\r\nrender();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Oficinas y Contacto Contacto AJTEL Contactanos Estamos presentes en multiples ubicaciones para servirte mejor Necesitas mas informacion? Nuestro equipo esta disponible para ayudarte. Puedes contactarnos a traves de cualquiera de nuestras oficinas o llamar directamente a nuestras lineas principales.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-388","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/pages\/388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/comments?post=388"}],"version-history":[{"count":325,"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/pages\/388\/revisions"}],"predecessor-version":[{"id":6035,"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/pages\/388\/revisions\/6035"}],"wp:attachment":[{"href":"https:\/\/ajtel.net\/W\/wp-json\/wp\/v2\/media?parent=388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}