{"id":3594,"date":"2026-05-05T04:20:19","date_gmt":"2026-05-05T04:20:19","guid":{"rendered":"https:\/\/progredi.com.mx\/?page_id=3594"},"modified":"2026-08-26T18:52:21","modified_gmt":"2026-08-26T18:52:21","slug":"gestion-integral-de-infraestructura-tecnologica","status":"publish","type":"page","link":"https:\/\/progredi.com.mx\/?page_id=3594","title":{"rendered":"Gesti\u00f3n integral de infraestructura tecnol\u00f3gica"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3594\" class=\"elementor elementor-3594\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9e328ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9e328ce\" 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-5de4597\" data-id=\"5de4597\" 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-a3fcd37 elementor-widget elementor-widget-html\" data-id=\"a3fcd37\" 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\">Gesti\u00f3n integral de infraestructura tecnol\u00f3gica<\/h2>\r\n        <p class=\"section-desc\">En un entorno donde la tecnolog\u00eda avanza constantemente, las organizaciones enfrentan el desaf\u00edo no solo de obtenerla, sino de integrarla de manera estrat\u00e9gica para generar valor real en su operaci\u00f3n.<\/p>\r\n        <p class=\"section-desc\">En Progredi, nuestro compromiso va m\u00e1s all\u00e1 de la implementaci\u00f3n. Acompa\u00f1amos a nuestros clientes en cada etapa, asegurando que cada soluci\u00f3n genere impacto, eficiencia y crecimiento sostenible.<\/p>\r\n    <\/section>\r\n\r\n    <section class=\"progredi-section bg-light-gray js-scroll-trigger animate__animated\">\r\n        <h3 class=\"section-subtitle\">\u00bfQu\u00e9 hacemos en Infraestructura tecnol\u00f3gica?<\/h3>\r\n        \r\n        <div class=\"infra-grid-5\">\r\n            <div class=\"card-white card-accent-1\">\r\n                <h4>Infraestructura de redes y telecomunicaciones<\/h4>\r\n                <p>Implementaci\u00f3n de infraestructura de redes LAN\/WAN para entornos empresariales.<\/p>\r\n            <\/div>\r\n            <div class=\"card-white card-accent-2\">\r\n                <h4>Certificaci\u00f3n de cableado estructurado<\/h4>\r\n                <p>Implementaci\u00f3n, certificaci\u00f3n y aseguramiento de infraestructura de cableado estructurado.<\/p>\r\n            <\/div>\r\n            <div class=\"card-white card-accent-3\">\r\n                <h4>Control de acceso y seguridad electr\u00f3nica<\/h4>\r\n                <p>Implementaci\u00f3n e integraci\u00f3n de soluciones de seguridad electr\u00f3nica y control de acceso.<\/p>\r\n            <\/div>\r\n            <div class=\"card-white card-accent-4\">\r\n                <h4>Ecosistemas de colaboraci\u00f3n digital<\/h4>\r\n                <p>Dise\u00f1o e implementaci\u00f3n de soluciones de colaboraci\u00f3n digital y espacios inteligentes de trabajo.<\/p>\r\n            <\/div>\r\n            <div class=\"card-white card-accent-5\">\r\n                <h4>Servicios administrados, operaci\u00f3n y monitoreo de TI<\/h4>\r\n                <p>Operaci\u00f3n, administraci\u00f3n y soporte de infraestructura tecnol\u00f3gica empresarial.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"progredi-section js-scroll-trigger animate__animated\">\r\n        <h3 class=\"section-subtitle\">\u00bfC\u00f3mo lo hacemos?<\/h3>\r\n        \r\n        <div class=\"clean-process-grid-10\">\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                      <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-050.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">1<\/div>\r\n                <h4 class=\"clean-title\">Diagn\u00f3stico y levantamiento de requerimientos<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-051.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">2<\/div>\r\n                <h4 class=\"clean-title\">An\u00e1lisis de la infraestructura actual y necesidades del cliente<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-052.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">3<\/div>\r\n                <h4 class=\"clean-title\">Dise\u00f1o de la soluci\u00f3n tecnol\u00f3gica transformadora<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-053.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">4<\/div>\r\n                <h4 class=\"clean-title\">Definici\u00f3n de arquitectura, infraestructura y plan de implementaci\u00f3n<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-054.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">5<\/div>\r\n                <h4 class=\"clean-title\">Instalaci\u00f3n, configuraci\u00f3n e integraci\u00f3n de la soluci\u00f3n<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-055.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">6<\/div>\r\n                <h4 class=\"clean-title\">Puesta en operaci\u00f3n y pruebas de funcionamiento<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-056.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">7<\/div>\r\n                <h4 class=\"clean-title\">Validaci\u00f3n del correcto funcionamiento de la soluci\u00f3n<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-057.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">8<\/div>\r\n                <h4 class=\"clean-title\">Soporte, monitoreo y mantenimiento continuo<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                         <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-058.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">9<\/div>\r\n                <h4 class=\"clean-title\">Acompa\u00f1amiento en la operaci\u00f3n de la soluci\u00f3n<\/h4>\r\n            <\/div>\r\n\r\n            <div class=\"clean-process-item\">\r\n                <div class=\"large-icon-wrapper\">\r\n                                         <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-059.png\" alt=\"Progredi\" width=\"100\" height=\"100\" \/>\r\n\r\n                <\/div>\r\n                <div class=\"step-badge\">10<\/div>\r\n                <h4 class=\"clean-title\">Aseguramiento integral de la calidad<\/h4>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECCI\u00d3N MODIFICADA: \u00bfPor qu\u00e9 Progredi? -->\r\n    <section class=\"progredi-section js-scroll-trigger animate__animated\">\r\n        <h3 class=\"section-subtitle\">\u00bfPor qu\u00e9 Progredi?<\/h3>\r\n        <p class=\"section-desc\">Porque a lo largo de m\u00e1s de una d\u00e9cada hemos desarrollado capacidad estrat\u00e9gica y operativa, consolidando:<\/p>\r\n        \r\n        <div class=\"why-grid-container\">\r\n            <!-- Tarjeta 1 -->\r\n            <div class=\"why-item-card why-accent-1\">\r\n                <div class=\"why-icon-circle\">\r\n                                                              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-060.png\" alt=\"Progredi\" width=\"50\" height=\"50\" \/>\r\n\r\n                <\/div>\r\n                \r\n                <p><strong class=\"why-title\">Experiencia tecnol\u00f3gica<\/strong> en los sectores p\u00fablico y privado, en industrias como salud, educaci\u00f3n, automotriz, retail, telecomunicaciones, financiera y tecnol\u00f3gica.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 2 -->\r\n            <div class=\"why-item-card why-accent-2\">\r\n                <div class=\"why-icon-circle\">\r\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-061.png\" alt=\"Progredi\" width=\"50\" height=\"50\" \/>\r\n\r\n                <\/div>\r\n                \r\n                <p><strong class=\"why-title\">Equipo multidisciplinarios<\/strong> con experiencia, cohesi\u00f3n y orientados al cliente.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 3 -->\r\n            <div class=\"why-item-card why-accent-3\">\r\n                <div class=\"why-icon-circle\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-062.png\" alt=\"Progredi\" width=\"50\" height=\"50\" \/>\r\n                <\/div>\r\n                \r\n                <p><strong class=\"why-title\">Continuidad operativa<\/strong> respaldada por infraestructura tecnol\u00f3gica estable y confiable.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 4 -->\r\n            <div class=\"why-item-card why-accent-3\">\r\n                <div class=\"why-icon-circle\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-063.png\" alt=\"Progredi\" width=\"50\" height=\"50\" \/>\r\n                <\/div>\r\n                \r\n                <p><strong class=\"why-title\">Escalabilidad tecnol\u00f3gica<\/strong> alineada al crecimiento de la organizaci\u00f3n.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 5 -->\r\n            <div class=\"why-item-card why-accent-5\">\r\n                <div class=\"why-icon-circle\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-064.png\" alt=\"Progredi\" width=\"50\" height=\"50\" \/>\r\n                <\/div>\r\n                \r\n                <p><strong class=\"why-title\">Soporte especializado<\/strong> y acompa\u00f1amiento operativo continuo.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tarjeta 6 -->\r\n            <div class=\"why-item-card why-accent-6\">\r\n                <div class=\"why-icon-circle\">\r\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/progredi.com.mx\/wp-content\/uploads\/2026\/08\/ico-065.png\" alt=\"Progredi\" width=\"50\" height=\"50\" \/>\r\n                <\/div>\r\n                \r\n                <p><strong class=\"why-title\">Conocimiento actual<\/strong> del mercado TI.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* Variables de la paleta Progredi MH *\/\r\n  :root {\r\n      --prog-navy: #001126;\r\n      --prog-teal-dark: #1a6670;\r\n      --prog-teal-light: #00b2a9;\r\n      --prog-ice: #d5ebee;\r\n      --prog-coral: #ff6a55;\r\n      --prog-white: #ffffff;\r\n      --prog-gray: #f6f6f6;\r\n  }\r\n\r\n  \/* Base *\/\r\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; }\r\n  .progredi-section { padding: 40px 20px; margin-bottom: 20px; border-radius: 10px; }\r\n  .bg-light-gray { background-color: var(--prog-gray); }\r\n  .text-center { text-align: center; }\r\n\r\n  \/* Tipograf\u00eda *\/\r\n  .main-title {\r\n      color: var(--prog-navy);\r\n      font-size: 2.1em;\r\n      font-weight: 800;\r\n      text-align: center;\r\n      margin-top: 20px;\r\n      margin-bottom: 20px;\r\n      background: linear-gradient(359deg, rgba(39, 193, 225, 0.2) 0%, rgb(39 193 225 \/ 36%) 100%);\r\n      padding: 4px 18px;\r\n      border-radius: 6px;\r\n  } \r\n  .section-subtitle { color: var(--prog-teal-light); font-size: 1.8em; text-align: center; margin-top: 10px; margin-bottom: 30px;}\r\n  .section-desc { text-align: center; color: var(--prog-navy); font-size: 1.15em; margin: 0 auto 20px auto; max-width: 900px; opacity: 0.85; }\r\n\r\n  \/* 5 Tarjetas Blancas - \u00bfQu\u00e9 hacemos? (Acomodo 3 y 2) *\/\r\n  .infra-grid-5 { \r\n      display: flex; \r\n      flex-wrap: wrap; \r\n      justify-content: center; \r\n      gap: 20px; \r\n  }\r\n  .infra-grid-5 .card-white { \r\n      flex: 0 1 calc(33.333% - 20px); \r\n      min-width: 280px; \r\n      max-width: 380px; \r\n  }\r\n  \r\n  .card-white { background: var(--prog-white); padding: 30px 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,17,38,0.05); transition: transform 0.3s ease; text-align: center; }\r\n  .card-white:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,177,169,0.15); }\r\n  .card-white h4 { color: var(--prog-teal-dark); font-size: 1.2em; margin: 0 0 15px 0; }\r\n  .card-white p { color: var(--prog-navy); font-size: 0.95em; margin: 0; opacity: 0.8; }\r\n\r\n  \/* Clases de colores para las 5 tarjetas superiores (Bordes superiores) *\/\r\n  .card-accent-1 { border-top: 4px solid var(--prog-teal-dark); }\r\n  .card-accent-2 { border-top: 4px solid var(--prog-coral); }\r\n  .card-accent-3 { border-top: 4px solid var(--prog-teal-light); }\r\n  .card-accent-4 { border-top: 4px solid var(--prog-navy); }\r\n  .card-accent-5 { border-top: 4px solid var(--prog-teal-dark); }\r\n\r\n  \/* Grid 10 Puntos Limpios (\u00bfC\u00f3mo lo hacemos?) *\/\r\n  .clean-process-grid-10 { \r\n      display: grid; \r\n      grid-template-columns: repeat(5, 1fr); \r\n      gap: 30px 20px; \r\n      margin-top: 40px;\r\n  }\r\n  .clean-process-item {\r\n      text-align: center;\r\n      transition: transform 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n  }\r\n  .clean-process-item:hover {\r\n      transform: translateY(-5px);\r\n  }\r\n  .large-icon-wrapper {\r\n      margin-bottom: 15px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n  }\r\n  .large-icon-wrapper svg {\r\n      width: 65px;\r\n      height: 65px;\r\n      color: var(--prog-teal-dark);\r\n      transition: transform 0.3s ease;\r\n  }\r\n  \r\n  .clean-process-item:hover .large-icon-wrapper svg {\r\n      transform: scale(1.1);\r\n  }\r\n  .clean-process-item:hover .clean-title {\r\n      color: var(--prog-coral);\r\n  }\r\n\r\n  .clean-title {\r\n      color: var(--prog-teal-dark);\r\n      font-size: 1.05em;\r\n      margin: 0;\r\n      font-weight: bold;\r\n      line-height: 1.35;\r\n      transition: color 0.3s ease;\r\n  }\r\n  \r\n  .step-badge {\r\n      margin-top: -20px;\r\n      margin-bottom: 15px;\r\n      background: var(--prog-coral);\r\n      color: var(--prog-white);\r\n      font-weight: bold;\r\n      font-size: 0.9em;\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-shadow: 0 2px 8px rgba(255, 106, 85, 0.4);\r\n      z-index: 1;\r\n  }\r\n\r\n  \/* =========================================================\r\n     Grid \u00bfPor qu\u00e9 Progredi? (Acentos y Hover din\u00e1mico)\r\n  ========================================================= *\/\r\n  \r\n  \/* Definici\u00f3n de variables de acento por tarjeta *\/\r\n  .why-accent-1 { --card-accent: var(--prog-teal-dark); }\r\n  .why-accent-2 { --card-accent: var(--prog-teal-light); }\r\n  .why-accent-3 { --card-accent: var(--prog-coral); }\r\n  .why-accent-4 { --card-accent: var(--prog-navy); }\r\n  .why-accent-5 { --card-accent: var(--prog-teal-dark); }\r\n  .why-accent-6 { --card-accent: var(--prog-teal-light); }\r\n\r\n  .why-grid-container { \r\n      display: grid; \r\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); \r\n      gap: 25px; \r\n      margin-top: 30px;\r\n  }\r\n  \r\np {\r\n    text-align: left;\r\n}\r\n\r\n  .why-item-card { \r\n      background: var(--prog-white); \r\n      padding: 30px 25px; \r\n      border-radius: 10px; \r\n      box-shadow: 0 4px 15px rgba(0,17,38,0.06); \r\n      border-left: 5px solid var(--card-accent, var(--prog-teal-dark)); \r\n      transition: all 0.3s ease;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n  }\r\n  \r\n  .why-item-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 8px 25px rgba(0,17,38,0.12);\r\n  }\r\n\r\n  .why-icon-circle {\r\n      margin-bottom: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 70px;\r\n      height: 70px;\r\n      background-color: var(--prog-ice);\r\n      border-radius: 50%;\r\n      transition: background-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n  \r\n  .why-icon-circle svg {\r\n      width: 36px;\r\n      height: 36px;\r\n      color: var(--card-accent, var(--prog-teal-dark));\r\n      transition: color 0.3s ease;\r\n  }\r\n  \r\n  .why-item-card:hover .why-icon-circle {\r\n      background-color: var(--card-accent);\r\n      transform: scale(1.05);\r\n  }\r\n  \r\n  .why-item-card:hover .why-icon-circle svg {\r\n      color: var(--prog-white);\r\n  }\r\n\r\n  .why-title { \r\n    \/* display: block;  *\/\r\n      color: var(--prog-teal-light); \r\n      font-size: 1.25em; \r\n      margin-bottom: 10px; \r\n      text-transform: uppercase; \r\n      letter-spacing: 0.5px; \r\n      transition: color 0.3s ease;\r\n  }\r\n  \r\n  .why-item-card p { \r\n      color: var(--prog-navy); \r\n      margin: 0; \r\n      font-size: 0.95em; \r\n      opacity: 0.85; \r\n      line-height: 1.5;\r\n      transition: color 0.3s ease;\r\n  }\r\n\r\n  \/* Efecto Hover: Cambia de color el texto seg\u00fan el acento de la tarjeta *\/\r\n  .why-item-card:hover .why-title {\r\n      color: var(--card-accent);\r\n  }\r\n  \r\n  .why-item-card:hover p {\r\n      color: var(--card-accent);\r\n      opacity: 1; \/* Le damos mayor legibilidad al cambiar el color *\/\r\n  }\r\n\r\n  \/* Animaciones JS *\/\r\n  .progredi-web-container .js-scroll-trigger { opacity: 0; }\r\n  .animate__animated.animate__fadeInUpCustom { opacity: 1 !important; animation-name: fadeInUpCustom; animation-duration: 0.8s; animation-fill-mode: both; }\r\n  @keyframes fadeInUpCustom { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }\r\n\r\n  \/* Responsivo *\/\r\n  @media (max-width: 1024px) {\r\n      .clean-process-grid-10 { grid-template-columns: repeat(3, 1fr); }\r\n  }\r\n  @media (max-width: 900px) {\r\n      .infra-grid-5 .card-white { flex: 0 1 calc(50% - 20px); max-width: calc(50% - 20px); }\r\n  }\r\n  @media (max-width: 768px) {\r\n      .clean-process-grid-10 { grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (max-width: 600px) {\r\n      .infra-grid-5 .card-white { flex: 1 1 100%; max-width: 100%; }\r\n      .why-grid-container { grid-template-columns: 1fr; }\r\n  }\r\n  @media (max-width: 480px) {\r\n      .clean-process-grid-10 { grid-template-columns: 1fr; gap: 30px; }\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  const observerOptions = { root: null, threshold: 0.1 };\r\n\r\n  const observer = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('animate__fadeInUpCustom');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  sectionsToAnimate.forEach(section => { observer.observe(section); });\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43ef697 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"43ef697\" 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-cd982b8\" data-id=\"cd982b8\" 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\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>Gesti\u00f3n integral de infraestructura tecnol\u00f3gica En un entorno donde la tecnolog\u00eda avanza constantemente, las organizaciones enfrentan el desaf\u00edo no solo de obtenerla, sino de integrarla de manera estrat\u00e9gica para generar valor real en su operaci\u00f3n. En Progredi, nuestro compromiso va m\u00e1s all\u00e1 de la implementaci\u00f3n. Acompa\u00f1amos a nuestros clientes en cada etapa, asegurando que cada &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/progredi.com.mx\/?page_id=3594\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abGesti\u00f3n integral de infraestructura tecnol\u00f3gica\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-3594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/3594","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=3594"}],"version-history":[{"count":91,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/3594\/revisions"}],"predecessor-version":[{"id":4527,"href":"https:\/\/progredi.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/3594\/revisions\/4527"}],"wp:attachment":[{"href":"https:\/\/progredi.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}