{"id":2332,"date":"2024-04-16T23:05:17","date_gmt":"2024-04-16T23:05:17","guid":{"rendered":"https:\/\/progredi.com.mx\/?page_id=2332"},"modified":"2026-08-18T04:29:17","modified_gmt":"2026-08-18T04:29:17","slug":"proyectos-destacados","status":"publish","type":"page","link":"https:\/\/progredi.com.mx\/?page_id=2332","title":{"rendered":"Proyectos destacados\u00a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2332\" class=\"elementor elementor-2332\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-70a8552 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"70a8552\" 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-110bb17\" data-id=\"110bb17\" 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-4c8c6548 elementor-widget elementor-widget-text-editor\" data-id=\"4c8c6548\" 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\n<div class=\"progredi-web-container\">\n\n    <section class=\"progredi-section text-center js-scroll-trigger animate__animated\">\n        <h2 class=\"main-title\">Proyectos destacados<\/h2>\n    <\/section>\n\n    <section class=\"progredi-section bg-light-gray js-scroll-trigger animate__animated\">\n        <div class=\"clients-logo-grid\">\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Hypha-Metrics.png\" alt=\"Hypha Metrics\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/CONSAR.png\" alt=\"CONSAR\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Grupo-Formula.png\" alt=\"Grupo F\u00f3rmula\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Accenture.png\" alt=\"Accenture\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Financiera-Independencia.png\" alt=\"Financiera Independencia\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Grupo-DMI.png\" alt=\"Grupo DMI\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/HR-Ratings.png\" alt=\"HR Ratings\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Fideicomiso-de-Teatros.png\" alt=\"Fideicomiso de Teatros\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/MARINA.png\" alt=\"MARINA\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/UNITEC.png\" alt=\"UNITEC\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Mazda.png\" alt=\"Mazda\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ema-1.png\" alt=\"EMA\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Laureate-Mexico.png\" alt=\"Laureate M\u00e9xico\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/IMSS.png\" alt=\"IMSS\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Casa-Menta.png\" alt=\"Casa Menta\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Everis.png\" alt=\"Everis\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/UVM.png\" alt=\"UVM\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Emeritus.png\" alt=\"Emeritus\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/NCR.png\" alt=\"NCR\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Qualis-Technology.png\" alt=\"Qualis Technology\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/BiCheck.png\" alt=\"BiCheck\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Farmacias-Similares.png\" alt=\"Farmacias Similares\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ACAM.png\" alt=\"ACAM\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Convergint.png\" alt=\"Convergint\" \/>\n            <\/div>\n            <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/HR-Media.png\" alt=\"HR Media\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/Avant-Sante.png\" alt=\"Avant Sant\u00e9\" \/>\n            <\/div>\n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ATT.png\" alt=\"AT&#038;T\" \/>\n            <\/div>\n            \n             <div class=\"client-logo-box\">\n                <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x150\/ffffff\/001126?text=y m\u00e1s\" alt=\"y m\u00e1s\" \/>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n<p><style>\n  \/* Variables de la paleta Progredi MH *\/\n  :root {\n      --prog-navy: #001126;\n      --prog-teal-dark: #1a6670;\n      --prog-teal-light: #00b2a9;\n      --prog-ice: #d5ebee;\n      --prog-coral: #ff6a55;\n      --prog-white: #ffffff;\n      --prog-gray: #f6f6f6;\n  }\n\n  \/* Base *\/\n  .progredi-web-container { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: var(--prog-navy); line-height: 1.6; max-width: 1200px; margin: 0 auto; text-align: left; }\n  .progredi-section { padding: 50px 20px; margin-bottom: 20px; border-radius: 10px; }\n  .bg-light-gray { background-color: var(--prog-gray); }\n  .bg-navy { background-color: var(--prog-navy); box-shadow: 0 10px 30px rgba(0,17,38,0.2); }\n  .text-center { text-align: center; }\n  .text-white { color: var(--prog-white) !important; }\n\n  \/* Tipograf\u00eda *\/\n  .main-title { color: var(--prog-teal-dark); font-size: 2.5em; text-align: center; margin-top: 10px; margin-bottom: 20px;}\n  .section-subtitle { color: var(--prog-teal-light); font-size: 2em; text-align: center; margin-top: 10px; margin-bottom: 30px;}\n  .section-desc { text-align: center; color: var(--prog-navy); font-size: 1.15em; margin: 0 auto 30px auto; max-width: 900px; opacity: 0.85; }\n  .bg-navy .section-desc { color: var(--prog-ice); opacity: 1; }\n\n  \/* Resultados (Estad\u00edsticas) *\/\n  .results-container { display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; }\n  .results-col { flex: 1 1 min-width: 300px; max-width: 500px; }\n  .results-title-coral { color: var(--prog-coral); font-size: 1.5em; text-align: center; margin-bottom: 20px; border-bottom: 2px solid rgba(255,106,85,0.3); padding-bottom: 10px; }\n  \n  .progredi-stats { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }\n  .stat-box-dark { background: rgba(255,255,255,0.05); border-top: 4px solid var(--prog-teal-light); padding: 25px; flex: 1 1 150px; text-align: center; border-radius: 8px; transition: transform 0.3s ease; }\n  .stat-box-dark:hover { transform: translateY(-5px); background: rgba(255,255,255,0.1); border-top-color: var(--prog-coral); }\n  .stat-box-dark h3 { font-size: 2.2em; color: var(--prog-ice); margin: 0 0 5px 0; font-weight: bold; font-variant-numeric: tabular-nums; }\n  .stat-box-dark p { margin: 0; color: var(--prog-white); font-size: 0.95em; opacity: 0.9; }\n\n  \/* Clientes - El Grid Uniforme (La magia del tama\u00f1o id\u00e9ntico) *\/\n  .clients-logo-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 20px;\n      margin-top: 40px;\n  }\n  .client-logo-box {\n      background: var(--prog-white);\n      height: 120px; \/* Alto fijo estricto para todas las cajas *\/\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 4px 10px rgba(0,17,38,0.04);\n      transition: all 0.3s ease;\n      border: 1px solid var(--prog-ice);\n  }\n  .client-logo-box:hover {\n      box-shadow: 0 8px 20px rgba(0,177,169,0.15);\n      border-color: var(--prog-teal-light);\n      transform: translateY(-3px);\n  }\n  \/* La imagen se ajustar\u00e1 perfectamente a la caja sin deformarse *\/\n  .client-logo-box img {\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain; \/* Garantiza que no se estire ni se recorte *\/\n      filter: grayscale(100%); \/* Opcional: los pone en blanco y negro *\/\n      opacity: 0.7;\n      transition: all 0.3s ease;\n  }\n  .client-logo-box:hover img {\n      filter: grayscale(0%); \/* Vuelve al color original al pasar el mouse *\/\n      opacity: 1;\n  }\n\n  \/* Animaciones JS generales *\/\n  .progredi-web-container .js-scroll-trigger:not(.bg-navy) { opacity: 0; }\n  .animate__animated.animate__fadeInUpCustom { opacity: 1 !important; animation-name: fadeInUpCustom; animation-duration: 0.8s; animation-fill-mode: both; }\n  @keyframes fadeInUpCustom { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }\n  \n  \/* Responsivo *\/\n  @media (max-width: 768px) {\n      .clients-logo-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 480px) {\n      .clients-logo-grid { grid-template-columns: 1fr; }\n  }\n<\/style> <script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  \n  \/\/ Funci\u00f3n para los n\u00fameros animados\n  function animateCounter(counterEl) {\n    const target = parseInt(counterEl.getAttribute('data-target'));\n    const prefix = counterEl.getAttribute('data-prefix') || '';\n    const separator = counterEl.getAttribute('data-separator') || '';\n    const duration = 2000; \n    const startTime = performance.now();\n    \n    function updateCounter(currentTime) {\n      const elapsedTime = currentTime - startTime;\n      if (elapsedTime < duration) {\n        const progress = elapsedTime \/ duration;\n        const easedProgress = progress * (2 - progress);\n        const currentCount = Math.floor(easedProgress * target);\n        \n        let formattedCount = currentCount;\n        if(separator === ',') {\n            formattedCount = currentCount.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n        }\n        \n        counterEl.textContent = prefix + formattedCount;\n        requestAnimationFrame(updateCounter);\n      } else {\n        let finalCount = target;\n        if(separator === ',') {\n            finalCount = target.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n        }\n        counterEl.textContent = prefix + finalCount;\n      }\n    }\n    requestAnimationFrame(updateCounter);\n  }\n\n  \/\/ Observador de scroll para animar elementos y contadores\n  const sectionsToAnimate = document.querySelectorAll('.js-scroll-trigger');\n  const observerOptions = { root: null, threshold: 0.15 };\n\n  const observer = new IntersectionObserver((entries, observer) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        const targetEl = entry.target;\n\n        \/\/ Si es la secci\u00f3n de resultados, activa los contadores\n        if (targetEl.classList.contains('bg-navy')) {\n          const counters = targetEl.querySelectorAll('.stat-counter');\n          counters.forEach(counter => {\n             \/\/ Evita que se anime dos veces si subes y bajas el scroll\n             if (!counter.classList.contains('animated')) {\n                 animateCounter(counter);\n                 counter.classList.add('animated');\n             }\n          });\n        } \n        \n        \/\/ Animaci\u00f3n de aparici\u00f3n general\n        targetEl.classList.add('animate__fadeInUpCustom');\n        observer.unobserve(targetEl);\n      }\n    });\n  }, observerOptions);\n\n  sectionsToAnimate.forEach(section => { observer.observe(section); });\n});\n<\/script><\/p>\t\t\t\t\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>Proyectos destacados<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2332","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/2332","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2332"}],"version-history":[{"count":61,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/2332\/revisions"}],"predecessor-version":[{"id":3916,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/2332\/revisions\/3916"}],"wp:attachment":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}