{"id":929,"date":"2026-08-11T04:57:16","date_gmt":"2026-08-11T04:57:16","guid":{"rendered":"https:\/\/cviglobaltech.com\/?page_id=929"},"modified":"2026-08-19T19:32:04","modified_gmt":"2026-08-19T19:32:04","slug":"home-2-0","status":"publish","type":"page","link":"https:\/\/cviglobaltech.com\/es\/","title":{"rendered":"Home 2.0"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Hero Section CVI Global Tech<\/title>\r\n\r\n <!-- Importamos la tipograf\u00eda Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n\r\n \/* ==============================\r\n RESET B\u00c1SICO\r\n ============================== *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #03101d;\r\n }\r\n\r\n\r\n \/* ==============================\r\n CONTENEDOR PRINCIPAL DEL HERO\r\n ============================== *\/\r\n\r\n .hero-section {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 100px 8%;\r\n color: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n\r\n \/* ==============================\r\n FONDO: IMAGEN DEL PLANETA\r\n ============================== *\/\r\n\r\n .hero-background {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n }\r\n\r\n .hero-background img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center right;\r\n opacity: 0.9;\r\n }\r\n\r\n\r\n \/* ==============================\r\n OVERLAY OSCURO\r\n ============================== *\/\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 2;\r\n\r\n background: linear-gradient(\r\n to right,\r\n rgba(3, 16, 29, 0.95) 30%,\r\n rgba(3, 16, 29, 0.4) 70%,\r\n transparent 100%\r\n );\r\n }\r\n\r\n\r\n \/* ==============================\r\n CONTENIDO DEL HERO\r\n ============================== *\/\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 600px;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 3.5rem;\r\n line-height: 1.1;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n }\r\n\r\n\r\n \/* ==============================\r\n COLORES DEL T\u00cdTULO\r\n ============================== *\/\r\n\r\n .hero-content h1 .text-white {\r\n color: #ffffff;\r\n }\r\n\r\n .hero-content h1 .text-green {\r\n color: #c2dda6;\r\n }\r\n\r\n\r\n \/* ==============================\r\n P\u00c1RRAFOS\r\n ============================== *\/\r\n\r\n .hero-content p {\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: #d1d5db;\r\n margin-bottom: 20px;\r\n font-weight: 300;\r\n }\r\n\r\n\r\n \/* ==============================\r\n BOTONES\r\n ============================== *\/\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n margin-top: 30px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n\r\n padding: 16px 32px;\r\n\r\n border-radius: 50px;\r\n\r\n text-decoration: none;\r\n\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n\r\n transition: all 0.3s ease;\r\n\r\n border: 1px solid transparent;\r\n }\r\n\r\n\r\n \/* ==============================\r\n BOT\u00d3N PRIMARY\r\n EXPLORE OUR SOLUTIONS\r\n ============================== *\/\r\n\r\n .btn-primary {\r\n background-color: #c2dda6;\r\n color: #03101d;\r\n }\r\n\r\n .btn-primary:hover {\r\n background-color: #a8c48b;\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* ==============================\r\n BOT\u00d3N OUTLINE\r\n SCHEDULE A CONSULTATION\r\n ============================== *\/\r\n\r\n .btn-outline {\r\n background-color: transparent;\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n color: #ffffff;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: rgba(255, 255, 255, 0.1);\r\n border-color: #ffffff;\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* ==============================\r\n FLECHAS\r\n ============================== *\/\r\n\r\n .arrow {\r\n display: inline-block;\r\n transition: transform 0.3s ease;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .btn:hover .arrow {\r\n transform: translateX(5px);\r\n }\r\n\r\n\r\n \/* ==============================\r\n RESPONSIVIDAD\r\n ============================== *\/\r\n\r\n @media (max-width: 1024px) {\r\n\r\n .hero-content h1 {\r\n font-size: 2.8rem;\r\n }\r\n\r\n }\r\n\r\n\r\n @media (max-width: 900px) {\r\n\r\n .hero-section {\r\n flex-direction: column;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 80px 5%;\r\n min-height: auto;\r\n }\r\n\r\n .hero-content {\r\n max-width: 100%;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .hero-overlay {\r\n background: rgba(3, 16, 29, 0.85);\r\n }\r\n\r\n .hero-background img {\r\n object-position: center;\r\n }\r\n\r\n }\r\n\r\n\r\n @media (max-width: 480px) {\r\n\r\n .hero-content h1 {\r\n font-size: 2.2rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n width: 100%;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- =========================================\r\n SECCI\u00d3N HERO\r\n ========================================== -->\r\n\r\n <section class=\"hero-section\">\r\n\r\n\r\n <!-- =========================================\r\n FONDO: PLANETA\r\n ========================================== -->\r\n\r\n <div class=\"hero-background\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Hero-Image.png\"\r\n alt=\"Global Technology Network Planet\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- =========================================\r\n OVERLAY OSCURO\r\n ========================================== -->\r\n\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n\r\n <!-- =========================================\r\n CONTENIDO DEL HERO\r\n ========================================== -->\r\n\r\n <div class=\"hero-content\">\r\n\r\n <h1>\r\n <span class=\"text-white\">\r\n Tecnolog\u00eda Que<br>Impulsa\r\n <\/span>\r\n\r\n <span class=\"text-green\">\r\n Mejores<br>Operaciones Empresariales\r\n <\/span>\r\n <\/h1>\r\n\r\n\r\n <p>\r\n La tecnolog\u00eda solo genera valor cuando impulsa mejores resultados de negocio. CVI Global Tech ayuda a las organizaciones a fortalecer la relaci\u00f3n con sus clientes, optimizar sus operaciones, automatizar procesos de negocio y tomar decisiones m\u00e1s inteligentes mediante soluciones tecnol\u00f3gicas innovadoras.\r\n <\/p>\r\n\r\n\r\n <p>\r\n Ya sea que necesite plataformas de software avanzadas o una soluci\u00f3n operativa completamente gestionada, le ayudamos a transformar la manera en que funciona su empresa.\r\n <\/p>\r\n\r\n\r\n <!-- =========================================\r\n BOTONES\r\n ========================================== -->\r\n\r\n <div class=\"hero-buttons\">\r\n\r\n\r\n <!-- EXPLORE OUR SOLUTIONS -->\r\n <a\r\n href=\"https:\/\/cviglobaltech.com\/es\/solutions\/\"\r\n class=\"btn btn-primary\"\r\n >\r\n Explore Nuestras Soluciones\r\n\r\n <span class=\"arrow\">\r\n \u2192\r\n <\/span>\r\n <\/a>\r\n\r\n\r\n <!-- SCHEDULE A CONSULTATION -->\r\n <a\r\n href=\"https:\/\/cvigt.appointiv.com\/l\/cvi-virtual-meetings-website\/c\/cvi-website-meetings\/a\/website-requested-meeting\/p\/alvaro-rodriguez\"\r\n class=\"btn btn-outline\"\r\n >\r\n Agende una Consulta\r\n\r\n <span class=\"arrow\">\r\n \u2192\r\n <\/span>\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-113d234 e-con-full e-flex e-con e-parent\" data-id=\"113d234\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad845cc elementor-widget elementor-widget-html\" data-id=\"ad845cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\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>Service Models Section<\/title>\r\n\r\n <!-- Importamos Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n\r\n \/* ==============================\r\n RESET B\u00c1SICO\r\n ============================== *\/\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n\r\n \/* ==============================\r\n CONTENEDOR PRINCIPAL\r\n ============================== *\/\r\n\r\n .models-section {\r\n padding: 80px 8%;\r\n background-color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n\r\n \/* ==============================\r\n ENCABEZADO\r\n ============================== *\/\r\n\r\n .models-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .models-header .subtitle {\r\n color: #5d8f6b;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .models-header h2 {\r\n font-size: 2.5rem;\r\n color: #03101d;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n }\r\n\r\n .models-header p {\r\n color: #555555;\r\n font-size: 1rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n }\r\n\r\n\r\n \/* ==============================\r\n GRID DE TARJETAS\r\n ============================== *\/\r\n\r\n .models-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n width: 100%;\r\n max-width: 1200px;\r\n }\r\n\r\n\r\n \/* ==============================\r\n ESTILO BASE DE TARJETAS\r\n ============================== *\/\r\n\r\n .model-card {\r\n border-radius: 20px;\r\n padding: 40px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .card-content {\r\n margin-bottom: 30px;\r\n }\r\n\r\n\r\n \/* ==============================\r\n TARJETA SaaS\r\n ============================== *\/\r\n\r\n .card-saas {\r\n background-color: #f2f4f0;\r\n color: #03101d;\r\n }\r\n\r\n\r\n \/* ==============================\r\n TARJETA BaaS\r\n ============================== *\/\r\n\r\n .card-baas {\r\n background-color: #114559;\r\n color: #ffffff;\r\n }\r\n\r\n\r\n \/* ==============================\r\n ICONO SaaS\r\n ============================== *\/\r\n\r\n .card-icon {\r\n width: 70px;\r\n height: 70px;\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card-icon img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n\r\n \/* ==============================\r\n ICONO BaaS\r\n MISMO TAMA\u00d1O QUE SaaS\r\n ============================== *\/\r\n\r\n .baas-visual {\r\n width: 70px;\r\n height: 70px;\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n margin-bottom: 20px;\r\n\r\n overflow: hidden;\r\n\r\n background-color: #ffffff;\r\n }\r\n\r\n .baas-visual img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n display: block;\r\n }\r\n\r\n\r\n \/* ==============================\r\n T\u00cdTULOS Y TEXTOS\r\n ============================== *\/\r\n\r\n .model-card h3 {\r\n font-size: 1.5rem;\r\n font-weight: 600;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .model-card .card-subtitle {\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n font-size: 0.95rem;\r\n }\r\n\r\n\r\n \/* ==============================\r\n SUBT\u00cdTULO SaaS\r\n ============================== *\/\r\n\r\n .card-saas .card-subtitle {\r\n color: #5d8f6b;\r\n }\r\n\r\n\r\n \/* ==============================\r\n SUBT\u00cdTULO BaaS\r\n ============================== *\/\r\n\r\n .card-baas .card-subtitle {\r\n color: #ffffff;\r\n }\r\n\r\n\r\n \/* ==============================\r\n P\u00c1RRAFOS\r\n ============================== *\/\r\n\r\n .model-card p {\r\n font-size: 0.95rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card-saas p {\r\n color: #333333;\r\n }\r\n\r\n \/* TODO EL TEXTO DE BaaS EN BLANCO *\/\r\n .card-baas p {\r\n color: #ffffff;\r\n }\r\n\r\n .card-baas h3 {\r\n color: #ffffff;\r\n }\r\n\r\n\r\n \/* ==============================\r\n LISTA DE SOLUCIONES SaaS\r\n ============================== *\/\r\n\r\n .solutions-list {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n gap: 10px 20px;\r\n\r\n margin: 20px 0;\r\n }\r\n\r\n .solutions-list li {\r\n list-style: none;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 8px;\r\n\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n\r\n color: #03101d;\r\n }\r\n\r\n .solutions-list li::before {\r\n content: \"\u2713\";\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n width: 18px;\r\n height: 18px;\r\n\r\n border-radius: 50%;\r\n\r\n background-color: #c2dda6;\r\n color: #03101d;\r\n\r\n font-size: 12px;\r\n font-weight: bold;\r\n\r\n flex-shrink: 0;\r\n }\r\n\r\n\r\n \/* ==============================\r\n BOTONES\r\n ============================== *\/\r\n\r\n .card-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 10px;\r\n\r\n padding: 14px 28px;\r\n\r\n border-radius: 50px;\r\n\r\n text-decoration: none;\r\n\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n\r\n transition: all 0.3s ease;\r\n\r\n border: none;\r\n\r\n align-self: flex-start;\r\n\r\n margin-top: auto;\r\n }\r\n\r\n\r\n \/* ==============================\r\n BOT\u00d3N SaaS\r\n ============================== *\/\r\n\r\n .btn-saas {\r\n background-color: #114559;\r\n color: #ffffff;\r\n }\r\n\r\n .btn-saas:hover {\r\n background-color: #1a5b73;\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* ==============================\r\n BOT\u00d3N BaaS\r\n ============================== *\/\r\n\r\n .btn-baas {\r\n background-color: #c2dda6;\r\n color: #114559;\r\n }\r\n\r\n .btn-baas:hover {\r\n background-color: #a8c48b;\r\n transform: translateY(-2px);\r\n }\r\n\r\n\r\n \/* ==============================\r\n FLECHA DE LOS BOTONES\r\n ============================== *\/\r\n\r\n .btn-arrow {\r\n display: inline-block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .card-btn:hover .btn-arrow {\r\n transform: translateX(5px);\r\n }\r\n\r\n\r\n \/* ==============================\r\n RESPONSIVIDAD\r\n ============================== *\/\r\n\r\n @media (max-width: 1024px) {\r\n\r\n .models-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n\r\n }\r\n\r\n\r\n @media (max-width: 900px) {\r\n\r\n .models-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 600px;\r\n }\r\n\r\n .models-header {\r\n margin-bottom: 30px;\r\n }\r\n\r\n }\r\n\r\n\r\n @media (max-width: 600px) {\r\n\r\n .models-section {\r\n padding: 60px 5%;\r\n }\r\n\r\n .models-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .model-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .solutions-list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n\r\n <!-- =========================================\r\n SECCI\u00d3N DE MODELOS DE NEGOCIO\r\n ========================================== -->\r\n\r\n <section class=\"models-section\">\r\n\r\n\r\n <!-- ==============================\r\n ENCABEZADO\r\n ============================== -->\r\n\r\n <div class=\"models-header\">\r\n\r\n <p class=\"subtitle\">\r\n COMO AYUDAMOS A TU NEGOCIO A CRECER\r\n <\/p>\r\n\r\n <h2>\r\n Elige el Modelo que Mejor se Alinea a Tu Negocio\r\n <\/h2>\r\n\r\n <p>\r\n Cada organizaci\u00f3n tiene necesidades operativas diferentes. Es por esto que ofrecemos dos modelos de servicio complementarios.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- ==============================\r\n GRID\r\n ============================== -->\r\n\r\n <div class=\"models-grid\">\r\n\r\n\r\n <!-- ==============================\r\n TARJETA SaaS\r\n ============================== -->\r\n\r\n <div class=\"model-card card-saas\">\r\n\r\n <div class=\"card-content\">\r\n\r\n\r\n <!-- ICONO SaaS -->\r\n\r\n <div class=\"card-icon\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/SaaS-1.png\"\r\n alt=\"SaaS Icon\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- T\u00cdTULO -->\r\n\r\n <h3>\r\n Software as a Service (SaaS)\r\n <\/h3>\r\n\r\n\r\n <!-- SUBT\u00cdTULO -->\r\n\r\n <p class=\"card-subtitle\">\r\n Tecnolog\u00eda creada por organizaciones con euqipos internos operativos.\r\n <\/p>\r\n\r\n\r\n <!-- DESCRIPCI\u00d3N -->\r\n\r\n <p>\r\n Nuestras soluciones SaaS brindan a su empresa las herramientas necesarias para automatizar flujos de trabajo, gestionar las relaciones con sus clientes, mejorar la colaboraci\u00f3n y obtener informaci\u00f3n estrat\u00e9gica que facilite la toma de decisiones.\r\n <\/p>\r\n\r\n\r\n <!-- SOLUCIONES -->\r\n\r\n <ul class=\"solutions-list\">\r\n\r\n <li>\r\n Plataformas CRM\r\n <\/li>\r\n\r\n <li>\r\n Automatizaci\u00f3n de Flujos de Trabajo\r\n <\/li>\r\n\r\n <li>\r\n Soluciones para la Gesti\u00f3n y Fidelizaci\u00f3n de Clientes\r\n <\/li>\r\n\r\n <li>\r\n Tecnolog\u00eda para el Cuido de la Salud\r\n <\/li>\r\n\r\n <li>\r\n Inteligencia de Negocios - IA\r\n <\/li>\r\n\r\n <li>\r\n Desarrollo de Software a la Medida\r\n <\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BOT\u00d3N SaaS CON LINK -->\r\n\r\n <a\r\n href=\"https:\/\/cviglobaltech.com\/es\/saas-3\/\"\r\n class=\"card-btn btn-saas\"\r\n >\r\n\r\n Explorar Soluciones de SaaS\r\n\r\n <span class=\"btn-arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <!-- ==============================\r\n TARJETA BaaS\r\n ============================== -->\r\n\r\n <div class=\"model-card card-baas\">\r\n\r\n <div class=\"card-content\">\r\n\r\n\r\n <!-- ICONO BaaS -->\r\n\r\n <div class=\"baas-visual\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/BaaS.png\"\r\n alt=\"BaaS Icon\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- T\u00cdTULO -->\r\n\r\n <h3>\r\n Business as a Service (BaaS)\r\n <\/h3>\r\n\r\n\r\n <!-- SUBT\u00cdTULO -->\r\n\r\n <p class=\"card-subtitle\">\r\n Tecnolog\u00eda + Personas + Procesos + Ejecuci\u00f3n\r\n <\/p>\r\n\r\n\r\n <!-- DESCRIPCI\u00d3N -->\r\n\r\n <p>\r\n Algunos negocios no requieren \u00fanicamente software. Requieren capacidad operativa.\r\n <\/p>\r\n\r\n\r\n <p>\r\n Impulsa\u2122, nuestra soluci\u00f3n de Business as a Service, combina tecnolog\u00eda empresarial con profesionales experimentados y procesos de negocio comprobados para ayudar a las organizaciones a mejorar su capacidad de ejecuci\u00f3n sin necesidad de ampliar su plantilla interna.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BOT\u00d3N BaaS CON LINK -->\r\n\r\n <a\r\n href=\"https:\/\/cviglobaltech.com\/impulsa\/\"\r\n class=\"card-btn btn-baas\"\r\n >\r\n\r\n Aprende sobre Impulsa\r\n\r\n <span class=\"btn-arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe8a7f elementor-widget elementor-widget-html\" data-id=\"6fe8a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\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>What We Do Section<\/title>\r\n <!-- Importamos Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* Contenedor principal *\/\r\n .wwd-section {\r\n padding: 80px 5%;\r\n background-color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* Encabezados *\/\r\n .wwd-header {\r\n text-align: center;\r\n max-width: 800px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .wwd-header .subtitle {\r\n color: #5d8f6b; \/* Verde oscuro *\/\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .wwd-header h2 {\r\n font-size: 2.5rem;\r\n color: #03101d;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* Grid de 6 columnas *\/\r\n .wwd-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 0;\r\n width: 100%;\r\n max-width: 1400px;\r\n }\r\n\r\n \/* Tarjeta individual *\/\r\n .wwd-item {\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n border-right: 1px solid #e5e7eb; \/* L\u00ednea divisoria sutil *\/\r\n }\r\n\r\n \/* Quitar la l\u00ednea divisoria del \u00faltimo elemento *\/\r\n .wwd-item:last-child {\r\n border-right: none;\r\n }\r\n\r\n \/* Icono contenedor *\/\r\n .wwd-icon-wrapper {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n border: 2px solid #5d8f6b; \/* C\u00edrculo verde *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n background-color: #ffffff;\r\n padding: 12px;\r\n }\r\n\r\n .wwd-icon-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n \/* Textos *\/\r\n .wwd-item h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #03101d;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n min-height: 50px; \/* Altura m\u00ednima para alinear t\u00edtulos de 2 l\u00edneas *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .wwd-item p {\r\n font-size: 0.85rem;\r\n color: #555555;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* RESPONSIVIDAD *\/\r\n @media (max-width: 1200px) {\r\n .wwd-grid { grid-template-columns: repeat(3, 1fr); }\r\n .wwd-item:nth-child(3) { border-right: none; } \/* Quitar borde al 3er elemento en fila de 3 *\/\r\n .wwd-item:nth-child(4) { border-right: 1px solid #e5e7eb; } \/* Restaurar borde al 4to *\/\r\n .wwd-item:nth-child(6) { border-right: none; } \/* Quitar borde al \u00faltimo *\/\r\n .wwd-item { padding: 30px 20px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .wwd-grid { grid-template-columns: repeat(2, 1fr); }\r\n .wwd-item:nth-child(2) { border-right: none; } \/* Quitar borde al 2do *\/\r\n .wwd-item:nth-child(3) { border-right: 1px solid #e5e7eb; } \/* Restaurar borde al 3ro *\/\r\n .wwd-item:nth-child(4) { border-right: none; } \/* Quitar borde al 4to *\/\r\n .wwd-item:nth-child(5) { border-right: 1px solid #e5e7eb; } \/* Restaurar borde al 5to *\/\r\n .wwd-item:nth-child(6) { border-right: none; } \/* Quitar borde al \u00faltimo *\/\r\n .wwd-header h2 { font-size: 2rem; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .wwd-grid { grid-template-columns: 1fr; }\r\n .wwd-item { border-right: none; border-bottom: 1px solid #e5e7eb; padding: 30px 10px; }\r\n .wwd-item:last-child { border-bottom: none; }\r\n .wwd-header h2 { font-size: 1.7rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- SECCI\u00d3N WHAT WE DO -->\r\n <section class=\"wwd-section\">\r\n \r\n <!-- Encabezado -->\r\n <div class=\"wwd-header\">\r\n <p class=\"subtitle\">QUE HACEMOS<\/p>\r\n <h2>Soluciones Tecnol\u00f3gicas Dise\u00f1adas para Generar Resultados de Negocio<\/h2>\r\n <\/div>\r\n\r\n <!-- Grid de 6 servicios -->\r\n <div class=\"wwd-grid\">\r\n \r\n <!-- 1. CRM Strategy (Creado con SVG) -->\r\n <div class=\"wwd-item\">\r\n <div class=\"wwd-icon-wrapper\">\r\n <!-- SVG creado manualmente inspirado en la imagen -->\r\n <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"8\" cy=\"7\" r=\"4\" stroke=\"#03101d\" stroke-width=\"1.5\"\/>\r\n <circle cx=\"16\" cy=\"7\" r=\"4\" stroke=\"#03101d\" stroke-width=\"1.5\"\/>\r\n <path d=\"M3 20C3 15.5817 6.58172 12 11 12H13C17.4183 12 21 15.5817 21 20V21H3V20Z\" stroke=\"#03101d\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Estrategia de CRM<br>Implementaci\u00f3n<\/h3>\r\n <p>Dise\u00f1amos e implementamos plataformas CRM que fortalecen la relaci\u00f3n con los clientes y mejoran el desempe\u00f1o de ventas.<\/p>\r\n <\/div>\r\n\r\n <!-- 2. Business Process Automation -->\r\n <div class=\"wwd-item\">\r\n <div class=\"wwd-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Business-Process-Automation.png\" alt=\"Business Process Automation\">\r\n <\/div>\r\n <h3>Automatizaci\u00f3n de<br>Automatizaci\u00f3n<\/h3>\r\n <p>Eliminamos tareas repetitivas mediante flujos de trabajo inteligentes y automatizaci\u00f3n.<\/p>\r\n <\/div>\r\n\r\n <!-- 3. Artificial Intelligence -->\r\n <div class=\"wwd-item\">\r\n <div class=\"wwd-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/AI.png\" alt=\"Artificial Intelligence\">\r\n <\/div>\r\n <h3>Inteligencia<br>Artificial<\/h3>\r\n <p>Utilizamos inteligencia artificial para mejorar la toma de decisiones, aumentar la productividad y optimizar la experiencia del cliente.<\/p>\r\n <\/div>\r\n\r\n <!-- 4. Custom Software -->\r\n <div class=\"wwd-item\">\r\n <div class=\"wwd-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Custom-Software.png\" alt=\"Custom Software Development\">\r\n <\/div>\r\n <h3>Desarrollo de<br>Software a la Medida<\/h3>\r\n <p>Desarrollamos aplicaciones seguras y escalables, adaptadas a las necesidades de su empresa.<\/p>\r\n <\/div>\r\n\r\n <!-- 5. Technical Consulting -->\r\n <div class=\"wwd-item\">\r\n <div class=\"wwd-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Technical-Consulting.png\" alt=\"Technical Consulting\">\r\n <\/div>\r\n <h3>Consultor\u00eda<br>T\u00e9cnica<\/h3>\r\n <p>Ayudamos a las organizaciones a alinear sus inversiones en tecnolog\u00eda con sus objetivos de negocio.<\/p>\r\n <\/div>\r\n\r\n <!-- 6. Cloud & Platform Integration -->\r\n <div class=\"wwd-item\">\r\n <div class=\"wwd-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Cloud-and-Platform-Integration.png\" alt=\"Cloud & Platform Integration\">\r\n <\/div>\r\n <h3>Integraci\u00f3n de Plataformas<br>y Soluciones en la Nube<\/h3>\r\n <p>Conectamos sistemas, aplicaciones y datos para crear un ecosistema digital integrado y eficiente.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d98fae elementor-widget elementor-widget-html\" data-id=\"0d98fae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\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>Why Choose Section<\/title>\r\n <!-- Importamos Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* Contenedor principal de la secci\u00f3n *\/\r\n .choose-section {\r\n padding: 80px 5%;\r\n background-color: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* Caja oscura contenedora *\/\r\n .choose-card {\r\n background-color: #114559; \/* Azul petr\u00f3leo *\/\r\n border-radius: 20px;\r\n padding: 60px 40px;\r\n max-width: 1300px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n \/* Encabezados *\/\r\n .choose-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .choose-header .subtitle {\r\n color: #c2dda6; \/* Verde salvia claro *\/\r\n font-weight: 600;\r\n font-size: 0.8rem;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .choose-header h2 {\r\n font-size: 2.2rem;\r\n color: #ffffff;\r\n font-weight: 600;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* Grid de 4 columnas *\/\r\n .choose-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n width: 100%;\r\n }\r\n\r\n \/* Elemento individual *\/\r\n .choose-item {\r\n padding: 0 25px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n border-right: 1px solid rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .choose-item:last-child {\r\n border-right: none;\r\n }\r\n\r\n \/* Icono contenedor SVG *\/\r\n .choose-icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .choose-icon-wrapper svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke: #c2dda6; \/* Color verde salvia para los trazos *\/\r\n stroke-width: 1.8;\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Textos *\/\r\n .choose-item h3 {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n\r\n .choose-item p {\r\n font-size: 0.85rem;\r\n color: #d1d5db;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n max-width: 250px;\r\n }\r\n\r\n \/* RESPONSIVIDAD *\/\r\n @media (max-width: 1024px) {\r\n .choose-card { padding: 50px 30px; }\r\n .choose-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 0; }\r\n \r\n .choose-item:nth-child(2) { border-right: none; }\r\n .choose-item:nth-child(3) { border-right: 1px solid rgba(255, 255, 255, 0.15); }\r\n .choose-item:nth-child(4) { border-right: none; }\r\n \r\n .choose-item { padding: 0 15px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .choose-header h2 { font-size: 1.8rem; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .choose-card { padding: 40px 20px; }\r\n .choose-grid { grid-template-columns: 1fr; gap: 40px 0; }\r\n .choose-item { border-right: none; padding: 0; }\r\n .choose-item p { max-width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- SECCI\u00d3N WHY CHOOSE -->\r\n <section class=\"choose-section\">\r\n \r\n <div class=\"choose-card\">\r\n \r\n <!-- Encabezado -->\r\n <div class=\"choose-header\">\r\n <p class=\"subtitle\">QUE ORGANIZACIONES ELIGEN CVI GLOBAL TECH<\/p>\r\n <h2>Tecnolog\u00eda Creada Alrededor de Tu Negocio<\/h2>\r\n <\/div>\r\n\r\n <!-- Grid de 4 pilares con SVGs nativos -->\r\n <div class=\"choose-grid\">\r\n \r\n <!-- 1. Business First (Diana\/Target) -->\r\n <div class=\"choose-item\">\r\n <div class=\"choose-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n <path d=\"M12 3L12 7\"\/>\r\n <path d=\"M21 12L17 12\"\/>\r\n <path d=\"M12 21L12 17\"\/>\r\n <path d=\"M3 12L7 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>El Negocio es Primero<\/h3>\r\n <p>Tecnolog\u00eda alineada con resultados de negocio medibles.<\/p>\r\n <\/div>\r\n\r\n <!-- 2. Enterprise Experience (Equipo\/Personas) -->\r\n <div class=\"choose-item\">\r\n <div class=\"choose-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <circle cx=\"8\" cy=\"7\" r=\"3.5\"\/>\r\n <circle cx=\"16\" cy=\"7\" r=\"3.5\"\/>\r\n <path d=\"M3 20C3 16.6863 5.68629 14 9 14H15C18.3137 14 21 16.6863 21 20V21H3V20Z\"\/>\r\n <path d=\"M12 14V17\"\/>\r\n <path d=\"M12 11V12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Experiencia Empresarial<\/h3>\r\n <p>Arquitectos, desarrolladores, consultores y especialistas operativos con amplia experiencia en entornos empresariales reales.<\/p>\r\n <\/div>\r\n\r\n <!-- 3. Nearshore Advantage (Globo\/Mundo) -->\r\n <div class=\"choose-item\">\r\n <div class=\"choose-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M3 12H21\"\/>\r\n <path d=\"M12 3C14.5 5.5 15.5 8.5 15.5 12C15.5 15.5 14.5 18.5 12 21C9.5 18.5 8.5 15.5 8.5 12C8.5 8.5 9.5 5.5 12 3Z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Ventajas del Modelo Nearshore<\/h3>\r\n <p>Equipos de trabajo en Estados Unidos y Latinoam\u00e9rica brindan soporte \u00e1gil y una ejecuci\u00f3n eficiente y rentable.<\/p>\r\n <\/div>\r\n\r\n <!-- 4. Long-Term Partnership (Apret\u00f3n de manos) -->\r\n <div class=\"choose-item\">\r\n <div class=\"choose-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M12.5 8.5L10.5 6.5C9.5 5.5 8 5.5 7 6.5L3.5 10C2.5 11 2.5 12.5 3.5 13.5L7.5 17.5C8.5 18.5 10 18.5 11 17.5L13.5 15\"\/>\r\n <path d=\"M11.5 15.5L13.5 17.5C14.5 18.5 16 18.5 17 17.5L20.5 14C21.5 13 21.5 11.5 20.5 10.5L16.5 6.5C15.5 5.5 14 5.5 13 6.5L10.5 9\"\/>\r\n <path d=\"M14 10L10 14\"\/>\r\n <path d=\"M18 8L16 10\"\/>\r\n <path d=\"M8 16L6 14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Alianza Estrat\u00e9gica a Largo Plazo<\/h3>\r\n <p>Nos mantenemos involucrados m\u00e1s all\u00e1 de la implementaci\u00f3n para garantizar que su tecnolog\u00eda contin\u00fae generando valor.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d09310 elementor-widget elementor-widget-html\" data-id=\"5d09310\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\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>Delivery Philosophy Section<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { font-family: 'Poppins', sans-serif; background-color: #ffffff; }\r\n\r\n .philosophy-section {\r\n padding: 80px 5%;\r\n background-color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .philosophy-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .philosophy-header .subtitle {\r\n color: #5d8f6b;\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .philosophy-header h2 {\r\n font-size: 2.2rem;\r\n color: #03101d;\r\n font-weight: 700;\r\n margin-bottom: 12px;\r\n line-height: 1.2;\r\n }\r\n\r\n .philosophy-header p {\r\n color: #555555;\r\n font-size: 1rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n }\r\n\r\n .timeline-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1200px;\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 20px 0;\r\n }\r\n\r\n .timeline-line {\r\n position: absolute;\r\n top: 52px;\r\n left: 50px;\r\n right: 50px;\r\n height: 2px;\r\n background-color: #c2dda6;\r\n z-index: 0;\r\n }\r\n\r\n .step-item {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n flex: 1;\r\n padding: 0 15px;\r\n }\r\n\r\n .step-circle-wrapper {\r\n position: relative;\r\n width: 70px;\r\n height: 70px;\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .step-circle-bg {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n background-color: #114559;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .step-circle-bg svg {\r\n width: 32px;\r\n height: 32px;\r\n stroke: #ffffff;\r\n stroke-width: 1.8;\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .step-number {\r\n position: absolute;\r\n bottom: -20px;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: #03101d;\r\n background-color: #ffffff;\r\n padding: 0 5px;\r\n }\r\n\r\n .step-item h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #03101d;\r\n margin-top: 25px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .step-item p {\r\n font-size: 0.85rem;\r\n color: #555555;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n text-align: center;\r\n max-width: 220px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .philosophy-header h2 { font-size: 2rem; }\r\n .step-item p { max-width: 180px; }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .timeline-container { flex-wrap: wrap; gap: 40px 20px; padding: 20px 0; }\r\n .timeline-line { display: none; }\r\n .step-item { flex: 1 1 calc(50% - 20px); min-width: 200px; }\r\n .step-item p { max-width: 100%; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .philosophy-section { padding: 60px 5%; }\r\n .philosophy-header h2 { font-size: 1.6rem; }\r\n .step-item { flex: 1 1 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"philosophy-section\">\r\n \r\n <div class=\"philosophy-header\">\r\n <p class=\"subtitle\">Nuestra filosof\u00eda de Entrega<\/p>\r\n <h2>La Estrateg\u00eda Antes que la Tecnolog\u00eda<\/h2>\r\n <p>Cada proyecto exitoso se desarrolla siguiendo una metodolog\u00eda comprobada.<\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-container\">\r\n <div class=\"timeline-line\"><\/div>\r\n\r\n <!-- PASO 1: Discover (Lupa) -->\r\n <div class=\"step-item\">\r\n <div class=\"step-circle-wrapper\">\r\n <div class=\"step-circle-bg\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\r\n <path d=\"M16 16L21 21\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"step-number\">1<\/div>\r\n <\/div>\r\n <h3>Descubrir<\/h3>\r\n <p>Comprendemos su negocio, sus desaf\u00edos y sus oportunidades.<\/p>\r\n <\/div>\r\n\r\n <!-- PASO 2: Design (Gr\u00e1fico de barras + L\u00e1piz + Tendencia) -->\r\n <div class=\"step-item\">\r\n <div class=\"step-circle-wrapper\">\r\n <div class=\"step-circle-bg\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <!-- Barras del gr\u00e1fico -->\r\n <rect x=\"5\" y=\"14\" width=\"3\" height=\"7\" stroke-width=\"1.5\"\/>\r\n <rect x=\"10.5\" y=\"10\" width=\"3\" height=\"11\" stroke-width=\"1.5\"\/>\r\n <rect x=\"16\" y=\"6\" width=\"3\" height=\"15\" stroke-width=\"1.5\"\/>\r\n <!-- L\u00e1piz peque\u00f1o encima -->\r\n <path d=\"M18 5L15 8\" stroke-width=\"1.5\"\/>\r\n <path d=\"M20 3L18 5\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"step-number\">2<\/div>\r\n <\/div>\r\n <h3>Dise\u00f1ar<\/h3>\r\n <p>Dise\u00f1amos estrategias tecnol\u00f3gicas y operativas escalables.<\/p>\r\n <\/div>\r\n\r\n <!-- PASO 3: Implement (Cohete\/Nave espacial mejorado) -->\r\n <div class=\"step-item\">\r\n <div class=\"step-circle-wrapper\">\r\n <div class=\"step-circle-bg\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <!-- Cuerpo del cohete -->\r\n <path d=\"M12 3L15 9L18 13C18 17 15 20 12 20C9 20 6 17 6 13L9 9L12 3Z\" stroke-width=\"1.5\"\/>\r\n <!-- Ventana del cohete -->\r\n <circle cx=\"12\" cy=\"12\" r=\"2.5\" stroke-width=\"1.5\"\/>\r\n <!-- Aletas y llamas -->\r\n <path d=\"M7 13L5 17L7 16L9 15\" stroke-width=\"1.5\"\/>\r\n <path d=\"M17 13L19 17L17 16L15 15\" stroke-width=\"1.5\"\/>\r\n <path d=\"M10 19L12 22L14 19\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"step-number\">3<\/div>\r\n <\/div>\r\n <h3>Implementar<\/h3>\r\n <p>Implementamos soluciones utilizando metodolog\u00edas \u00e1giles y mejores pr\u00e1cticas.<\/p>\r\n <\/div>\r\n\r\n <!-- PASO 4: Optimize (Gr\u00e1fico de barras ascendente) -->\r\n <div class=\"step-item\">\r\n <div class=\"step-circle-wrapper\">\r\n <div class=\"step-circle-bg\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <rect x=\"4\" y=\"14\" width=\"4\" height=\"7\" stroke-width=\"1.5\"\/>\r\n <rect x=\"10\" y=\"10\" width=\"4\" height=\"11\" stroke-width=\"1.5\"\/>\r\n <rect x=\"16\" y=\"6\" width=\"4\" height=\"15\" stroke-width=\"1.5\"\/>\r\n <!-- Flecha de tendencia ascendente -->\r\n <path d=\"M4 12L10 8L16 11L20 7\" stroke-width=\"1.5\"\/>\r\n <path d=\"M20 7L20 10L17 7\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"step-number\">4<\/div>\r\n <\/div>\r\n <h3>Optimizar<\/h3>\r\n <p>Mejoramos continuamente el desempe\u00f1o mediante soporte continuo, anal\u00edtica e innovaci\u00f3n.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<!DOCTYPE html>\r\n<html lang=\"es\">\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>Global Impact Section<\/title>\r\n <!-- Importamos Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* Contenedor principal *\/\r\n .impact-section {\r\n padding: 80px 3%; \/* Reducido de 5% a 3% para que est\u00e9 m\u00e1s pegado a los bordes *\/\r\n background-color: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n \/* Caja contenedora con fondo gris claro *\/\r\n .impact-card {\r\n background-color: #f4f5f4; \/* Gris muy claro *\/\r\n border-radius: 20px;\r\n padding: 0;\r\n max-width: 25000px; \/* AUMENTADO de 1300px a 1600px para que sea mucho m\u00e1s ancho *\/\r\n width: 100%;\r\n display: flex;\r\n overflow: hidden;\r\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n \/* Lado Izquierdo: Grid de 3 columnas de datos *\/\r\n .impact-stats {\r\n flex: 1.8; \/* Ajustado para dar un poco m\u00e1s de peso visual al texto *\/\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n padding: 40px 20px;\r\n }\r\n\r\n \/* Elemento individual de estad\u00edstica *\/\r\n .stat-item {\r\n padding: 0 25px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n border-right: 1px solid #d1d5db; \/* L\u00ednea divisoria sutil *\/\r\n }\r\n\r\n .stat-item:last-child {\r\n border-right: none;\r\n }\r\n\r\n \/* Icono contenedor con borde verde *\/\r\n .stat-icon-wrapper {\r\n width: 64px;\r\n height: 64px;\r\n min-width: 64px;\r\n border-radius: 50%;\r\n border: 2px solid #5d8f6b; \/* C\u00edrculo verde *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 20px;\r\n background-color: #ffffff;\r\n }\r\n\r\n .stat-icon-wrapper svg {\r\n width: 30px;\r\n height: 30px;\r\n stroke: #03101d; \/* Trazo oscuro *\/\r\n stroke-width: 1.5;\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Textos *\/\r\n .stat-text {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .stat-text h3 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n color: #03101d;\r\n line-height: 1.2;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .stat-text p {\r\n font-size: 0.85rem;\r\n color: #555555;\r\n font-weight: 300;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Lado Derecho: Imagen *\/\r\n .impact-image {\r\n flex: 1.2;\r\n position: relative;\r\n min-height: 300px;\r\n }\r\n\r\n .impact-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* RESPONSIVIDAD *\/\r\n @media (max-width: px) {\r\n .impact-card { flex-direction: column; }\r\n .impact-stats { padding: 30px 15px; }\r\n .impact-image { min-height: 250px; }\r\n .impact-section { padding: 60px 5%; } \/* En pantallas medianas volvemos a darle aire *\/\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .impact-stats { grid-template-columns: 1fr; gap: 25px 0; }\r\n .stat-item { border-right: none; border-bottom: 1px solid #d1d5db; padding: 0 15px 25px 15px; }\r\n .stat-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .impact-section { padding: 50px 5%; }\r\n .stat-item { flex-direction: column; align-items: center; text-align: center; }\r\n .stat-icon-wrapper { margin-right: 0; margin-bottom: 15px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- SECCI\u00d3N GLOBAL IMPACT -->\r\n <section class=\"impact-section\">\r\n \r\n <div class=\"impact-card\">\r\n \r\n <!-- Lado Izquierdo: Estad\u00edsticas -->\r\n <div class=\"impact-stats\">\r\n \r\n <!-- 1. 10+ Enterprise Platforms (Trofeo Simple) -->\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M8 3H16V6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6V3Z\" \/>\r\n <path d=\"M5 3H19\" \/>\r\n <path d=\"M12 10V14\" \/>\r\n <path d=\"M9 14H15\" \/>\r\n <path d=\"M12 14V18\" \/>\r\n <path d=\"M8 18H16\" \/>\r\n <path d=\"M5 6C5 6 7 8 12 8C17 8 19 6 19 6\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-text\">\r\n <h3>10+<br>Plataformas Empresariales Soportadas<\/h3>\r\n <p>Salesforce, AWS, Microsoft, Google Cloud, Monday.com y muchas otras plataformas.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. Three Global Delivery Centers (Ubicaci\u00f3n) -->\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M12 22C12 22 20 16 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 16 12 22 12 22Z\" \/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-text\">\r\n <h3>Tres Centros Globales de Operaciones<\/h3>\r\n <p>Florida<br>New Jersey<br>Costa Rica<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3. End-to-End Solutions (Rompecabezas con 4 pesta\u00f1as) -->\r\n <div class=\"stat-item\">\r\n <div class=\"stat-icon-wrapper\">\r\n <svg viewbox=\"0 0 24 24\">\r\n <path d=\"M7 3C6.73478 3 6.48043 3.10536 6.29289 3.29289C6.10536 3.48043 6 3.73478 6 4V6H4C3.73478 6 3.48043 6.10536 3.29289 6.29289C3.10536 6.48043 3 6.73478 3 7V9H6V12H3V15C3 15.2652 3.10536 15.5196 3.29289 15.7071C3.48043 15.8946 3.73478 16 4 16H6V18C6 18.2652 6.10536 18.5196 6.29289 18.7071C6.48043 18.8946 6.73478 19 7 19H9V16H12V19H15C15.2652 19 15.5196 18.8946 15.7071 18.7071C15.8946 18.5196 16 18.2652 16 18V16H18C18.2652 16 18.5196 15.8946 18.7071 15.7071C18.8946 15.5196 19 15.2652 19 15V12H16V9H19V7C19 6.73478 18.8946 6.48043 18.7071 6.29289C18.5196 6.10536 18.2652 6 18 6H16V4C16 3.73478 15.8946 3.48043 15.7071 3.29289C15.5196 3.10536 15.2652 3 15 3H13V6H10V3H7Z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"stat-text\">\r\n <h3>Soluciones Completas<\/h3>\r\n <p>Estrategia<br>Implementaci\u00f3n<br>Operaciones<br>Optmizaci\u00f3n<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Lado Derecho: Imagen de la reuni\u00f3n -->\r\n <div class=\"impact-image\">\r\n <img decoding=\"async\" src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Testimonial.png\" alt=\"Team meeting and collaboration\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-467c932 elementor-widget elementor-widget-html\" data-id=\"467c932\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\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>Industries We Support<\/title>\r\n <!-- Importamos Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { font-family: 'Poppins', sans-serif; background-color: #ffffff; }\r\n\r\n \/* Contenedor principal *\/\r\n .industries-section {\r\n padding: 60px 5%;\r\n background-color: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n \/* Encabezado *\/\r\n .industries-header {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n }\r\n .industries-header .subtitle {\r\n color: #5d8f6b; \/* Verde oscuro *\/\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Grid de 8 columnas *\/\r\n .industries-grid {\r\n display: grid;\r\n grid-template-columns: repeat(8, 1fr);\r\n width: 100%;\r\n max-width: 1400px;\r\n }\r\n\r\n \/* Elemento individual *\/\r\n .industry-item {\r\n padding: 0 15px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n border-right: 1px solid #e0e0e0; \/* L\u00ednea divisoria sutil gris *\/\r\n }\r\n .industry-item:last-child { border-right: none; }\r\n\r\n \/* Icono contenedor SVG *\/\r\n .industry-icon-wrapper {\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 15px;\r\n }\r\n .industry-icon-wrapper svg {\r\n width: 100%;\r\n height: 100%;\r\n stroke-width: 1.5; \/* Trazo fino *\/\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* Colores de los trazos *\/\r\n .icon-dark { stroke: #114559; } \/* Azul petr\u00f3leo oscuro *\/\r\n .icon-green { stroke: #5d8f6b; } \/* Verde oscuro *\/\r\n .icon-light-green { stroke: #c2dda6; } \/* Verde claro para el \u00faltimo *\/\r\n\r\n \/* Texto *\/\r\n .industry-item h3 {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #114559;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* RESPONSIVIDAD *\/\r\n @media (max-width: 1200px) {\r\n .industries-grid { grid-template-columns: repeat(4, 1fr); gap: 30px 0; }\r\n .industry-item:nth-child(4) { border-right: none; }\r\n .industry-item:nth-child(5) { border-right: 1px solid #e0e0e0; }\r\n .industry-item:nth-child(8) { border-right: none; }\r\n .industry-item { padding: 0 20px; }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .industries-grid { grid-template-columns: repeat(3, 1fr); gap: 30px 0; }\r\n .industry-item:nth-child(3) { border-right: none; }\r\n .industry-item:nth-child(4) { border-right: 1px solid #e0e0e0; }\r\n .industry-item:nth-child(6) { border-right: none; }\r\n .industry-item:nth-child(7) { border-right: 1px solid #e0e0e0; }\r\n .industry-item:nth-child(8) { border-right: none; }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .industries-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 0; }\r\n .industry-item { border-right: none; padding: 0 10px; }\r\n }\r\n \r\n @media (max-width: 400px) {\r\n .industries-grid { grid-template-columns: 1fr; gap: 30px 0; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"industries-section\">\r\n \r\n <div class=\"industries-header\">\r\n <p class=\"subtitle\">Industrias que apoyamos<\/p>\r\n <\/div>\r\n\r\n <div class=\"industries-grid\">\r\n \r\n <!-- 1. Technology (Monitor con c\u00f3digo <\/>) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"\/>\r\n <path d=\"M8 20H16\"\/>\r\n <path d=\"M10 20L10 18\"\/>\r\n <path d=\"M14 20L14 18\"\/>\r\n <path d=\"M9 9L12 12L9 15\"\/>\r\n <path d=\"M15 9L12 12L15 15\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Tecnolog\u00eda<\/h3>\r\n <\/div>\r\n\r\n <!-- 2. Healthcare (Coraz\u00f3n con cruz m\u00e9dica) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <path d=\"M19.5 12C19.5 17 12 22 12 22C12 22 4.5 17 4.5 12C4.5 7.02944 7.97715 4 12 4C16.0228 4 19.5 7.02944 19.5 12Z\"\/>\r\n <path d=\"M12 8V16\"\/>\r\n <path d=\"M8 12H16\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Salud<\/h3>\r\n <\/div>\r\n\r\n <!-- 3. Insurance (Escudo con check) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\"\/>\r\n <path d=\"M9 12L11 14L15 10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Seguros<\/h3>\r\n <\/div>\r\n\r\n <!-- 4. Professional Services (Grupo de 3 personas) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <circle cx=\"8\" cy=\"7\" r=\"3.5\"\/>\r\n <circle cx=\"16\" cy=\"7\" r=\"3.5\"\/>\r\n <path d=\"M3 20C3 16.6863 5.68629 14 9 14H15C18.3137 14 21 16.6863 21 20V21H3V20Z\"\/>\r\n <path d=\"M12 14V17\"\/>\r\n <path d=\"M12 11V12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Servicios<br>Financieros<\/h3>\r\n <\/div>\r\n\r\n <!-- 5. Financial Services (Banco\/Edificio con columnas) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <path d=\"M4 10L12 4L20 10\"\/>\r\n <path d=\"M6 10V18H18V10\"\/>\r\n <rect x=\"8\" y=\"13\" width=\"2\" height=\"5\"\/>\r\n <rect x=\"14\" y=\"13\" width=\"2\" height=\"5\"\/>\r\n <rect x=\"11\" y=\"13\" width=\"2\" height=\"5\"\/>\r\n <path d=\"M2 10H22\"\/>\r\n <path d=\"M5 18H19\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Servicios<br>Financieros<\/h3>\r\n <\/div>\r\n\r\n <!-- 6. Retail (Carrito de compras) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <circle cx=\"9\" cy=\"21\" r=\"1.5\"\/>\r\n <circle cx=\"18\" cy=\"21\" r=\"1.5\"\/>\r\n <path d=\"M3 3H5L7 17H19\"\/>\r\n <path d=\"M7 12H19L21 7H6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Comercio<\/h3>\r\n <\/div>\r\n\r\n <!-- 7. Government (C\u00fapula con columnas) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-dark\" viewbox=\"0 0 24 24\">\r\n <path d=\"M4 12L12 4L20 12\"\/>\r\n <path d=\"M6 12V20H18V12\"\/>\r\n <rect x=\"10\" y=\"16\" width=\"4\" height=\"4\"\/>\r\n <path d=\"M8 8H16\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Gobierno<\/h3>\r\n <\/div>\r\n\r\n <!-- 8. Growing Small & Mid-Sized Businesses (Edificios + Flecha verde) -->\r\n <div class=\"industry-item\">\r\n <div class=\"industry-icon-wrapper\">\r\n <svg class=\"icon-light-green\" viewbox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"13\" width=\"4\" height=\"8\"\/>\r\n <rect x=\"10\" y=\"8\" width=\"4\" height=\"13\"\/>\r\n <rect x=\"17\" y=\"4\" width=\"4\" height=\"17\"\/>\r\n <path d=\"M2 12L10 7L17 10L22 5\"\/>\r\n <path d=\"M22 5V9L18 5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3>Peque\u00f1as y<br>Medianos<br>Negocios<\/h3>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3144522 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3144522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\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>Testimonial & CTA Section<\/title>\r\n\r\n <!-- Importamos Poppins -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* --- CONTENEDOR GENERAL --- *\/\r\n .bottom-sections-container {\r\n padding: 60px 0;\r\n background-color: #ffffff;\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n\r\n \/* --- CAJA PRINCIPAL --- *\/\r\n .main-wrapper {\r\n background-color: #114559;\r\n border-radius: 24px;\r\n padding: 0;\r\n max-width: 1450px;\r\n width: 95%;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n \/* --- 1. SECCI\u00d3N TESTIMONIO --- *\/\r\n .testimonial-box {\r\n background-color: transparent;\r\n padding: 45px 50px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n color: #ffffff;\r\n position: relative;\r\n }\r\n\r\n \/* Columna Izquierda *\/\r\n .results-column {\r\n flex: 1.1;\r\n max-width: 330px;\r\n }\r\n\r\n .results-column h4 {\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n margin-bottom: 18px;\r\n color: #c2dda6;\r\n }\r\n\r\n .results-list {\r\n list-style: none;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n column-gap: 25px;\r\n row-gap: 12px;\r\n }\r\n\r\n .results-list li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 0.85rem;\r\n font-weight: 400;\r\n line-height: 1.2;\r\n }\r\n\r\n .results-list li::before {\r\n content: \"\u2713\";\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background-color: #c2dda6;\r\n color: #114559;\r\n font-size: 11px;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Columna Centro: Imagen *\/\r\n .image-column {\r\n flex: 1.2;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 180px;\r\n }\r\n\r\n .image-column img {\r\n width: 100%;\r\n max-width: 360px;\r\n height: auto;\r\n border-radius: 16px;\r\n object-fit: cover;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* Columna Derecha: Testimonio *\/\r\n .testimonial-column {\r\n flex: 1;\r\n max-width: 340px;\r\n padding-left: 30px;\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .quote-icon {\r\n font-size: 4rem;\r\n line-height: 0.8;\r\n color: #ffffff;\r\n font-family: serif;\r\n margin-bottom: 5px;\r\n display: block;\r\n }\r\n\r\n .testimonial-column p {\r\n font-size: 1rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n font-style: italic;\r\n }\r\n\r\n .testimonial-author {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n }\r\n\r\n .testimonial-role {\r\n font-weight: 300;\r\n color: #b0b8c0;\r\n display: block;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* --- 2. SECCI\u00d3N CTA --- *\/\r\n .cta-box {\r\n background-color: #f4f5f4;\r\n border-radius: 0 0 24px 24px;\r\n padding: 30px 50px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n }\r\n\r\n .cta-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex: 1.5;\r\n min-width: 300px;\r\n }\r\n\r\n .cta-icon-wrapper {\r\n width: 55px;\r\n height: 55px;\r\n min-width: 55px;\r\n border-radius: 50%;\r\n background-color: #114559;\r\n border: 2px solid #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n }\r\n\r\n .cta-icon-wrapper svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: #ffffff;\r\n stroke-width: 1.8;\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .cta-text h2 {\r\n font-size: 1.6rem;\r\n font-weight: 700;\r\n color: #03101d;\r\n line-height: 1.2;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .cta-text p {\r\n font-size: 0.9rem;\r\n color: #555555;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n }\r\n\r\n .cta-buttons {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 14px 28px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n \/* Bot\u00f3n Schedule *\/\r\n .btn-primary-dark {\r\n background-color: #114559;\r\n color: #ffffff;\r\n border: 1px solid #114559;\r\n }\r\n\r\n .btn-primary-dark:hover {\r\n background-color: #1a5b73;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Bot\u00f3n Solutions *\/\r\n .btn-outline-dark {\r\n background-color: #ffffff;\r\n border: 1px solid #114559;\r\n color: #114559;\r\n }\r\n\r\n .btn-outline-dark:hover {\r\n background-color: #f4f5f4;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-arrow {\r\n display: inline-block;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .btn:hover .btn-arrow {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* --- RESPONSIVIDAD --- *\/\r\n @media (max-width: 1100px) {\r\n\r\n .testimonial-box {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 35px;\r\n padding: 40px 30px;\r\n }\r\n\r\n .results-column {\r\n max-width: 100%;\r\n }\r\n\r\n .results-list {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .image-column {\r\n order: -1;\r\n }\r\n\r\n .image-column img {\r\n max-width: 100%;\r\n border-radius: 16px;\r\n }\r\n\r\n .testimonial-column {\r\n max-width: 100%;\r\n padding-left: 0;\r\n border-left: none;\r\n border-top: 1px solid rgba(255,255,255,0.1);\r\n padding-top: 25px;\r\n }\r\n\r\n .cta-box {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n\r\n .cta-box {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .cta-buttons {\r\n width: 100%;\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n\r\n .results-list {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .cta-text h2 {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .testimonial-box {\r\n padding: 25px 20px;\r\n }\r\n\r\n .cta-box {\r\n padding: 25px 20px;\r\n }\r\n\r\n .cta-left {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n\r\n .cta-icon-wrapper {\r\n min-width: 50px;\r\n width: 50px;\r\n height: 50px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"bottom-sections-container\">\r\n\r\n <!-- CAJA PRINCIPAL -->\r\n <div class=\"main-wrapper\">\r\n\r\n <!-- SECCI\u00d3N 1: TESTIMONIO -->\r\n <div class=\"testimonial-box\">\r\n\r\n <!-- Izquierda: Resultados -->\r\n <div class=\"results-column\">\r\n\r\n <h4>Resultados de Negocios que Importan<\/h4>\r\n\r\n <ul class=\"results-list\">\r\n\r\n <li>Mejora de le Eficiencia Organizacional<\/li>\r\n <li>Automatizar trabajo repetitivo<\/li>\r\n <li>Mejorar la Experiencia del Cliente<\/li>\r\n <li>Mejorar la visibilidad del negocio<\/li>\r\n <li>Acelerar los ciclos de Ventas<\/li>\r\n <li>Apoyar el crecimiento sostenible<\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Centro: Imagen -->\r\n <div class=\"image-column\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cviglobaltech.com\/wp-content\/uploads\/2026\/08\/Image-for-Hero.png\"\r\n alt=\"Team working together\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Derecha: Testimonio -->\r\n <div class=\"testimonial-column\">\r\n\r\n <span class=\"quote-icon\">\u201c<\/span>\r\n\r\n <p>\r\n CVI Global Tech comprendi\u00f3 nuestro negocio e implement\u00f3 una soluci\u00f3n que transform\u00f3 la forma en que operamos y atendemos a nuestros clientes.\r\n <\/p>\r\n\r\n <div class=\"testimonial-author\">\r\n\r\n \u2014 Director de Operaciones\r\n\r\n <span class=\"testimonial-role\">\r\n Servicios de Salud\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- SECCI\u00d3N 2: CTA FINAL -->\r\n <div class=\"cta-box\">\r\n\r\n <div class=\"cta-left\">\r\n\r\n <div class=\"cta-icon-wrapper\">\r\n\r\n <svg viewbox=\"0 0 24 24\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cta-text\">\r\n\r\n <h2>\r\n \u00bfListo Para Mejorar tu Negocio?\r\n <\/h2>\r\n\r\n <p>\r\n Ya sea que busque software empresarial o una soluci\u00f3n operativa completamente gestionada, CVI Global Tech le brinda la tecnolog\u00eda, la experiencia y la capacidad de ejecuci\u00f3n necesarias para impulsar el crecimiento de su empresa.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- BOTONES -->\r\n <div class=\"cta-buttons\">\r\n\r\n <!-- SCHEDULE A FREE CONSULTATION -->\r\n <a\r\n href=\"https:\/\/cvigt.appointiv.com\/l\/cvi-virtual-meetings-website\/c\/cvi-website-meetings\/a\/website-requested-meeting\/p\/alvaro-rodriguez\"\r\n class=\"btn btn-primary-dark\"\r\n >\r\n Agenda una Consulta\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n\r\n <!-- EXPLORE OUR SOLUTIONS -->\r\n <a\r\n href=\"https:\/\/cviglobaltech.com\/es\/solutions\/\"\r\n class=\"btn btn-outline-dark\"\r\n >\r\n Explore Nuestras Soluciones\r\n <span class=\"btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Hero Section CVI Global Tech Technology ThatPowers BetterBusiness Operations Technology is only valuable when it drives better business outcomes. CVI […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-929","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/comments?post=929"}],"version-history":[{"count":25,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/929\/revisions"}],"predecessor-version":[{"id":1139,"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/pages\/929\/revisions\/1139"}],"wp:attachment":[{"href":"https:\/\/cviglobaltech.com\/es\/wp-json\/wp\/v2\/media?parent=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}