{"id":691,"date":"2022-03-17T15:00:15","date_gmt":"2022-03-17T15:00:15","guid":{"rendered":"https:\/\/vmsenergygroup.com\/?page_id=691"},"modified":"2026-07-22T10:34:15","modified_gmt":"2026-07-22T16:34:15","slug":"productos","status":"publish","type":"page","link":"https:\/\/vmsenergygroup.com\/en\/productos\/","title":{"rendered":"PRODUCTS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Poductos - 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\">Nuestros<br>PRODUCTOS<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8150123 btnxxx e-flex e-con-boxed e-con e-parent\" data-id=\"8150123\" 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-269731f elementor-align-left elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"269731f\" 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-5392fc61 elementor-section-full_width elementor-section-content-top elementor-section-height-default elementor-section-height-default\" data-id=\"5392fc61\" data-element_type=\"section\" id=\"explore\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7192c411\" data-id=\"7192c411\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4703a64e elementor-section-full_width elementor-section-content-top elementor-section-height-default elementor-section-height-default\" data-id=\"4703a64e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f7229a6\" data-id=\"f7229a6\" 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-77dea4a1 elementor-widget elementor-widget-heading\" data-id=\"77dea4a1\" 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\">SOMOS DISTRIBUIDORES AUTORIZADOS Y REPRESENTANTES DE MARCAS L\u00cdDERES EN CONTROLES, ARRANCADORES E INSTRUMENTACI\u00d3N DE MONITOREO.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3687e82 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3687e82\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-684137da elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"684137da\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-504eb05f\" data-id=\"504eb05f\" 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-68e5fdcb elementor-widget elementor-widget-text-editor\" data-id=\"68e5fdcb\" 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>Contamos con un extenso inventario de refacciones para diversas l\u00edneas de productos que manejamos; todas ellas con precios muy competitivos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\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-fdb1f90 e-flex e-con-boxed e-con e-parent\" data-id=\"fdb1f90\" data-element_type=\"container\" data-settings=\"{"background_background":"slideshow","background_slideshow_gallery":[{"id":3855,"url":"https:\\\/\\\/vmsenergygroup.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/GROUP2.jpg"}],"background_slideshow_loop":"yes","background_slideshow_slide_duration":5000,"background_slideshow_slide_transition":"fade","background_slideshow_transition_duration":500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c1804 elementor-widget elementor-widget-html\" data-id=\"b8c1804\" 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>PRODUCTOS - VMS Group<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', Arial, sans-serif;\r\n background: #f4f7fb;\r\n color: #1f2d3d;\r\n }\r\n\r\n .vmscat {\r\n --blue: #FFF; \/* Asum\u00ed el color azul oscuro bas\u00e1ndome en tus sombras *\/\r\n --blue2: #1f3b5c;\r\n --ink: #333333;\r\n --soft: #666666;\r\n --line: #e4ebf3;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 32px 18px 40px;\r\n }\r\n\r\n .vmscat * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .vmscat-head {\r\n text-align: center;\r\n margin: 6px 0 22px;\r\n }\r\n\r\n .vmscat-head h2 {\r\n font-size: 30px;\r\n color: var(--blue);\r\n font-weight: 800;\r\n letter-spacing: 0.01em;\r\n margin: 0;\r\n }\r\n\r\n .vmscat-head p {\r\n color: var(--soft);\r\n font-size: 15px;\r\n margin: 8px 0 0;\r\n }\r\n\r\n .vmscat-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 18px;\r\n }\r\n\r\n .vmscard {\r\n position: relative;\r\n border: 1px solid var(--line);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n background: #fff;\r\n cursor: pointer;\r\n transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .vmscard:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 34px rgba(10, 61, 110, 0.15);\r\n border-color: #cfe0f1;\r\n }\r\n\r\n .vmscard.active {\r\n border-color: var(--blue2);\r\n box-shadow: 0 16px 34px rgba(10, 61, 110, 0.20);\r\n }\r\n\r\n .vmscard-img {\r\n position: relative;\r\n aspect-ratio: 4 \/ 3;\r\n overflow: hidden;\r\n background: #eef3f8;\r\n }\r\n\r\n .vmscard-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .vmscard:hover .vmscard-img img {\r\n transform: scale(1.07);\r\n }\r\n\r\n .vmscard-img::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(200, 194, 197, 0) 45%, rgba(10, 61, 110, 0.62) 100%);\r\n }\r\n\r\n .vmscard-badge {\r\n position: absolute;\r\n top: 10px;\r\n left: 10px;\r\n z-index: 2;\r\n background: #ffb000;\r\n color: #3a2a00;\r\n font-size: 10.5px;\r\n font-weight: 800;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n padding: 4px 9px;\r\n border-radius: 20px;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);\r\n }\r\n\r\n .vmscard-name {\r\n position: absolute;\r\n left: 14px;\r\n right: 14px;\r\n bottom: 11px;\r\n z-index: 2;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 16px;\r\n line-height: 1.2;\r\n text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);\r\n }\r\n\r\n .vmscard-foot {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 11px 14px;\r\n }\r\n\r\n .vmscard-foot .cnt {\r\n font-size: 12px;\r\n color: var(--soft);\r\n }\r\n\r\n .vmscard-foot .cnt b {\r\n color: var(--blue);\r\n }\r\n\r\n .vmscard-foot .go {\r\n font-size: 13px;\r\n color: var(--blue2);\r\n font-weight: 700;\r\n }\r\n\r\n .vmscat-detail {\r\n margin-top: 22px;\r\n border: 1px solid var(--line);\r\n border-left: 5px solid var(--blue2);\r\n border-radius: 14px;\r\n background: #fbfdff;\r\n padding: 24px 26px;\r\n animation: vmsfade 0.35s ease;\r\n display: none; \/* Oculto por defecto, se maneja por JS *\/\r\n }\r\n\r\n @keyframes vmsfade {\r\n from {\r\n opacity: 0;\r\n transform: translateY(8px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n }\r\n\r\n .vmscat-detail .dtop {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 16px;\r\n }\r\n\r\n .vmscat-detail h3 {\r\n color: var(--blue);\r\n font-size: 22px;\r\n margin: 0 0 6px;\r\n font-weight: 800;\r\n }\r\n\r\n .vmscat-detail .ddesc {\r\n color: var(--soft);\r\n font-size: 15px;\r\n line-height: 1.55;\r\n max-width: 760px;\r\n margin: 0;\r\n }\r\n\r\n .vmsclose {\r\n background: #eef3f8;\r\n border: none;\r\n color: var(--blue);\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n font-size: 18px;\r\n cursor: pointer;\r\n flex: 0 0 auto;\r\n transition: background 0.2s;\r\n }\r\n\r\n .vmsclose:hover {\r\n background: #dde8f3;\r\n }\r\n\r\n .vmsgridd {\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: 26px;\r\n margin-top: 18px;\r\n }\r\n\r\n .vmsblk h4 {\r\n font-size: 12px;\r\n letter-spacing: 0.09em;\r\n text-transform: uppercase;\r\n color: var(--blue2);\r\n font-weight: 800;\r\n margin: 0 0 12px;\r\n }\r\n\r\n .vmslines {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .vmslines li {\r\n position: relative;\r\n padding: 7px 0 7px 22px;\r\n border-bottom: 1px dashed var(--line);\r\n font-size: 14px;\r\n color: var(--ink);\r\n }\r\n\r\n .vmslines li:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .vmslines li::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 2px;\r\n top: 13px;\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 2px;\r\n background: var(--blue2);\r\n }\r\n\r\n .vmsbrands {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .vmsbrands .b {\r\n background: #fff;\r\n border: 1px solid #d8e2ef;\r\n color: #1f3b5c;\r\n border-radius: 14px;\r\n padding: 5px 13px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n }\r\n\r\n .vmscta {\r\n margin-top: 20px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n .vmsbtn {\r\n display: inline-block;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 14px;\r\n padding: 11px 22px;\r\n border-radius: 30px;\r\n transition: 0.2s;\r\n }\r\n\r\n .vmsbtn.p {\r\n background: var(--blue);\r\n color: #fff;\r\n }\r\n\r\n .vmsbtn.p:hover {\r\n background: #0c2f55;\r\n }\r\n\r\n .vmsbtn.s {\r\n background: #fff;\r\n color: var(--blue);\r\n border: 2px solid var(--blue);\r\n }\r\n\r\n .vmsbtn.s:hover {\r\n background: #eef3f8;\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n .vmscat-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 760px) {\r\n .vmscat-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .vmsgridd {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 440px) {\r\n .vmscat-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"vmscat\">\r\n <div class=\"vmscat-head\">\r\n <h2 id=\"vmscatTitle\">CAT\u00c1LOGO DE PRODUCTOS<\/h2>\r\n <p id=\"vmscatSubtitle\">Selecciona una categor\u00eda para ver las marcas que representamos y las l\u00edneas de producto<\/p>\r\n <\/div>\r\n <div class=\"vmscat-grid\" id=\"vmscatGrid\"><\/div>\r\n <div id=\"vmscatDetail\"><\/div> <!-- Ahora servir\u00e1 como contenedor de todos los paneles -->\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \/*\r\n * El idioma se obtiene primero de la ruta de TranslatePress (\/en\/)\r\n * y, como respaldo, del atributo lang del documento.\r\n *\/\r\n var documentLanguage = (document.documentElement.lang || '').toLowerCase();\r\n var isEnglish = \/^\\\/en(?:\\\/|$)\/i.test(window.location.pathname) || documentLanguage.indexOf('en') === 0;\r\n var LANG = isEnglish ? 'en' : 'es';\r\n\r\n var UI = {\r\n es: {\r\n title: 'CAT\u00c1LOGO DE PRODUCTOS',\r\n subtitle: 'Selecciona una categor\u00eda para ver las marcas que representamos y las l\u00edneas de producto',\r\n brands: 'marcas',\r\n viewDetail: 'Ver detalle \u203a',\r\n close: 'Cerrar',\r\n productLines: 'L\u00edneas de producto',\r\n representedBrands: 'Marcas que representamos',\r\n quote: 'Cotizar esta l\u00ednea',\r\n moreInfo: 'Quiero saber m\u00e1s',\r\n quoteSubject: 'Cotizaci\u00f3n - ',\r\n infoSubject: 'Informaci\u00f3n - '\r\n },\r\n en: {\r\n title: 'PRODUCT CATALOG',\r\n subtitle: 'Select a category to see the brands we represent and product lines',\r\n brands: 'brands',\r\n viewDetail: 'View details \u203a',\r\n close: 'Close',\r\n productLines: 'Product lines',\r\n representedBrands: 'Brands we represent',\r\n quote: 'Request a quote',\r\n moreInfo: 'Learn more',\r\n quoteSubject: 'Quote request - ',\r\n infoSubject: 'Information request - '\r\n }\r\n };\r\n\r\n var T = UI[LANG];\r\n\r\n function translated(value) {\r\n if (value && typeof value === 'object' && !Array.isArray(value)) {\r\n return value[LANG] || value.es || '';\r\n }\r\n return value || '';\r\n }\r\n\r\n var CATS = [\r\n {\r\n \"id\":\"motores\",\r\n \"name\":{\"es\":\"Control de Motores\",\"en\":\"Motor Control\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/06\/Control-ded-motores.jpg\",\r\n \"desc\":{\"es\":\"Arrancadores suaves, guardamotores, gobernadores y reguladores para el arranque y control de motores industriales.\",\"en\":\"Soft starters, motor protection circuit breakers, governors, and voltage regulators for starting and controlling industrial motors.\"},\r\n \"brands\":[\"ABB\",\"Schneider Electric\",\"Siemens\",\"WEG\",\"CHINT\",\"Woodward\",\"Basler Electric\",\"DEIF\",\"Valtek\"],\r\n \"lines\":{\"es\":[\"Arrancadores suaves ABB PSTX \u00b7 WEG SSW \u00b7 Schneider TeSys\",\"Guardamotores Siemens SIRIUS \u00b7 ABB MS\",\"Gobernadores Woodward easYgen \/ ProAct\",\"Reguladores de voltaje Basler DECS-250E \u00b7 DEIF AGC-4\"],\"en\":[\"ABB PSTX soft starters \u00b7 WEG SSW \u00b7 Schneider TeSys\",\"Siemens SIRIUS motor protection circuit breakers \u00b7 ABB MS\",\"Woodward easYgen \/ ProAct governors\",\"Basler DECS-250E voltage regulators \u00b7 DEIF AGC-4\"]}\r\n },\r\n {\r\n \"id\":\"variadores\",\r\n \"name\":{\"es\":\"Variadores de Frecuencia\",\"en\":\"Variable Frequency Drives\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/07\/variadores-vms.jpg\",\r\n \"badge\":{\"es\":\"Nuevo\",\"en\":\"New\"},\r\n \"desc\":{\"es\":\"Drives de baja y media tensi\u00f3n para ahorro energ\u00e9tico y control de velocidad, con cat\u00e1logo TRIOL en existencia.\",\"en\":\"Low- and medium-voltage drives for energy savings and speed control, with TRIOL units in stock.\"},\r\n \"brands\":[\"ABB\",\"Schneider Electric\",\"Siemens\",\"WEG\",\"CHINT\",\"TRIOL\"],\r\n \"lines\":{\"es\":[\"ABB ACS580 \/ ACS880\",\"Schneider Altivar ATV320 \/ ATV600 \/ ATV900\",\"Siemens SINAMICS G120 \/ S120\",\"WEG CFW900 \u00b7 TRIOL AT24 \/ AT27 (38 modelos en stock)\"],\"en\":[\"ABB ACS580 \/ ACS880\",\"Schneider Altivar ATV320 \/ ATV600 \/ ATV900\",\"Siemens SINAMICS G120 \/ S120\",\"WEG CFW900 \u00b7 TRIOL AT24 \/ AT27 (38 models in stock)\"]}\r\n },\r\n {\r\n \"id\":\"tableros\",\r\n \"name\":{\"es\":\"Tableros y Subestaciones\",\"en\":\"Switchboards and Substations\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/06\/Control-ded-motores-3-web.jpg\",\r\n \"badge\":{\"es\":\"Nuevo\",\"en\":\"New\"},\r\n \"desc\":{\"es\":\"Centros de control de motores (CCM), tableros de distribuci\u00f3n y subestaciones para instalaciones industriales.\",\"en\":\"Motor control centers (MCCs), distribution switchboards, and substations for industrial facilities.\"},\r\n \"brands\":[\"ABB\",\"Schneider Electric\",\"Siemens\",\"WEG\",\"CHINT\"],\r\n \"lines\":{\"es\":[\"ABB MNS \u00b7 NeoGear\",\"Siemens SIVACON S8 \u00b7 GIS\",\"Schneider PrismaSeT \u00b7 System pro E\",\"Tableros ProLine Panelboards\"],\"en\":[\"ABB MNS \u00b7 NeoGear\",\"Siemens SIVACON S8 \u00b7 GIS\",\"Schneider PrismaSeT \u00b7 System pro E\",\"ProLine panelboards\"]}\r\n },\r\n {\r\n \"id\":\"instrumentacion\",\r\n \"name\":{\"es\":\"Instrumentaci\u00f3n\",\"en\":\"Instrumentation\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/06\/Instrumentacion-industrial-3-web.jpg\",\r\n \"desc\":{\"es\":\"Sistemas de control distribuido, transmisores de proceso, v\u00e1lvulas de control y monitoreo de velocidad.\",\"en\":\"Distributed control systems, process transmitters, control valves, and speed monitoring.\"},\r\n \"brands\":[\"Emerson\",\"Honeywell\",\"DEIF\",\"Dynalco\",\"Valtek\"],\r\n \"lines\":{\"es\":[\"DCS Emerson DeltaV \u00b7 Honeywell Experion PKS\",\"Transmisores Honeywell SmartLine\",\"V\u00e1lvulas Emerson Fisher \u00b7 Valtek Logix 3800\",\"Monitoreo de velocidad Dynalco\"],\"en\":[\"Emerson DeltaV DCS \u00b7 Honeywell Experion PKS\",\"Honeywell SmartLine transmitters\",\"Emerson Fisher valves \u00b7 Valtek Logix 3800\",\"Dynalco speed monitoring\"]}\r\n },\r\n {\r\n \"id\":\"protecciones\",\r\n \"name\":{\"es\":\"Protecciones El\u00e9ctricas\",\"en\":\"Electrical Protection\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/06\/Protecciones-electricas-web.jpg\",\r\n \"desc\":{\"es\":\"Rel\u00e9s de protecci\u00f3n, interruptores de potencia y tableros de protecci\u00f3n para subestaciones e industria.\",\"en\":\"Protection relays, power circuit breakers, and protection panels for substations and industrial facilities.\"},\r\n \"brands\":[\"ABB\",\"Siemens\",\"GE Grid\",\"Schneider Electric\",\"CHINT\"],\r\n \"lines\":{\"es\":[\"Rel\u00e9s ABB REF615 \u00b7 Siemens SIPROTEC 5\",\"GE Multilin 869 \u00b7 B90 diferencial de barra\",\"Interruptores Siemens SENTRON WL\",\"Interruptores CHINT NXC \/ NM8N\"],\"en\":[\"ABB REF615 relays \u00b7 Siemens SIPROTEC 5\",\"GE Multilin 869 \u00b7 B90 bus differential relay\",\"Siemens SENTRON WL circuit breakers\",\"CHINT NXC \/ NM8N circuit breakers\"]}\r\n },\r\n {\r\n \"id\":\"cables\",\r\n \"name\":{\"es\":\"Cable El\u00e9ctrico (KEI)\",\"en\":\"Electrical Cable (KEI)\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/06\/cable-kei-vms.jpg\",\r\n \"badge\":{\"es\":\"Distribuidor exclusivo\",\"en\":\"Exclusive distributor\"},\r\n \"desc\":{\"es\":\"Cable de energ\u00eda KEI en baja, media y alta tensi\u00f3n, incluyendo XLPE hasta 400 kV y cables especiales ESP.\",\"en\":\"KEI power cables for low, medium, and high voltage, including XLPE up to 400 kV and ESP specialty cables.\"},\r\n \"brands\":[\"KEI\"],\r\n \"lines\":{\"es\":[\"Baja tensi\u00f3n (BT) 600\/1000 V\",\"Media tensi\u00f3n (MT) 3.3 \u2013 33 kV\",\"Alta tensi\u00f3n (AT\/EHV) 66 \u2013 400 kV XLPE\",\"Cables especiales ESP \u00b7 Arteria Flat \/ Round\"],\"en\":[\"Low voltage (LV) 600\/1000 V\",\"Medium voltage (MV) 3.3 \u2013 33 kV\",\"High and extra-high voltage (HV\/EHV) 66 \u2013 400 kV XLPE\",\"ESP specialty cables \u00b7 Arteria Flat \/ Round\"]}\r\n },\r\n {\r\n \"id\":\"iluminacion\",\r\n \"name\":{\"es\":\"Iluminaci\u00f3n Industrial\",\"en\":\"Industrial Lighting\"},\r\n \"img\":\"https:\/\/vmsenergygroup.com\/wp-content\/uploads\/2026\/07\/iluminacion-industrial-vms.jpg\",\r\n \"badge\":{\"es\":\"Nuevo\",\"en\":\"New\"},\r\n \"desc\":{\"es\":\"Luminarias industriales LED, alumbrado de \u00e1reas clasificadas (Hazloc), emergencia y vialidad. M\u00e1s de 340 referencias.\",\"en\":\"Industrial LED luminaires, lighting for classified areas (Hazloc), emergency lighting, and roadway lighting. More than 340 products.\"},\r\n \"brands\":[\"Signify (Philips)\",\"Acuity\",\"Dialight\",\"Current (GE)\",\"Eaton Crouse-Hinds\",\"OSRAM\",\"Cree\",\"LEDVANCE\",\"Thorn\"],\r\n \"lines\":{\"es\":[\"High-bay LED Signify GentleSpace \/ CoreLine\",\"\u00c1reas clasificadas Dialight \u00b7 Eaton Crouse-Hinds\",\"Vialidad Signify RoadFlair \/ RoadView\",\"Emergencia y drivers Signify Bodine \u00b7 LEDVANCE\"],\"en\":[\"Signify GentleSpace \/ CoreLine LED high-bay luminaires\",\"Classified-area lighting by Dialight \u00b7 Eaton Crouse-Hinds\",\"Signify RoadFlair \/ RoadView roadway lighting\",\"Emergency lighting and drivers by Signify Bodine \u00b7 LEDVANCE\"]}\r\n }\r\n ];\r\n\r\n var grid = document.getElementById('vmscatGrid');\r\n var detContainer = document.getElementById('vmscatDetail');\r\n\r\n document.getElementById('vmscatTitle').textContent = T.title;\r\n document.getElementById('vmscatSubtitle').textContent = T.subtitle;\r\n\r\n function esc(value) {\r\n return String(value)\r\n .replace(\/&\/g, '&')\r\n .replace(\/<\/g, '<')\r\n .replace(\/>\/g, '>');\r\n }\r\n\r\n \/\/ DIBUJAR TODO AL CARGAR LA P\u00c1GINA\r\n CATS.forEach(function (category) {\r\n \/\/ 1. Dibujar la tarjeta\r\n var card = document.createElement('div');\r\n card.className = 'vmscard';\r\n card.setAttribute('data-id', category.id);\r\n card.innerHTML =\r\n '<div class=\"vmscard-img\">' +\r\n (category.badge ? '<span class=\"vmscard-badge\">' + esc(translated(category.badge)) + '<\/span>' : '') +\r\n '<img decoding=\"async\" loading=\"lazy\" src=\"' + category.img + '\" alt=\"' + esc(translated(category.name)) + '\">' +\r\n '<span class=\"vmscard-name\">' + esc(translated(category.name)) + '<\/span>' +\r\n '<\/div>' +\r\n '<div class=\"vmscard-foot\"><span class=\"cnt\"><b>' + category.brands.length + '<\/b> ' + esc(T.brands) + '<\/span><span class=\"go\">' + esc(T.viewDetail) + '<\/span><\/div>';\r\n \r\n card.addEventListener('click', function () {\r\n openDetail(category.id);\r\n });\r\n grid.appendChild(card);\r\n\r\n \/\/ 2. Dibujar el panel de detalles (Oculto)\r\n var brands = category.brands.map(function (brand) {\r\n return '<span class=\"b\">' + esc(brand) + '<\/span>';\r\n }).join('');\r\n\r\n var categoryLines = category.lines[LANG] || category.lines.es;\r\n var lines = categoryLines.map(function (line) {\r\n return '<li>' + esc(line) + '<\/li>';\r\n }).join('');\r\n\r\n var quoteMail = 'mailto:contacto@vmsenergygroup.com?subject=' + encodeURIComponent(T.quoteSubject + translated(category.name));\r\n var infoMail = 'mailto:contacto@vmsenergygroup.com?subject=' + encodeURIComponent(T.infoSubject + translated(category.name));\r\n\r\n var detailPanel = document.createElement('div');\r\n detailPanel.className = 'vmscat-detail panel-detalle';\r\n detailPanel.id = 'panel-' + category.id;\r\n \/\/ El panel se crea y se oculta inmediatamente en el DOM\r\n detailPanel.innerHTML =\r\n '<div class=\"dtop\"><div><h3>' + esc(translated(category.name)) + '<\/h3><p class=\"ddesc\">' + esc(translated(category.desc)) + '<\/p><\/div>' +\r\n '<button class=\"vmsclose\" aria-label=\"' + esc(T.close) + '\">\u00d7<\/button><\/div>' +\r\n '<div class=\"vmsgridd\">' +\r\n '<div class=\"vmsblk\"><h4>' + esc(T.productLines) + '<\/h4><ul class=\"vmslines\">' + lines + '<\/ul><\/div>' +\r\n '<div class=\"vmsblk\"><h4>' + esc(T.representedBrands) + '<\/h4><div class=\"vmsbrands\">' + brands + '<\/div><\/div>' +\r\n '<\/div>' +\r\n '<div class=\"vmscta\"><a class=\"vmsbtn p\" href=\"' + quoteMail + '\">' + esc(T.quote) + '<\/a>' +\r\n '<a class=\"vmsbtn s\" href=\"' + infoMail + '\">' + esc(T.moreInfo) + '<\/a><\/div>';\r\n\r\n detailPanel.querySelector('.vmsclose').addEventListener('click', closeDetail);\r\n detContainer.appendChild(detailPanel);\r\n });\r\n\r\n \/\/ FUNCI\u00d3N PARA MOSTRAR\/OCULTAR EN LUGAR DE INYECTAR TEXTO NUEVO\r\n function openDetail(id) {\r\n \/\/ Ocultar todos los paneles primero\r\n var panels = detContainer.querySelectorAll('.panel-detalle');\r\n panels.forEach(function(panel) {\r\n panel.style.display = 'none';\r\n });\r\n\r\n \/\/ Quitar clase activa de todas las tarjetas y asignarla a la clickeada\r\n document.querySelectorAll('.vmscard').forEach(function (element) {\r\n element.classList.toggle('active', element.getAttribute('data-id') === id);\r\n });\r\n\r\n \/\/ Mostrar el panel correspondiente (esto mantiene el HTML ya traducido)\r\n var targetPanel = document.getElementById('panel-' + id);\r\n if (targetPanel) {\r\n targetPanel.style.display = 'block';\r\n targetPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n }\r\n }\r\n\r\n function closeDetail() {\r\n var panels = detContainer.querySelectorAll('.panel-detalle');\r\n panels.forEach(function(panel) {\r\n panel.style.display = 'none';\r\n });\r\n document.querySelectorAll('.vmscard').forEach(function (element) {\r\n element.classList.remove('active');\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products – VMS Energy Group OurPRODUCTS REQUEST A REQUEST A QUOTE LEARN MORE WE ARE AUTHORIZED DISTRIBUTORS AND REPRESENTATIVES OF LEADING BRANDS IN CONTROLS, STARTERS AND MONITORING INSTRUMENTATION. We have an extensive inventory of spare parts for various product lines that we handle; all of them with very competitive prices. PRODUCTS – VMS Group PRODUCT CATALOG Select a … <a title=\"PRODUCTS\" class=\"read-more\" href=\"https:\/\/vmsenergygroup.com\/en\/productos\/\" aria-label=\"Read more about PRODUCTOS\">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-691","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages\/691","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=691"}],"version-history":[{"count":158,"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages\/691\/revisions"}],"predecessor-version":[{"id":5355,"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/pages\/691\/revisions\/5355"}],"wp:attachment":[{"href":"https:\/\/vmsenergygroup.com\/en\/wp-json\/wp\/v2\/media?parent=691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}