{"id":110,"date":"2022-02-01T15:27:27","date_gmt":"2022-02-01T15:27:27","guid":{"rendered":"https:\/\/vmsenergygroup.com\/services\/"},"modified":"2025-06-30T10:46:04","modified_gmt":"2025-06-30T16:46:04","slug":"soluciones","status":"publish","type":"page","link":"https:\/\/vmsenergygroup.com\/en\/soluciones\/","title":{"rendered":"ENGINEERING SOLUTIONS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Servicios - VMS Energy Group<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --title-font-size: clamp(1.5rem, 5vw, 5.5rem);\n --title-letter-spacing: clamp(0.5px, 0.5vw, 4px);\n --title-shadow: clamp(-3px, -0.5vw, -7px) 1px clamp(3px, 1vw, 10px) black;\n --button-font-size: clamp(0.7rem, 1.5vw, 1.8rem);\n --button-padding: clamp(4px, 0.5vw, 7px) clamp(8px, 1vw, 14px);\n --button-letter-spacing: clamp(0.5px, 0.3vw, 3px);\n }\n\n html, body {\n height: 100%;\n width: 100%;\n overflow-x: hidden;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background-color: #000;\n }\n\n .main-container {\n position: relative;\n width: 100%;\n height: 90vh;\n min-height: 400px;\n max-height: 1000px;\n overflow: hidden;\n }\n\n \/* Parte superior negra *\/\n .black-section {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 20%; \/* Altura de la barra negra *\/\n background-color: #000;\n z-index: 1;\n }\n\n \/* Secci\u00f3n de la imagen *\/\n .image-section {\n position: absolute;\n top: 20%; \/* Debe ser igual a la altura de black-section *\/\n left: 0;\n width: 100%;\n height: 80%; \/* El resto de la altura *\/\n background-image: url('https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/05\/GROUP8.jpg');\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n z-index: 1;\n }\n\n \/* Overlay para la imagen *\/\n .image-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n background-color: rgba(0, 0, 0, 0.4);\n }\n\n \/* Contenedor del t\u00edtulo *\/\n .title-wrapper {\n position: absolute;\n width: 100%;\n \/* Posicionado exactamente en la l\u00ednea divisoria *\/\n top: 20%; \/* Igual a la altura de black-section *\/\n transform: translateY(-50%); \/* Mueve la mitad hacia arriba *\/\n z-index: 10;\n text-align: center;\n }\n\n h1.title {\n color: white;\n font-size: var(--title-font-size);\n font-weight: bolder;\n text-transform: uppercase;\n letter-spacing: var(--title-letter-spacing);\n line-height: 1;\n display: inline-block;\n font-style: italic;\n text-shadow: var(--title-shadow);\n }\n\n \/* Contenedor del bot\u00f3n CTA *\/\n .cta-container {\n position: absolute;\n width: 100%;\n top: 50%; \/* Centrado verticalmente en la secci\u00f3n de imagen *\/\n transform: translateY(-50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 3;\n }\n\n \/* Estilo para el bot\u00f3n con estructura compleja *\/\n .elementor-button.custom-cta-style {\n display: inline-block;\n background-color: #666666;\n color: white;\n padding: var(--button-padding);\n font-size: var(--button-font-size);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: var(--button-letter-spacing);\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 1);\n border: none;\n }\n\n .elementor-button.custom-cta-style:hover {\n background-color: white;\n color: black;\n }\n\n \/* Asegurar que los spans internos hereden el estilo *\/\n .elementor-button.custom-cta-style .elementor-button-content-wrapper,\n .elementor-button.custom-cta-style .elementor-button-text {\n color: inherit;\n font-weight: inherit;\n text-transform: inherit;\n letter-spacing: inherit;\n }\n\n \/* Media queries para diferentes densidades de p\u00edxeles (zoom) *\/\n @media screen and (min-resolution: 120dpi) {\n :root {\n --title-font-size: clamp(1.3rem, 4vw, 4.5rem);\n --title-letter-spacing: clamp(0.5px, 0.4vw, 3px);\n --title-shadow: clamp(-3px, -0.4vw, -6px) 1px clamp(3px, 0.8vw, 8px) black;\n --button-font-size: clamp(0.65rem, 1.2vw, 1.6rem);\n --button-padding: clamp(4px, 0.4vw, 6px) clamp(8px, 0.8vw, 12px);\n --button-letter-spacing: clamp(0.5px, 0.25vw, 2px);\n }\n }\n\n @media screen and (min-resolution: 144dpi) {\n :root {\n --title-font-size: clamp(1.2rem, 3.5vw, 4rem);\n --title-letter-spacing: clamp(0.5px, 0.3vw, 2px);\n --title-shadow: clamp(-3px, -0.3vw, -5px) 1px clamp(3px, 0.7vw, 7px) black;\n --button-font-size: clamp(0.6rem, 1vw, 1.4rem);\n --button-padding: clamp(4px, 0.4vw, 6px) clamp(8px, 0.8vw, 12px);\n --button-letter-spacing: clamp(0.5px, 0.2vw, 2px);\n }\n }\n\n @media screen and (min-resolution: 192dpi) {\n :root {\n --title-font-size: clamp(1rem, 3vw, 3.5rem);\n --title-letter-spacing: clamp(0.5px, 0.2vw, 1.5px);\n --title-shadow: clamp(-2px, -0.2vw, -4px) 1px clamp(2px, 0.6vw, 6px) black;\n --button-font-size: clamp(0.55rem, 0.9vw, 1.2rem);\n --button-padding: clamp(3px, 0.3vw, 5px) clamp(6px, 0.7vw, 10px);\n --button-letter-spacing: clamp(0.5px, 0.15vw, 1.5px);\n }\n }\n\n \/* Estilos responsivos para diferentes tama\u00f1os de pantalla *\/\n \/* Tablets grandes y pantallas medianas *\/\n @media (max-width: 1200px) {\n :root {\n --title-font-size: clamp(1.3rem, 4.5vw, 4.5rem);\n }\n }\n\n \/* Tablets *\/\n @media (max-width: 992px) {\n :root {\n --title-font-size: clamp(1.2rem, 4vw, 4rem);\n }\n .cta-container {\n top: 55%;\n }\n }\n\n \/* Tablets peque\u00f1as *\/\n @media (max-width: 768px) {\n :root {\n --title-font-size: clamp(1.1rem, 3.5vw, 3.2rem);\n }\n .main-container {\n height: 85vh;\n }\n .cta-container {\n top: 60%;\n }\n }\n\n \/* M\u00f3viles grandes *\/\n @media (max-width: 576px) {\n :root {\n --title-font-size: clamp(1rem, 3vw, 2.5rem);\n }\n .main-container {\n height: 80vh;\n }\n .black-section {\n height: 15%;\n }\n .image-section {\n top: 15%;\n height: 85%;\n }\n .title-wrapper {\n top: 15%;\n }\n .cta-container {\n top: 55%;\n }\n }\n\n \/* M\u00f3viles peque\u00f1os *\/\n @media (max-width: 480px) {\n :root {\n --title-font-size: clamp(0.9rem, 2.5vw, 2rem);\n }\n .main-container {\n height: 75vh;\n }\n .cta-container {\n top: 50%;\n }\n }\n\n \/* M\u00f3viles muy peque\u00f1os *\/\n @media (max-width: 360px) {\n :root {\n --title-font-size: clamp(0.8rem, 2.2vw, 1.8rem);\n }\n .main-container {\n height: 70vh;\n }\n .black-section {\n height: 12%;\n }\n .image-section {\n top: 12%;\n height: 88%;\n }\n .title-wrapper {\n top: 12%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-container\">\n <!-- Parte superior negra -->\n <div class=\"black-section\"><\/div>\n \n <!-- Secci\u00f3n de la imagen -->\n <div class=\"image-section\">\n <div class=\"image-overlay\"><\/div>\n <\/div>\n \n <!-- T\u00edtulo en la l\u00ednea divisoria -->\n <div class=\"title-wrapper\">\n <h1 class=\"title\">Soluciones<br>de<br>Ingenier\u00eda<\/h1>\n <\/div>\n \n <!-- Bot\u00f3n CTA centrado en la parte de la imagen -->\n <div class=\"cta-container\">\n <a class=\"elementor-button elementor-button-link elementor-size-xs custom-cta-style\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjI3NTgiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n <span class=\"elementor-button-content-wrapper\">\n <span class=\"elementor-button-text\">COTIZA AHORA<\/span>\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afa1684 btnxxx e-flex e-con-boxed e-con e-parent\" data-id=\"afa1684\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7d1e5 elementor-align-left elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"1c7d1e5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjI3NTgiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">QUIERO SABER M\u00c1S<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0e2e4f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0e2e4f7\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\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-7a911df\" data-id=\"7a911df\" data-element_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-7c532dad elementor-widget elementor-widget-heading\" data-id=\"7c532dad\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">VMS ENERGY GROUP OFRECE UNA GAMA COMPLETA DE PRODUCTOS, SERVICIOS Y SOLUCIONES DENTRO DE CADA UNA DE NUESTRA \u00c1REAS DE ESPECIALIDAD.<\/h2>\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-25c6f5c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"25c6f5c\" data-element_type=\"section\" data-settings=\"{"background_background":"classic"}\">\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-50 elementor-top-column elementor-element elementor-element-2e84515\" data-id=\"2e84515\" data-element_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-7e778ce elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7e778ce\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Brindamos soluciones de ingenier\u00eda el\u00e9ctrica, detecci\u00f3n de fuego, control y proyectos llave en mano para generaci\u00f3n y distribuci\u00f3n de energ\u00eda, integrando servicios certificados y productos de marcas l\u00edderes.<\/p><p>Contribuimos a la eficiencia, fiabilidad y seguridad en proyectos industriales de diversos sectores.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1b6f329\" data-id=\"1b6f329\" data-element_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-847c7dc elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"847c7dc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1591\" height=\"1025\" src=\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2.png\" class=\"attachment-full size-full wp-image-4232\" alt=\"\" srcset=\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2.png 1591w, https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2-600x387.png 600w, https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2-300x193.png 300w, https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2-1024x660.png 1024w, https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2-768x495.png 768w, https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2-1536x990.png 1536w, https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/Soluciones-de-Ingenieria-2-18x12.png 18w\" sizes=\"(max-width: 1591px) 100vw, 1591px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9cbf237 e-con-full containerSlide e-flex e-con e-parent\" data-id=\"9cbf237\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2f8d60 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e2f8d60\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Presentaci\u00f3n Autom\u00e1tica<\/title>\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: 'Montserrat', Arial, sans-serif;\r\n }\r\n \r\n .slider-container {\r\n width: 100%;\r\n height: 100vh;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .slide {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: center;\r\n text-align: center;\r\n color: white;\r\n padding: 20px;\r\n padding-top: 80px;\r\n overflow-y: auto;\r\n }\r\n \r\n .slide.active {\r\n opacity: 1;\r\n }\r\n \r\n .slide-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 1;\r\n }\r\n \r\n .slide-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 800px;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 60vh;\r\n justify-content: space-between;\r\n width: 100%;\r\n }\r\n \r\n .slide-title-container {\r\n margin-bottom: 2vh;\r\n }\r\n \r\n .slide-description-container {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n margin-bottom: 2vh;\r\n }\r\n \r\n .slide-button-container {\r\n margin-top: 2vh;\r\n margin-bottom: 5vh;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 3rem;\r\n margin-bottom: 40px;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n position: relative;\r\n display: inline-block;\r\n color: white;\r\n font-weight: bold;\r\n text-shadow: 2px 2px 4px black;\r\n }\r\n \r\n .slide-title::after {\r\n content: '';\r\n position: absolute;\r\n width: 60%;\r\n height: 2px;\r\n background-color: white;\r\n bottom: -1px;\r\n left: 20%;\r\n }\r\n \r\n .slide-description {\r\n font-size: 1.2rem;\r\n text-align: justify;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n margin-bottom: 30px;\r\n }\r\n \r\n .btn-conoce-mas {\r\n display: inline-block;\r\n background-color: #666666;\r\n color: white;\r\n padding: 5px 15px;\r\n font-size: 1.2rem;\r\n text-transform: uppercase;\r\n letter-spacing: 4px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n font-weight: bold;\r\n }\r\n \r\n .btn-conoce-mas:hover {\r\n background-color: white;\r\n color: #333;\r\n }\r\n \r\n .progress-container {\r\n position: absolute;\r\n bottom: 50px;\r\n left: 0;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 3;\r\n }\r\n \r\n .progress-bar {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n \r\n .progress-item {\r\n width: 80px;\r\n height: 4px;\r\n background-color: rgba(255, 255, 255, 0.3);\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .progress-item.active {\r\n background-color: white;\r\n }\r\n \r\n \/* Estilos para fondos *\/\r\n #servicios { \r\n background: url('https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/INGENIERIA.jpg') no-repeat center center; \r\n background-size: cover;\r\n }\r\n \r\n #mantenimiento { \r\n background: url('https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/MANTENIMIENTO.jpg') no-repeat center center; \r\n background-size: cover;\r\n }\r\n \r\n #ingenieria { \r\n background: url('https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/INGENIERIA.jpg') no-repeat center center; \r\n background-size: cover;\r\n }\r\n \r\n #entrenamiento { \r\n background: url('https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2025\/06\/ENTRENAMIENTO.jpg') no-repeat center center; \r\n background-size: cover;\r\n }\r\n\r\n \/* MEDIA QUERIES PARA RESPONSIVIDAD *\/\r\n \r\n \/* Tablets en landscape *\/\r\n @media (max-width: 1024px) {\r\n h1.slide-title {\r\n font-size: 2.5rem;\r\n letter-spacing: 2px;\r\n }\r\n \r\n div.slide-description {\r\n font-size: 1.1rem;\r\n }\r\n }\r\n \r\n \/* Tablets en portrait *\/\r\n @media (max-width: 768px) {\r\n div.slide {\r\n padding: 15px;\r\n padding-top: 60px;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 2.2rem;\r\n margin-bottom: 30px;\r\n letter-spacing: 2px;\r\n }\r\n \r\n div .slide-description {\r\n font-size: 1rem;\r\n line-height: 1.5;\r\n margin-bottom: 25px;\r\n text-align: center;\r\n }\r\n \r\n div.btn-conoce-mas {\r\n padding: 12px 20px;\r\n font-size: 1.1rem;\r\n letter-spacing: 2px;\r\n }\r\n \r\n div.progress-container {\r\n bottom: 30px;\r\n }\r\n \r\n div.progress-item {\r\n width: 60px;\r\n height: 3px;\r\n }\r\n }\r\n \r\n \/* M\u00f3viles grandes *\/\r\n @media (max-width: 480px) {\r\n div.slide {\r\n padding: 10px;\r\n padding-top: 40px;\r\n }\r\n \r\n div.slide-content {\r\n padding: 0 10px;\r\n min-height: 70vh;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n }\r\n \r\n div.slide-title::after {\r\n width: 80%;\r\n left: 10%;\r\n }\r\n \r\n div.slide-description {\r\n font-size: 0.9rem;\r\n line-height: 1.4;\r\n margin-bottom: 20px;\r\n text-align: center;\r\n }\r\n \r\n div.btn-conoce-mas {\r\n padding: 10px 18px;\r\n font-size: 1rem;\r\n letter-spacing: 1px;\r\n }\r\n \r\n div.progress-container {\r\n bottom: 20px;\r\n }\r\n \r\n div.progress-bar {\r\n gap: 8px;\r\n }\r\n \r\n div.progress-item {\r\n width: 50px;\r\n height: 3px;\r\n }\r\n }\r\n \r\n \/* M\u00f3viles peque\u00f1os *\/\r\n @media (max-width: 360px) {\r\n div.slide {\r\n padding: 8px;\r\n padding-top: 30px;\r\n }\r\n \r\n div.slide-content {\r\n padding: 0 8px;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 1.5rem;\r\n margin-bottom: 15px;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n div.slide-description {\r\n font-size: 0.85rem;\r\n line-height: 1.3;\r\n margin-bottom: 15px;\r\n }\r\n \r\n div.btn-conoce-mas {\r\n padding: 8px 15px;\r\n font-size: 0.9rem;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n div.progress-container {\r\n bottom: 15px;\r\n }\r\n \r\n div.progress-bar {\r\n gap: 6px;\r\n }\r\n \r\n div.progress-item {\r\n width: 40px;\r\n height: 2px;\r\n }\r\n }\r\n \r\n \/* Ajustes para pantallas muy bajas *\/\r\n @media (max-height: 600px) {\r\n div.slide {\r\n padding-top: 20px;\r\n }\r\n \r\n div.slide-content {\r\n min-height: 80vh;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n div.slide-description {\r\n font-size: 0.9rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n div.progress-container {\r\n bottom: 15px;\r\n }\r\n }\r\n \r\n @media (max-height: 500px) {\r\n .slide {\r\n div padding-top: 15px;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 1.5rem;\r\n margin-bottom: 10px;\r\n }\r\n \r\n div.slide-description {\r\n font-size: 0.8rem;\r\n margin-bottom: 10px;\r\n }\r\n \r\n div.btn-conoce-mas {\r\n padding: 6px 12px;\r\n font-size: 0.8rem;\r\n }\r\n \r\n div.progress-container {\r\n bottom: 10px;\r\n }\r\n }\r\n \r\n \/* Orientaci\u00f3n landscape en m\u00f3viles *\/\r\n @media (max-width: 768px) and (orientation: landscape) {\r\n div.slide {\r\n padding-top: 20px;\r\n }\r\n \r\n div.slide-content {\r\n min-height: 70vh;\r\n }\r\n \r\n h1.slide-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n div.slide-description {\r\n font-size: 0.9rem;\r\n margin-bottom: 15px;\r\n }\r\n \r\n div.progress-container {\r\n bottom: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"slider-container\">\r\n <!-- Slide 1 -->\r\n <div class=\"slide active\" id=\"servicios\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-title-container\">\r\n <h1 class=\"slide-title\">Servicios<\/h1>\r\n <\/div>\r\n <div class=\"slide-description-container\">\r\n <p class=\"slide-description\">En VMS Energy Group ofrecemos servicios de modernizaci\u00f3n,\r\n fabricaci\u00f3n e instalaci\u00f3n de tableros el\u00e9ctricos, sistemas\r\n de medici\u00f3n y control industrial, monitoreo de vibraciones,\r\n instalaciones el\u00e9ctricas, sistemas de detecci\u00f3n y supresi\u00f3n\r\n de gas y fuego, as\u00ed como pruebas para detectar y corregir\r\n fallas en equipos e instalaciones industriales.<\/p>\r\n <\/div>\r\n <div class=\"slide-button-container\">\r\n <a href=\"https:\/\/vmsenergygroup.com\/servicios\/\" class=\"btn-conoce-mas\">Conoce m\u00e1s<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 2 -->\r\n <div class=\"slide\" id=\"mantenimiento\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-title-container\">\r\n <h1 class=\"slide-title\">Mantenimiento<\/h1>\r\n <\/div>\r\n <div class=\"slide-description-container\">\r\n <p class=\"slide-description\">Brindamos mantenimiento y reparaci\u00f3n de gobernadores,\r\n actuadores, sistemas de excitaci\u00f3n y rehabilitaci\u00f3n de\r\n controles remotos\/miner\u00eda, asegurando que los equipos\r\n operen seg\u00fan los par\u00e1metros adecuados.<\/p>\r\n <\/div>\r\n <div class=\"slide-button-container\">\r\n <a href=\"https:\/\/vmsenergygroup.com\/mantenimiento\/\" class=\"btn-conoce-mas\">Conoce m\u00e1s<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 3 -->\r\n <div class=\"slide\" id=\"ingenieria\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-title-container\">\r\n <h1 class=\"slide-title\">Ingenier\u00eda<\/h1>\r\n <\/div>\r\n <div class=\"slide-description-container\">\r\n <p class=\"slide-description\">Ofrecemos soluciones de ingenier\u00eda industrial, especializadas\r\n en sistemas de control integral para generaci\u00f3n de energ\u00eda,\r\n \u00e1reas de procesos, sistemas de detecci\u00f3n de gas y fuego,\r\n paros de emergencia y supresi\u00f3n de incendios, representando\r\n marcas l\u00edderes en M\u00e9xico.<\/p>\r\n <\/div>\r\n <div class=\"slide-button-container\">\r\n <a href=\"https:\/\/vmsenergygroup.com\/ingenieria\/\" class=\"btn-conoce-mas\">Conoce m\u00e1s<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Slide 4 -->\r\n <div class=\"slide\" id=\"entrenamiento\">\r\n <div class=\"slide-overlay\"><\/div>\r\n <div class=\"slide-content\">\r\n <div class=\"slide-title-container\">\r\n <h1 class=\"slide-title\">Entrenamiento<\/h1>\r\n <\/div>\r\n <div class=\"slide-description-container\">\r\n <p class=\"slide-description\">Brindamos capacitaci\u00f3n en nuevas tecnolog\u00edas de control\r\n de generaci\u00f3n, incluyendo marcas como Woodward, DEIF,\r\n Det-Tronics y ABB, con apoyo de software y simuladores\r\n para un uso eficiente de nuestros productos.<\/p>\r\n <\/div>\r\n <div class=\"slide-button-container\">\r\n <a href=\"https:\/\/vmsenergygroup.com\/entrenamiento\/\" class=\"btn-conoce-mas\">Conoce m\u00e1s<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Progress Bar -->\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-item active\" data-slide=\"0\"><\/div>\r\n <div class=\"progress-item\" data-slide=\"1\"><\/div>\r\n <div class=\"progress-item\" data-slide=\"2\"><\/div>\r\n <div class=\"progress-item\" data-slide=\"3\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const slides = document.querySelectorAll('.slide');\r\n const progressItems = document.querySelectorAll('.progress-item');\r\n let currentSlide = 0;\r\n let slideInterval;\r\n \r\n \/\/ Funci\u00f3n para mostrar un slide espec\u00edfico\r\n function showSlide(index) {\r\n \/\/ Ocultar todos los slides\r\n slides.forEach(slide => {\r\n slide.classList.remove('active');\r\n });\r\n \r\n \/\/ Desactivar todos los indicadores de progreso\r\n progressItems.forEach(item => {\r\n item.classList.remove('active');\r\n });\r\n \r\n \/\/ Mostrar el slide actual\r\n slides[index].classList.add('active');\r\n progressItems[index].classList.add('active');\r\n \r\n \/\/ Actualizar el \u00edndice del slide actual\r\n currentSlide = index;\r\n }\r\n \r\n \/\/ Funci\u00f3n para pasar al siguiente slide\r\n function nextSlide() {\r\n \/\/ Calcular el \u00edndice del siguiente slide\r\n let next = currentSlide + 1;\r\n if (next >= slides.length) {\r\n next = 0;\r\n }\r\n \r\n showSlide(next);\r\n }\r\n \r\n \/\/ Iniciar rotaci\u00f3n autom\u00e1tica\r\n function startSlideshow() {\r\n slideInterval = setInterval(nextSlide, 5000); \/\/ Cambiar cada 5 segundos\r\n }\r\n \r\n \/\/ Detener rotaci\u00f3n autom\u00e1tica\r\n function stopSlideshow() {\r\n clearInterval(slideInterval);\r\n }\r\n \r\n \/\/ Event listeners para los indicadores de progreso\r\n progressItems.forEach((item, index) => {\r\n item.addEventListener('click', () => {\r\n stopSlideshow();\r\n showSlide(index);\r\n startSlideshow();\r\n });\r\n });\r\n \r\n \/\/ Pausar slideshow cuando el usuario toca la pantalla (m\u00f3vil)\r\n let touchStartY = 0;\r\n document.addEventListener('touchstart', (e) => {\r\n touchStartY = e.touches[0].clientY;\r\n });\r\n \r\n document.addEventListener('touchmove', (e) => {\r\n \/\/ Prevenir scroll si el usuario est\u00e1 navegando el slider\r\n const touchY = e.touches[0].clientY;\r\n const diff = touchStartY - touchY;\r\n \r\n if (Math.abs(diff) > 50) {\r\n e.preventDefault();\r\n }\r\n }, { passive: false });\r\n \r\n \/\/ Iniciar la presentaci\u00f3n\r\n showSlide(0);\r\n startSlideshow();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Services – VMS Energy Group Engineering Solutions REQUEST A REQUEST A QUOTE LEARN MORE VMS ENERGY GROUP OFFERS A COMPLETE RANGE OF PRODUCTS, SERVICES AND SOLUTIONS WITHIN EACH OF OUR AREAS OF SPECIALTY. We provide electrical engineering solutions, fire detection, control and turnkey projects for energy generation and distribution, integrating certified services … <a title=\"ENGINEERING SOLUTIONS\" class=\"read-more\" href=\"https:\/\/vmsenergygroup.com\/en\/soluciones\/\" aria-label=\"Read more about ENGINEERING SOLUTIONS\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-110","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/comments?post=110"}],"version-history":[{"count":98,"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages\/110\/revisions"}],"predecessor-version":[{"id":5064,"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages\/110\/revisions\/5064"}],"wp:attachment":[{"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/media?parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}