{"id":8,"date":"2021-05-05T22:41:33","date_gmt":"2021-05-05T22:41:33","guid":{"rendered":"https:\/\/progredi.ml\/?page_id=8"},"modified":"2026-09-15T19:56:15","modified_gmt":"2026-09-15T19:56:15","slug":"contacto","status":"publish","type":"page","link":"https:\/\/progredi.com.mx\/?page_id=8","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d73c37 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d73c37\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-38f6901\" data-id=\"38f6901\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0f79d3 elementor-widget elementor-widget-html\" data-id=\"f0f79d3\" 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 class=\"progredi-web-container\">\r\n\r\n    <section class=\"progredi-section js-scroll-trigger animate__animated\">\r\n        <h2 class=\"main-title\">Contacto<\/h2>\r\n        <p class=\"section-desc\">\r\n            Estamos listos para impulsar la evoluci\u00f3n digital de tu organizaci\u00f3n. Cont\u00e1ctanos y dise\u00f1emos juntos una soluci\u00f3n tecnol\u00f3gica a la medida de los objetivos de tu negocio.\r\n        <\/p>\r\n    <\/section>\r\n\r\n    <section class=\"progredi-section js-scroll-trigger animate__animated\">\r\n        <div class=\"grid-3-cards-clean\">\r\n            \r\n            <!-- Tarjeta 1: Correo -->\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n                        <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4 class=\"clean-title\">Correo Electr\u00f3nico<\/h4>\r\n                <p class=\"clean-desc\">contacto@progredi.com.mx<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 2: Tel\u00e9fono y WhatsApp -->\r\n            <div class=\"clean-process-item card-featured\">\r\n                <div class=\"large-icon-wrapper\">\r\n                    <!-- \u00cdcono combinado de tel\u00e9fono\/mensaje -->\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4 class=\"clean-title\">Tel\u00e9fono y WhatsApp<\/h4>\r\n                <p class=\"clean-desc\" style=\"font-size: 1.2em; font-weight: bold; margin-bottom: 15px;\">55 2855 8551<\/p>\r\n                <!-- Bot\u00f3n de WhatsApp -->\r\n                <a href=\"https:\/\/wa.me\/525528558551?text=Hola%20Progredi,%20me%20gustar%C3%ADa%20recibir%20m%C3%A1s%20informaci%C3%B3n\" target=\"_blank\" class=\"btn-wa\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 18px; height: 18px; margin-right: 8px;\">\r\n                        <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"><\/path>\r\n                    <\/svg>\r\n                    M\u00e1s informaci\u00f3n\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 3: Ubicaci\u00f3n -->\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4 class=\"clean-title\">Ubicaci\u00f3n<\/h4>\r\n                <p class=\"clean-desc\">Ciudad de M\u00e9xico, M\u00e9xico<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECCI\u00d3N: Correo Directo (Sin formulario) -->\r\n    <section class=\"progredi-section js-scroll-trigger animate__animated text-center\" style=\"margin-top: 30px; margin-bottom: 60px;\">\r\n        <div class=\"email-cta-box\">\r\n            <h3 class=\"section-subtitle\" style=\"margin-bottom: 15px; color: var(--prog-navy);\">Env\u00edanos un mensaje<\/h3>\r\n            <p class=\"section-desc\" style=\"margin-bottom: 30px; font-size: 1.1em; color: var(--prog-navy);\">\r\n                \u00bfTienes un proyecto en mente o necesitas m\u00e1s informaci\u00f3n? Escr\u00edbenos directamente a nuestro correo y un consultor experto se pondr\u00e1 en contacto contigo.\r\n            <\/p>\r\n            <a href=\"mailto:contacto@progredi.com.mx\" class=\"btn-coral\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; margin-top: -3px;\">\r\n                    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n                    <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n                <\/svg>\r\n                contacto@progredi.com.mx\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* --- PALETA DE COLORES DE BRANDING PROGREDI --- *\/\r\n  :root {\r\n    --prog-navy: #001126;\r\n    --prog-teal-dark: #1a6670;\r\n    --prog-teal: #00b2a9;\r\n    --prog-ice: #d5ebee;\r\n    --prog-coral: #ff6a55;\r\n    --prog-bg-gray: #f6f6f6;\r\n    --prog-white: #ffffff;\r\n    --prog-dark: #212121;\r\n  }\r\n\r\n  \/* Contenedor Principal *\/\r\n  .progredi-web-container {\r\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n      color: var(--prog-dark);\r\n      background-color: #ffffff;\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      box-sizing: border-box;\r\n      padding: 20px;\r\n  }\r\n\r\n  \/* Secciones Generales *\/\r\n  .progredi-section {\r\n      padding: 40px 0;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n  }\r\n\r\n  .text-center { text-align: center; }\r\n\r\n  .main-title {\r\n      color: var(--prog-teal-dark);\r\n      font-size: 2.5em;\r\n      font-weight: 700;\r\n      margin-bottom: 20px;\r\n  }\r\n\r\n  .section-subtitle {\r\n      color: var(--prog-teal-dark);\r\n      font-size: 1.8em;\r\n      font-weight: 700;\r\n      margin-bottom: 30px;\r\n  }\r\n\r\n  .section-desc {\r\n      color: #555555;\r\n      font-size: 1.05em;\r\n      line-height: 1.6;\r\n      max-width: 900px;\r\n      margin: 0 auto 30px;\r\n  }\r\n\r\n  \/* --- GRID DE 3 TARJETAS LIMPIAS --- *\/\r\n  .grid-3-cards-clean {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 30px;\r\n      margin-top: 30px;\r\n      margin-bottom: 40px;\r\n  }\r\n\r\n  .clean-process-item {\r\n      background: var(--prog-white);\r\n      border: 1px solid #eef2f3;\r\n      border-radius: 14px;\r\n      padding: 40px 20px 30px;\r\n      text-align: center;\r\n      box-shadow: 0 4px 15px rgba(0,0,0,0.04);\r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n  }\r\n\r\n  .card-featured {\r\n      border-top: 5px solid var(--prog-coral);\r\n      box-shadow: 0 8px 25px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  .large-icon-wrapper {\r\n      margin-bottom: 20px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n  }\r\n\r\n  .large-icon-wrapper svg {\r\n      width: 70px;\r\n      height: 70px;\r\n      color: var(--prog-teal-dark);\r\n      transition: color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .clean-title {\r\n      color: var(--prog-teal-dark);\r\n      font-size: 1.15em;\r\n      font-weight: 700;\r\n      margin: 10px 0;\r\n      transition: color 0.3s ease;\r\n  }\r\n\r\n  .clean-desc {\r\n      font-size: 0.95em;\r\n      color: #666666;\r\n      line-height: 1.5;\r\n      margin: 0;\r\n  }\r\n\r\n  \/* --- EFECTO HOVER --- *\/\r\n  .clean-process-item:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 12px 30px rgba(0,0,0,0.08);\r\n      border-color: rgba(26, 102, 112, 0.2);\r\n  }\r\n\r\n  .clean-process-item:hover .large-icon-wrapper svg {\r\n      color: var(--prog-coral);\r\n      transform: scale(1.1);\r\n  }\r\n\r\n  .clean-process-item:hover .clean-title {\r\n      color: var(--prog-coral);\r\n  }\r\n\r\n  \/* --- BOT\u00d3N WHATSAPP --- *\/\r\n  .btn-wa {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--prog-teal);\r\n      color: var(--prog-white);\r\n      padding: 12px 25px;\r\n      border: none;\r\n      border-radius: 30px;\r\n      text-decoration: none;\r\n      font-weight: bold;\r\n      font-size: 0.95em;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 15px rgba(0, 178, 169, 0.3);\r\n      margin-top: auto;\r\n  }\r\n  \r\n  .btn-wa:hover {\r\n      background: var(--prog-teal-dark);\r\n      color: var(--prog-white);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 20px rgba(26, 102, 112, 0.4);\r\n  }\r\n\r\n  \/* --- CAJA CTA CORREO --- *\/\r\n  .email-cta-box {\r\n      background: var(--prog-bg-gray);\r\n      padding: 50px 30px;\r\n      border-radius: 12px;\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      border-top: 4px solid var(--prog-teal);\r\n      box-shadow: 0 5px 20px rgba(0,0,0,0.03);\r\n  }\r\n\r\n  \/* --- BOT\u00d3N CORAL --- *\/\r\n  .btn-coral { \r\n      display: inline-block; \r\n      background: var(--prog-coral); \r\n      color: var(--prog-white); \r\n      padding: 15px 35px; \r\n      border: none; \r\n      border-radius: 30px; \r\n      text-decoration: none; \r\n      font-weight: bold; \r\n      font-size: 1.1em; \r\n      transition: all 0.3s ease; \r\n      box-shadow: 0 4px 15px rgba(255,106,85, 0.4); \r\n  }\r\n  .btn-coral:hover { \r\n      background: var(--prog-teal-dark); \r\n      color: var(--prog-white); \r\n      transform: translateY(-3px); \r\n      box-shadow: 0 6px 20px rgba(26,102,112, 0.4); \r\n  }\r\n\r\n  \/* --- ANIMACIONES DE ENTRADA AL HACER SCROLL --- *\/\r\n  .progredi-web-container .js-scroll-trigger { \r\n      opacity: 0; \r\n  }\r\n\r\n  .animate__animated.animate__fadeInUpCustom { \r\n      opacity: 1 !important; \r\n      animation-name: fadeInUpCustom; \r\n      animation-duration: 0.8s; \r\n      animation-fill-mode: both; \r\n  }\r\n\r\n  @keyframes fadeInUpCustom { \r\n      from { opacity: 0; transform: translate3d(0, 30px, 0); } \r\n      to { opacity: 1; transform: translate3d(0, 0, 0); } \r\n  }\r\n\r\n  \/* --- DISE\u00d1O RESPONSIVO --- *\/\r\n  @media (max-width: 900px) {\r\n      .grid-3-cards-clean { grid-template-columns: repeat(1, 1fr); gap: 25px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const sectionsToAnimate = document.querySelectorAll('.js-scroll-trigger');\r\n  \r\n  const observerOptions = {\r\n      root: null,\r\n      rootMargin: '0px',\r\n      threshold: 0.15\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries, obs) => {\r\n      entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n              entry.target.classList.add('animate__fadeInUpCustom');\r\n              obs.unobserve(entry.target);\r\n          }\r\n      });\r\n  }, observerOptions);\r\n\r\n  sectionsToAnimate.forEach(section => {\r\n      observer.observe(section);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contacto Estamos listos para impulsar la evoluci\u00f3n digital de tu organizaci\u00f3n. Cont\u00e1ctanos y dise\u00f1emos juntos una soluci\u00f3n tecnol\u00f3gica a la medida de los objetivos de tu negocio. Correo Electr\u00f3nico contacto@progredi.com.mx Tel\u00e9fono y WhatsApp 55 2855 8551 M\u00e1s informaci\u00f3n Ubicaci\u00f3n Ciudad de M\u00e9xico, M\u00e9xico Env\u00edanos un mensaje \u00bfTienes un proyecto en mente o necesitas m\u00e1s informaci\u00f3n? &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/progredi.com.mx\/?page_id=8\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abContacto\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":49,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":4582,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/4582"}],"wp:attachment":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}