{"id":13,"date":"2026-06-04T13:49:15","date_gmt":"2026-06-04T13:49:15","guid":{"rendered":"https:\/\/growms.mx\/software-wms\/?page_id=13"},"modified":"2026-06-17T23:56:08","modified_gmt":"2026-06-17T23:56:08","slug":"inicio","status":"publish","type":"page","link":"https:\/\/growms.mx\/software-wms\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a4df93 e-con-full e-flex e-con e-parent\" data-id=\"7a4df93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9201d23 elementor-widget elementor-widget-html\" data-id=\"9201d23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"growms-header-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-orange-glow: #ff7a00;\n            --gms-tech-grey: #a0a5b5;\n            --gms-white: #ffffff;\n            --gms-border: rgba(255, 255, 255, 0.08);\n            --gms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .growms-header-wrapper {\n            font-family: 'Poppins', sans-serif;\n        }\n\n        .growms-header-wrapper a, \n        .growms-header-wrapper button {\n            -webkit-tap-highlight-color: transparent !important;\n            outline: none !important;\n        }\n\n        .growms-header {\n            position: fixed;\n            top: 0; left: 0; width: 100%;\n            z-index: 1000;\n            background: rgba(10, 11, 22, 0.85);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border-bottom: 1px solid var(--gms-border);\n        }\n\n        .growms-header::after {\n            content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px;\n            background: linear-gradient(90deg, transparent 0%, rgba(244, 154, 37, 0.6) 50%, transparent 100%);\n        }\n\n        .gms-nav-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 10px 24px; \/* Reduje el padding para darle todo el espacio al logo *\/\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        \/* LOGO IMAGEN - TAMA\u00d1O EXTRAGRANDE *\/\n        .gms-logo {\n            display: flex;\n            align-items: center;\n            text-decoration: none;\n        }\n        .gms-logo img {\n            height: 150px; \/* AUMENTO DR\u00c1STICO DE TAMA\u00d1O *\/\n            width: auto;\n            max-width: 400px;\n            object-fit: contain;\n            transition: var(--gms-transition);\n        }\n\n        .gms-nav-links {\n            display: flex; gap: 35px; align-items: center;\n            list-style: none; margin: 0; padding: 0;\n        }\n\n        .gms-nav-links a {\n            color: var(--gms-tech-grey);\n            text-decoration: none;\n            font-size: 13px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            transition: var(--gms-transition);\n            position: relative;\n            padding: 5px 0;\n        }\n\n        .gms-nav-links a:hover {\n            color: var(--gms-white);\n            text-shadow: 0 0 10px rgba(255,255,255,0.3);\n        }\n\n        .gms-nav-links a::before {\n            content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px;\n            background: var(--gms-orange); box-shadow: 0 0 8px var(--gms-orange);\n            transform: translateX(-50%); transition: width 0.3s ease;\n        }\n        .gms-nav-links a:hover::before { width: 100%; }\n\n        .gms-btn-nav {\n            display: inline-flex !important; align-items: center;\n            background: linear-gradient(90deg, var(--gms-orange) 0%, var(--gms-orange-glow) 100%);\n            color: var(--gms-white) !important;\n            padding: 10px 24px !important;\n            border-radius: 50px;\n            font-weight: 700 !important; font-size: 13px !important;\n            text-transform: uppercase; letter-spacing: 1.5px;\n            box-shadow: 0 5px 15px rgba(244, 154, 37, 0.3);\n        }\n        .gms-btn-nav::before { display: none; }\n        .gms-btn-nav:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(244, 154, 37, 0.5); filter: brightness(1.1); }\n\n        .gms-menu-toggle {\n            display: none; background: none; border: none; color: var(--gms-white);\n            font-size: 28px; cursor: pointer;\n        }\n\n        @media (max-width: 768px) {\n            .gms-menu-toggle { display: block; }\n            \n            \/* TAMA\u00d1O DE LOGO EN M\u00d3VIL S\u00daPER GRANDE *\/\n            .gms-logo img { height: 105px; }\n\n            .gms-nav-links {\n                position: absolute; top: 100%; left: 0; width: 100%;\n                background: rgba(10, 11, 22, 0.98); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n                flex-direction: column; padding: 25px 0; border-bottom: 1px solid var(--gms-orange);\n                clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: clip-path 0.4s ease;\n            }\n            .gms-nav-links.active { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }\n            .gms-nav-links li { margin-bottom: 15px; }\n            .gms-nav-links a { font-size: 15px; }\n            .gms-btn-nav { margin-top: 10px; }\n        }\n    <\/style>\n\n    <header class=\"growms-header\">\n        <div class=\"gms-nav-container\">\n            <a href=\"https:\/\/growms.mx\/software-wms\/\" class=\"gms-logo\">\n                <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/LOGO-BY-BLANCO.png\" alt=\"GROWms by GROWTIA\">\n            <\/a>\n            <button class=\"gms-menu-toggle\" id=\"gmsMenuBtn\">\u2630<\/button>\n            <ul class=\"gms-nav-links\" id=\"gmsNavLinks\">\n                <li><a href=\"#funciones\">Funcionalidades<\/a><\/li>\n                <li><a href=\"#resultados\">Resultados<\/a><\/li>\n                <li><a href=\"#integraciones\">Integraciones<\/a><\/li>\n                <li><a href=\"#demo\" class=\"gms-btn-nav\">Solicitar Demo<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/header>\n\n    <script>\n        document.getElementById('gmsMenuBtn').addEventListener('click', function() {\n            var menu = document.getElementById('gmsNavLinks');\n            menu.classList.toggle('active');\n            this.textContent = menu.classList.contains('active') ? '\u2715' : '\u2630';\n        });\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c9143b e-con-full e-flex e-con e-parent\" data-id=\"9c9143b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f93b9e2 elementor-widget elementor-widget-html\" data-id=\"f93b9e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"growms-hero-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        \/* --- VARIABLES GROWMS --- *\/\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-orange-glow: #ff7a00;\n            --gms-tech-grey: #a0a5b5;\n            --gms-dark-bg: #040508;\n            --gms-white: #ffffff;\n            --gms-glass: rgba(255, 255, 255, 0.03);\n            --gms-glass-border: rgba(255, 255, 255, 0.1);\n            --gms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .growms-hero-wrapper {\n            background-color: var(--gms-dark-bg);\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n        }\n\n        .growms-hero-wrapper a, \n        .growms-hero-wrapper button,\n        .growms-hero-wrapper input,\n        .growms-hero-wrapper textarea,\n        .growms-hero-wrapper select {\n            -webkit-tap-highlight-color: transparent !important;\n            outline: none !important;\n        }\n\n        \/* --- FONDO TECH LOG\u00cdSTICO --- *\/\n        .gms-hero-section {\n            width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            padding: clamp(140px, 12vw, 180px) 20px clamp(80px, 8vw, 120px) 20px;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            box-sizing: border-box;\n            background: radial-gradient(circle at 80% 20%, rgba(24, 24, 72, 0.4) 0%, var(--gms-dark-bg) 60%);\n        }\n\n        \/* Ret\u00edcula de coordenadas (Grid) *\/\n        .gms-hero-grid {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(244, 154, 37, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(244, 154, 37, 0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n            z-index: 0; pointer-events: none;\n            mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 0%, transparent 80%);\n            -webkit-mask-image: radial-gradient(circle at center, rgba(0,0,0,1) 0%, transparent 80%);\n        }\n\n        \/* Nodos flotantes *\/\n        .gms-node {\n            position: absolute; border-radius: 50%;\n            background: var(--gms-orange); box-shadow: 0 0 20px 5px var(--gms-orange);\n            z-index: 1; opacity: 0.6; pointer-events: none;\n        }\n        .node-1 { width: 6px; height: 6px; top: 25%; left: 15%; animation: pulseNode 4s infinite alternate; }\n        .node-2 { width: 4px; height: 4px; bottom: 30%; left: 45%; animation: pulseNode 3s infinite alternate-reverse; }\n        .node-3 { width: 8px; height: 8px; top: 15%; right: 25%; animation: pulseNode 5s infinite alternate; }\n\n        @keyframes pulseNode {\n            0% { transform: scale(1); opacity: 0.3; }\n            100% { transform: scale(1.5); opacity: 0.8; }\n        }\n\n        \/* --- CONTENEDOR PRINCIPAL (GRID 2 COLUMNAS) --- *\/\n        .gms-container {\n            position: relative; z-index: 2;\n            max-width: 1200px; width: 100%;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        \/* --- COLUMNA IZQUIERDA: COPY --- *\/\n        .gms-hero-copy { padding-right: 20px; }\n\n        .gms-badge {\n            display: inline-flex; align-items: center; gap: 8px;\n            background: rgba(244, 154, 37, 0.1);\n            color: var(--gms-orange);\n            padding: 8px 18px; border-radius: 50px;\n            font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;\n            margin-bottom: 25px; border: 1px solid rgba(244, 154, 37, 0.3);\n        }\n        .gms-badge .dot { width: 6px; height: 6px; background: var(--gms-orange); border-radius: 50%; box-shadow: 0 0 8px var(--gms-orange); }\n\n        .gms-h1 {\n            color: var(--gms-white);\n            font-size: clamp(38px, 4.5vw, 56px);\n            font-weight: 900; line-height: 1.15;\n            margin: 0 0 20px 0; letter-spacing: -0.02em;\n        }\n        .gms-h1 span {\n            background: linear-gradient(90deg, var(--gms-orange) 0%, var(--gms-orange-glow) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        }\n\n        .gms-subtitle {\n            font-size: clamp(16px, 1.8vw, 19px);\n            color: var(--gms-tech-grey);\n            line-height: 1.6; margin: 0 0 40px 0; font-weight: 400;\n        }\n\n        \/* CTA Secundario - Ajustado a Naranja en Hover *\/\n        .gms-btn-secondary {\n            display: inline-flex; align-items: center; gap: 10px;\n            background: rgba(255, 255, 255, 0.05);\n            color: var(--gms-white); text-decoration: none;\n            padding: 16px 35px; border-radius: 50px;\n            font-weight: 700; font-size: 15px; letter-spacing: 1px;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            transition: var(--gms-transition); backdrop-filter: blur(10px);\n        }\n        .gms-btn-secondary:hover {\n            background: var(--gms-orange); \n            border-color: var(--gms-orange); \n            color: var(--gms-white);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 25px rgba(244, 154, 37, 0.4);\n        }\n        .gms-btn-secondary svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }\n\n        \/* --- COLUMNA DERECHA: FORMULARIO ZOHO (SAAS UI) --- *\/\n        .gms-hero-form-col { position: relative; }\n\n        .gms-form-panel {\n            background: var(--gms-glass);\n            border: 1px solid var(--gms-glass-border);\n            border-top: 1px solid rgba(244, 154, 37, 0.4);\n            border-radius: 20px;\n            padding: clamp(30px, 4vw, 45px);\n            backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n            width: 100%; box-sizing: border-box;\n        }\n\n        .gms-form-header { text-align: center; margin-bottom: 25px; }\n        .gms-form-header h3 { color: var(--gms-white); font-size: 22px; font-weight: 800; margin: 0 0 5px 0; line-height: 1.2; }\n        .gms-form-header p { color: var(--gms-tech-grey); font-size: 13px; margin: 0; }\n\n        .gms-form-row { margin-bottom: 18px; }\n        .gms-form-row-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 18px; }\n        \n        .gms-form-label {\n            display: block; font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.9);\n            text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px;\n        }\n        .gms-form-label span { color: var(--gms-orange); }\n\n        .gms-input, .gms-textarea {\n            width: 100%; background: rgba(0, 0, 0, 0.5);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            border-radius: 10px; padding: 14px 18px;\n            font-size: 14px; color: var(--gms-white);\n            font-family: 'Poppins', sans-serif;\n            transition: var(--gms-transition); box-sizing: border-box;\n        }\n        .gms-textarea { resize: vertical; min-height: 90px; }\n        .gms-input::placeholder, .gms-textarea::placeholder { color: rgba(255,255,255,0.3); }\n\n        .gms-input:focus, .gms-textarea:focus {\n            border-color: var(--gms-orange); background: rgba(0, 0, 0, 0.7);\n            box-shadow: 0 0 0 3px rgba(244, 154, 37, 0.15);\n        }\n\n        .gms-btn-submit {\n            width: 100%; background: linear-gradient(90deg, var(--gms-orange) 0%, var(--gms-orange-glow) 100%);\n            color: var(--gms-white); border: none; padding: 16px;\n            border-radius: 50px; font-weight: 800; font-size: 15px;\n            text-transform: uppercase; letter-spacing: 1.5px;\n            cursor: pointer; transition: var(--gms-transition);\n            margin-top: 10px; box-shadow: 0 10px 25px rgba(244, 154, 37, 0.3);\n            font-family: 'Poppins', sans-serif;\n        }\n        .gms-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(244, 154, 37, 0.5); filter: brightness(1.1); }\n\n        .gms-legal-note {\n            font-size: 11px; color: var(--gms-tech-grey); text-align: center;\n            margin-top: 15px; margin-bottom: 0;\n        }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 991px) {\n            .gms-container { grid-template-columns: 1fr; gap: 50px; text-align: center; }\n            .gms-hero-copy { padding-right: 0; }\n            .gms-subtitle { margin: 0 auto 30px auto; }\n            .gms-hero-section { padding-top: 120px; }\n        }\n        \n        @media (max-width: 600px) {\n            .gms-form-row-2col { grid-template-columns: 1fr; gap: 0; margin-bottom: 0; }\n            .gms-form-row-2col .gms-form-row { margin-bottom: 18px; }\n        }\n    <\/style>\n\n    <section class=\"gms-hero-section\">\n        \n        <!-- ELEMENTOS DE FONDO -->\n        <div class=\"gms-hero-grid\"><\/div>\n        <div class=\"gms-node node-1\"><\/div>\n        <div class=\"gms-node node-2\"><\/div>\n        <div class=\"gms-node node-3\"><\/div>\n\n        <div class=\"gms-container\">\n            \n            <!-- COPY (Izquierda) -->\n            <div class=\"gms-hero-copy\">\n                <div class=\"gms-badge\"><div class=\"dot\"><\/div> WMS Cloud Software<\/div>\n                \n                <h1 class=\"gms-h1\">El WMS l\u00edder para <span>operaciones log\u00edsticas<\/span> en M\u00e9xico<\/h1>\n                \n                <p class=\"gms-subtitle\">Optimice la gesti\u00f3n de su almac\u00e9n con un WMS f\u00e1cil de administrar, dise\u00f1ado para mejorar la eficiencia operativa hasta en un 25% durante los primeros seis meses.<\/p>\n                \n                <a href=\"#demo\" class=\"gms-btn-secondary\">\n                    Obt\u00e9n una demostraci\u00f3n gratuita\n                    <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n            <\/div>\n\n            <!-- FORMULARIO ZOHO INTEGRADO (Derecha) -->\n            <div class=\"gms-hero-form-col\" id=\"demo\">\n                <div class=\"gms-form-panel\">\n                    <div class=\"gms-form-header\">\n                        <h3>Agende una demo personalizada de GROWms<\/h3>\n                        <p>Complete sus datos para visualizar el sistema en acci\u00f3n.<\/p>\n                    <\/div>\n\n                    <!-- ZOHO FORM START -->\n                    <form id='webform5632946000029246053' action='https:\/\/crm.zoho.com\/crm\/WebToLeadForm' name='WebToLeads5632946000029246053' method='POST' onSubmit='javascript:document.charset=\"UTF-8\"; return checkMandatory5632946000029246053()' accept-charset='UTF-8'>\n                        \n                        <input type='text' style='display:none;' name='xnQsjsdp' value='369366364fea442d1c53fabf6f7a035f9b1e3a291928dbde24086d9f56608e39'>\n                        <input type='hidden' name='zc_gad' id='zc_gad' value=''>\n                        <input type='text' style='display:none;' name='xmIwtLD' value='58b6263040afd048977847e55450dbf8787005a705d134616b8a82909ffbb64bb860375a4bd1f9e1f5bc49dbe3219ecf'>\n                        <input type='text' style='display:none;' name='actionType' value='TGVhZHM='>\n                        <input type='text' style='display:none;' name='returnURL' value='https:\/\/growms.mx\/'>\n                        \n                        <!-- FILA 1: Nombre y Apellidos -->\n                        <div class=\"gms-form-row-2col\">\n                            <div class=\"gms-form-row\">\n                                <label class=\"gms-form-label\" for=\"First_Name\">Nombre <span>*<\/span><\/label>\n                                <input type=\"text\" id=\"First_Name\" name=\"First Name\" class=\"gms-input\" maxlength=\"40\" aria-required=\"true\" placeholder=\"Tu nombre\">\n                            <\/div>\n                            <div class=\"gms-form-row\">\n                                <label class=\"gms-form-label\" for=\"Last_Name\">Apellidos <span>*<\/span><\/label>\n                                <input type=\"text\" id=\"Last_Name\" name=\"Last Name\" class=\"gms-input\" maxlength=\"80\" aria-required=\"true\" placeholder=\"Tus apellidos\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- FILA 2: Correo y Tel\u00e9fono -->\n                        <div class=\"gms-form-row-2col\">\n                            <div class=\"gms-form-row\">\n                                <label class=\"gms-form-label\" for=\"Email\">Correo corporativo <span>*<\/span><\/label>\n                                <input type=\"text\" ftype=\"email\" id=\"Email\" name=\"Email\" class=\"gms-input\" maxlength=\"100\" aria-required=\"true\" placeholder=\"correo@empresa.com\">\n                            <\/div>\n                            <div class=\"gms-form-row\">\n                                <label class=\"gms-form-label\" for=\"Phone\">Tel\u00e9fono <span>*<\/span><\/label>\n                                <input type=\"text\" id=\"Phone\" name=\"Phone\" class=\"gms-input\" maxlength=\"30\" aria-required=\"true\" placeholder=\"A 10 d\u00edgitos\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- FILA 3: Empresa -->\n                        <div class=\"gms-form-row\">\n                            <label class=\"gms-form-label\" for=\"Company\">Empresa <span>*<\/span><\/label>\n                            <input type=\"text\" id=\"Company\" name=\"Company\" class=\"gms-input\" maxlength=\"200\" aria-required=\"true\" placeholder=\"Nombre de su organizaci\u00f3n\">\n                        <\/div>\n\n                        <!-- FILA 4: Mensaje -->\n                        <div class=\"gms-form-row\">\n                            <label class=\"gms-form-label\" for=\"Description\">Mensaje <span>*<\/span><\/label>\n                            <textarea id=\"Description\" name=\"Description\" class=\"gms-textarea\" aria-required=\"true\" placeholder=\"Cu\u00e9ntenos sobre su operaci\u00f3n actual...\"><\/textarea>\n                        <\/div>\n\n                        <!-- HONEYPOT ZOHO -->\n                        <input type=\"hidden\" style=\"display: none;\" name=\"aG9uZXlwb3Q\" value=\"\">\n\n                        <!-- SUBMIT -->\n                        <input type=\"submit\" id=\"formsubmit\" class=\"gms-btn-submit\" value=\"Enviar\">\n                        \n                        <p class=\"gms-legal-note\">Al enviar sus datos acepta nuestro Aviso de Privacidad.<\/p>\n\n                        <!-- ZOHO SCRIPTS -->\n                        <script>\n                            function validateEmail5632946000029246053(){\n                                var form = document.forms['WebToLeads5632946000029246053'];\n                                var emailFld = form.querySelectorAll('[ftype=email]');\n                                var i;\n                                for(i = 0; i < emailFld.length; i++ ) {\n                                    var emailVal = emailFld[i].value;\n                                    if ((emailVal.replace (\/^\\s+|\\s+$\/g,'') ) .length != 0) {\n                                        var atpos = emailVal.indexOf('@');\n                                        var dotpos = emailVal.lastIndexOf('.');\n                                        if(atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= emailVal.length) {\n                                            alert('Introduzca una direcci\u00f3n de correo electr\u00f3nico v\u00e1lida.');\n                                            emailFld[i].focus();\n                                            return false;\n                                        }\n                                    }\n                                }\n                                return true;\n                            }\n                            function checkMandatory5632946000029246053(){\n                                var mndFileds = new Array('Company', 'First Name', 'Last Name', 'Email', 'Phone', 'Description');\n                                var fldLangVal = new Array('Empresa', 'Nombre', 'Apellidos', 'Correo electr\u00f3nico', 'Tel\u00e9fono', 'Mensaje');\n                                for (i = 0; i < mndFileds.length; i++ ) {\n                                    var fieldObj = document.forms['WebToLeads5632946000029246053'] [mndFileds[i]];\n                                    if (fieldObj) {\n                                        if(((fieldObj.value) .replace (\/^\\s+|\\s+$\/g,'') ) .length == 0) {\n                                            if (fieldObj.type == 'file') {\n                                                alert('Seleccione un archivo para cargar.');\n                                                fieldObj.focus();\n                                                return false;\n                                            }\n                                            alert(fldLangVal[i] + ' no puede estar vac\u00edo.');\n                                            fieldObj.focus();\n                                            return false;\n                                        } else if (fieldObj.nodeName == 'SELECT') {\n                                            if (fieldObj.options[fieldObj.selectedIndex].value == '-None-') {\n                                                alert(fldLangVal[i] + ' no puede ser nulo.');\n                                                fieldObj.focus();\n                                                return false;\n                                            }\n                                        } else if (fieldObj.type == 'checkbox') {\n                                            if (fieldObj.checked == false) {\n                                                alert('Please accept  ' + fldLangVal[i]);\n                                                fieldObj.focus();\n                                                return false;\n                                            }\n                                        }\n                                        try{\n                                            if (fieldObj.name == 'Last Name') {\n                                                name = fieldObj.value;\n                                            }\n                                        } catch (e){}\n                                    }\n                                }\n                                if (!validateEmail5632946000029246053()) { return false; }\n                                var urlparams = new URLSearchParams(window.location.search);\n                                if (urlparams.has ('service') && (urlparams.get ('service') === 'smarturl') ) {\n                                    var webform = document.getElementById('webform5632946000029246053');\n                                    var service = urlparams.get('service');\n                                    var smarturlfield = document.createElement('input');\n                                    smarturlfield.setAttribute('type', 'hidden');\n                                    smarturlfield.setAttribute('value', service);\n                                    smarturlfield.setAttribute('name', 'service');\n                                    webform.appendChild(smarturlfield);\n                                }\n                                document.querySelector('.gms-btn-submit').setAttribute('disabled', true);\n                            }\n                        <\/script>\n                        <script id='wf_anal' src='https:\/\/crm.zohopublic.com\/crm\/WebFormAnalyticsServeServlet?rid=f67d592d893a476e59da1ca34324d1b94e7ee6459fb3307f3951019813bcf337617b57d784df43c5a179cabfd78b0b02gid3280a7f55ea0cd8f344c86bb78381aed3cc6eb04744332bd258e50306633d282gid1133d1926c8a38ce8fbe71e7db6bb8a0134f654a9643c98226f60a7d8480b062gidaf458b72c5d5b315167b0d4d955d1d604a90cdc4b8fcb7e55d1133b835f8a39f&tw=ea7ce5627ced6ac89c85b1d3dafbc5e8d81e90ad250aef7db3edf4c58e6d8323'><\/script>\n                    <\/form>\n                    <!-- ZOHO FORM END -->\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eef988a e-con-full e-flex e-con e-parent\" data-id=\"eef988a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dfc12fa elementor-widget elementor-widget-menu-anchor\" data-id=\"dfc12fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"integraciones\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a67859 e-con-full e-flex e-con e-parent\" data-id=\"6a67859\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e09666 elementor-widget elementor-widget-html\" data-id=\"3e09666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"growms-demo-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-orange-glow: #ff7a00;\n            --gms-light-bg: #f8f9fb; \n            --gms-white: #ffffff;\n            --gms-text-dark: #0a0b16;\n            --gms-text-muted: #5b5f75;\n            --gms-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .growms-demo-wrapper {\n            background-color: var(--gms-white);\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n        }\n\n        \/* FIX EFECTO M\u00d3VIL *\/\n        .growms-demo-wrapper a, \n        .growms-demo-wrapper button {\n            -webkit-tap-highlight-color: transparent !important;\n            outline: none !important;\n        }\n\n        .gms-demo-section {\n            width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            padding: clamp(80px, 8vw, 120px) 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            box-sizing: border-box;\n            background: linear-gradient(180deg, var(--gms-light-bg) 0%, var(--gms-white) 100%);\n        }\n\n        \/* RET\u00cdCULA LIGHT MODE EN EL FONDO *\/\n        .gms-demo-light-grid {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(24, 24, 72, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(24, 24, 72, 0.03) 1px, transparent 1px);\n            background-size: 40px 40px;\n            z-index: 0; pointer-events: none;\n            mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, transparent 80%);\n            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, transparent 80%);\n        }\n\n        \/* CLASE \u00daNICA PARA NO CHOCAR CON LA SECCI\u00d3N 1 *\/\n        .gms-demo-container {\n            position: relative; z-index: 2;\n            max-width: 1000px; width: 100%;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        \/* --- CABECERA DE LA SECCI\u00d3N --- *\/\n        .gms-demo-badge {\n            display: inline-flex; align-items: center; gap: 8px;\n            background: rgba(24, 24, 72, 0.05);\n            color: var(--gms-navy);\n            padding: 8px 18px; border-radius: 50px;\n            font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;\n            margin-bottom: 25px; border: 1px solid rgba(24, 24, 72, 0.1);\n        }\n        .gms-demo-badge .demo-dot { width: 8px; height: 8px; background: var(--gms-orange); border-radius: 50%; box-shadow: 0 0 10px rgba(244,154,37,0.5); }\n\n        .gms-demo-h2 {\n            color: var(--gms-navy);\n            font-size: clamp(28px, 3.5vw, 42px);\n            font-weight: 900; line-height: 1.2;\n            margin: 0 0 20px 0; letter-spacing: -0.02em;\n            max-width: 850px;\n        }\n        .gms-demo-h2 span {\n            color: var(--gms-orange);\n        }\n\n        .gms-demo-desc {\n            font-size: clamp(16px, 1.8vw, 18px);\n            color: var(--gms-text-muted);\n            line-height: 1.6; margin: 0 0 50px 0; font-weight: 500;\n            max-width: 700px;\n        }\n\n        \/* --- REPRODUCTOR DE VIDEO \"SaaS WINDOW\" --- *\/\n        .gms-demo-video-window {\n            width: 100%;\n            background: var(--gms-white);\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 30px 60px rgba(24, 24, 72, 0.08), 0 10px 20px rgba(24, 24, 72, 0.04);\n            border: 1px solid rgba(24, 24, 72, 0.08);\n            margin-bottom: 50px;\n            transition: var(--gms-transition);\n        }\n        .gms-demo-video-window:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 40px 80px rgba(24, 24, 72, 0.12), 0 15px 30px rgba(24, 24, 72, 0.06);\n        }\n\n        \/* Barra de la ventana simulada *\/\n        .gms-demo-window-bar {\n            background: #f1f3f6;\n            padding: 12px 16px;\n            display: flex; gap: 8px;\n            border-bottom: 1px solid rgba(24, 24, 72, 0.05);\n            align-items: center;\n        }\n        .gms-demo-window-bar .demo-ui-dot {\n            width: 12px; height: 12px; border-radius: 50%;\n        }\n        .gms-demo-window-bar .demo-ui-dot:nth-child(1) { background: #ff5f56; }\n        .gms-demo-window-bar .demo-ui-dot:nth-child(2) { background: #ffbd2e; }\n        .gms-demo-window-bar .demo-ui-dot:nth-child(3) { background: #27c93f; }\n        \n        .gms-demo-window-title {\n            margin-left: auto; margin-right: auto;\n            font-size: 12px; color: var(--gms-text-muted); font-weight: 600; letter-spacing: 1px;\n            transform: translateX(-20px);\n        }\n\n        \/* Contenedor del Video *\/\n        .gms-demo-video-wrapper {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n            background: #000000; \n        }\n\n        .gms-demo-video-wrapper video,\n        .gms-demo-video-wrapper iframe {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            border: none;\n        }\n\n        \/* --- CTA PRINCIPAL --- *\/\n        .gms-demo-btn {\n            display: inline-flex; align-items: center; gap: 12px;\n            background: linear-gradient(90deg, var(--gms-orange) 0%, var(--gms-orange-glow) 100%);\n            color: var(--gms-white); text-decoration: none;\n            padding: 18px 45px; border-radius: 50px;\n            font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 1.5px;\n            box-shadow: 0 10px 25px rgba(244, 154, 37, 0.3);\n            transition: var(--gms-transition); border: none;\n        }\n        .gms-demo-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(244, 154, 37, 0.5);\n            filter: brightness(1.05);\n            color: var(--gms-white);\n        }\n        .gms-demo-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 768px) {\n            .gms-demo-section { padding: 80px 20px; }\n            .gms-demo-window-bar { padding: 10px 12px; }\n            .gms-demo-btn { width: 100%; justify-content: center; box-sizing: border-box; }\n        }\n    <\/style>\n\n    <section class=\"gms-demo-section\">\n        \n        <div class=\"gms-demo-light-grid\"><\/div>\n\n        <div class=\"gms-demo-container\">\n            \n            <div class=\"gms-demo-badge\"><div class=\"demo-dot\"><\/div> Demo WMS<\/div>\n            \n            <h2 class=\"gms-demo-h2\">\u00bfC\u00f3mo nuestro software WMS maximiza la <span>eficiencia y productividad<\/span> de su almac\u00e9n?<\/h2>\n            \n            <p class=\"gms-demo-desc\">Solicite una demo sin costo y conozca c\u00f3mo GROWms puede optimizar su almac\u00e9n.<\/p>\n            \n            <div class=\"gms-demo-video-window\">\n                \n                <div class=\"gms-demo-window-bar\">\n                    <span class=\"demo-ui-dot\"><\/span><span class=\"demo-ui-dot\"><\/span><span class=\"demo-ui-dot\"><\/span>\n                    <span class=\"gms-demo-window-title\">GROWms_Demo.mp4<\/span>\n                <\/div>\n                \n                <div class=\"gms-demo-video-wrapper\">\n                    <iframe \n                        src=\"https:\/\/www.youtube.com\/embed\/vmumKn9ZJ7M?rel=0&modestbranding=1\" \n                        title=\"GROWms Demo\" \n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                        allowfullscreen>\n                    <\/iframe>\n                <\/div>\n            <\/div>\n\n            <a href=\"#demo\" class=\"gms-demo-btn\">\n                Solicitar demo gratuita\n                <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n            <\/a>\n\n        <\/div>\n    <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a133f79 e-con-full e-flex e-con e-parent\" data-id=\"a133f79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b7605e elementor-widget elementor-widget-menu-anchor\" data-id=\"5b7605e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"resultados\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4b16ff e-con-full e-flex e-con e-parent\" data-id=\"b4b16ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-538c676 elementor-widget elementor-widget-html\" data-id=\"538c676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gms-metrics-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-orange-glow: #ff7a00;\n            --gms-dark-bg: #040508;\n            --gms-white: #ffffff;\n            --gms-text-muted: #a0a5b5;\n            --gms-glass-panel: rgba(10, 11, 22, 0.75);\n            --gms-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .gms-metrics-wrapper {\n            background-color: var(--gms-dark-bg);\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n        }\n\n        \/* --- FONDO ANIMADO 3D (CYBER GRID) --- *\/\n        .gms-animated-bg {\n            position: absolute;\n            bottom: -30%; left: -50%;\n            width: 200%; height: 150%;\n            background-image: \n                linear-gradient(rgba(244, 154, 37, 0.15) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(244, 154, 37, 0.15) 1px, transparent 1px);\n            background-size: 60px 60px;\n            transform: perspective(800px) rotateX(70deg);\n            animation: moveGrid 5s linear infinite;\n            z-index: 0;\n            mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, transparent 70%);\n            -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, transparent 70%);\n        }\n\n        @keyframes moveGrid {\n            0% { background-position: 0 0; }\n            100% { background-position: 0 60px; }\n        }\n\n        \/* Luces de ambiente (Orbes flotantes) *\/\n        .gms-ambient-light {\n            position: absolute; width: 600px; height: 600px;\n            background: radial-gradient(circle, rgba(24, 24, 72, 0.8) 0%, transparent 60%);\n            border-radius: 50%; z-index: 1; filter: blur(60px);\n        }\n        .gms-light-1 { top: -10%; left: -10%; animation: floatLight 10s infinite alternate; }\n        .gms-light-2 { bottom: -10%; right: -10%; background: radial-gradient(circle, rgba(244, 154, 37, 0.1) 0%, transparent 60%); animation: floatLight 15s infinite alternate-reverse; }\n\n        @keyframes floatLight {\n            0% { transform: translate(0, 0); }\n            100% { transform: translate(50px, 50px); }\n        }\n\n        \/* --- CONTENEDOR PRINCIPAL --- *\/\n        .gms-metrics-section {\n            position: relative; z-index: 2;\n            width: 100%; max-width: 1200px; margin: 0 auto;\n            padding: clamp(80px, 8vw, 120px) 20px;\n        }\n\n        \/* --- CABECERA --- *\/\n        .gms-metrics-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .gms-metrics-badge {\n            display: inline-flex; align-items: center; gap: 8px;\n            background: rgba(244, 154, 37, 0.1);\n            color: var(--gms-orange);\n            padding: 8px 24px; border-radius: 50px;\n            font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px;\n            margin-bottom: 25px; border: 1px solid rgba(244, 154, 37, 0.3);\n            backdrop-filter: blur(10px);\n        }\n        .gms-metrics-badge .pulse {\n            width: 8px; height: 8px; background: var(--gms-orange); border-radius: 50%;\n            box-shadow: 0 0 0 0 rgba(244, 154, 37, 0.7); animation: pulsingDot 2s infinite;\n        }\n        @keyframes pulsingDot {\n            70% { box-shadow: 0 0 0 10px rgba(244, 154, 37, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(244, 154, 37, 0); }\n        }\n\n        .gms-metrics-h2 {\n            color: var(--gms-white);\n            font-size: clamp(34px, 4vw, 52px);\n            font-weight: 900; line-height: 1.15;\n            margin: 0 auto 20px auto; letter-spacing: -0.02em;\n            max-width: 900px;\n        }\n        .gms-metrics-h2 span {\n            background: linear-gradient(90deg, #ffffff 0%, var(--gms-orange) 100%);\n            -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n        }\n\n        .gms-metrics-desc {\n            font-size: clamp(16px, 1.8vw, 18px);\n            color: var(--gms-text-muted);\n            line-height: 1.6; margin: 0 auto; font-weight: 400;\n            max-width: 800px;\n        }\n\n        \/* --- GRID PERFECTO 2x2 --- *\/\n        .gms-cards-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 30px;\n        }\n\n        \/* Tarjetas de Cristal UI Premium *\/\n        .gms-metric-card {\n            background: var(--gms-glass-panel);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 20px;\n            padding: 45px 40px;\n            position: relative;\n            overflow: hidden;\n            backdrop-filter: blur(24px);\n            -webkit-backdrop-filter: blur(24px);\n            transition: var(--gms-transition);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        \/* L\u00ednea superior ne\u00f3n inactiva *\/\n        .gms-metric-card::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n            transition: var(--gms-transition);\n        }\n\n        .gms-metric-card:hover {\n            transform: translateY(-8px);\n            border-color: rgba(244, 154, 37, 0.3);\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(244, 154, 37, 0.05) inset;\n        }\n        \n        \/* L\u00ednea superior ne\u00f3n activa en hover *\/\n        .gms-metric-card:hover::before {\n            background: linear-gradient(90deg, transparent, var(--gms-orange), transparent);\n            box-shadow: 0 2px 15px var(--gms-orange);\n        }\n\n        \/* Decoraci\u00f3n de fondo en tarjeta (Marca de agua tecnol\u00f3gica) *\/\n        .gms-card-watermark {\n            position: absolute; right: -20px; bottom: -30px;\n            font-size: 150px; font-weight: 900; color: rgba(255, 255, 255, 0.02);\n            line-height: 1; pointer-events: none; z-index: 0;\n            transition: var(--gms-transition);\n        }\n        .gms-metric-card:hover .gms-card-watermark {\n            color: rgba(244, 154, 37, 0.05); transform: scale(1.1);\n        }\n\n        .gms-card-content {\n            position: relative; z-index: 1;\n        }\n\n        .gms-metric-value {\n            font-size: clamp(48px, 5vw, 64px);\n            font-weight: 900;\n            color: var(--gms-white);\n            line-height: 1;\n            margin-bottom: 15px;\n            letter-spacing: -0.03em;\n        }\n        \n        \/* Clase espec\u00edfica para los s\u00edmbolos de las m\u00e9tricas (%, hrs, +) *\/\n        .gms-metric-value .gms-unit { \n            color: var(--gms-orange); font-size: 0.7em; \n        }\n\n        .gms-metric-title {\n            font-size: 22px; font-weight: 700; color: var(--gms-white);\n            margin: 0 0 12px 0;\n        }\n\n        .gms-metric-text {\n            font-size: 15px; color: var(--gms-text-muted); line-height: 1.6;\n            margin: 0; font-weight: 400;\n        }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 900px) {\n            .gms-cards-grid { grid-template-columns: 1fr; gap: 20px; }\n            .gms-animated-bg { transform: perspective(800px) rotateX(60deg); }\n        }\n    <\/style>\n\n    <!-- FONDO ANIMADO Y LUCES -->\n    <div class=\"gms-animated-bg\"><\/div>\n    <div class=\"gms-ambient-light gms-light-1\"><\/div>\n    <div class=\"gms-ambient-light gms-light-2\"><\/div>\n\n    <section class=\"gms-metrics-section\">\n        \n        <!-- HEADER -->\n        <div class=\"gms-metrics-header\">\n            <div class=\"gms-metrics-badge\"><div class=\"pulse\"><\/div> Rendimiento WMS<\/div>\n            <h2 class=\"gms-metrics-h2\">Descubra c\u00f3mo GROWms resuelve los principales <span>desaf\u00edos de su almac\u00e9n<\/span><\/h2>\n            <p class=\"gms-metrics-desc\">Desde inventarios inexactos hasta errores en picking, surtido y embarques, GROWms ayuda a optimizar la operaci\u00f3n con visibilidad, automatizaci\u00f3n y control en tiempo real.<\/p>\n        <\/div>\n\n        <!-- GRID 2x2 BALANCEADO -->\n        <div class=\"gms-cards-grid\">\n            \n            <!-- TARJETA 1 -->\n            <div class=\"gms-metric-card\">\n                <div class=\"gms-card-watermark\">25<\/div>\n                <div class=\"gms-card-content\">\n                    <!-- Se aisla el n\u00famero en span.gms-counter -->\n                    <div class=\"gms-metric-value\">+<span class=\"gms-counter\" data-target=\"25\">0<\/span><span class=\"gms-unit\">%<\/span><\/div>\n                    <h3 class=\"gms-metric-title\">Eficiencia operativa<\/h3>\n                    <p class=\"gms-metric-text\">Las empresas que implementan GROWms reportan, en promedio, un incremento del 25% en su eficiencia operativa durante los primeros seis meses.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- TARJETA 2 -->\n            <div class=\"gms-metric-card\">\n                <div class=\"gms-card-watermark\">99<\/div>\n                <div class=\"gms-card-content\">\n                    <div class=\"gms-metric-value\"><span class=\"gms-counter\" data-target=\"99\">0<\/span><span class=\"gms-unit\">%<\/span><\/div>\n                    <h3 class=\"gms-metric-title\">Mayor precisi\u00f3n<\/h3>\n                    <p class=\"gms-metric-text\">Reduzca errores en inventarios, picking, surtido y embarques mediante procesos m\u00e1s controlados, automatizados y trazables de extremo a extremo.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- TARJETA 3 (MODIFICADA) -->\n            <div class=\"gms-metric-card\">\n                <div class=\"gms-card-watermark\">480<\/div>\n                <div class=\"gms-card-content\">\n                    <div class=\"gms-metric-value\"><span class=\"gms-counter\" data-target=\"480\">0<\/span><span class=\"gms-unit\">hrs<\/span><\/div>\n                    <h3 class=\"gms-metric-title\">Recuperadas al a\u00f1o por empleado<\/h3>\n                    <p class=\"gms-metric-text\">GROWms ayuda a reducir tareas manuales y procesos repetitivos, convirtiendo tiempo operativo perdido en mayor capacidad para actividades clave dentro del almac\u00e9n.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- TARJETA 4 -->\n            <div class=\"gms-metric-card\">\n                <div class=\"gms-card-watermark\">500<\/div>\n                <div class=\"gms-card-content\">\n                    <div class=\"gms-metric-value\"><span class=\"gms-counter\" data-target=\"500\">0<\/span><span class=\"gms-unit\">+<\/span><\/div>\n                    <h3 class=\"gms-metric-title\">Integraciones exitosas<\/h3>\n                    <p class=\"gms-metric-text\">Conexi\u00f3n fluida con plataformas ERP, ecommerce, sistemas y procesos existentes para facilitar una transici\u00f3n tecnol\u00f3gica sin detener su operaci\u00f3n.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- SCRIPT DE CONTADORES ANIMADOS -->\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            const counters = document.querySelectorAll('.gms-counter');\n            const speed = 100; \/\/ Puedes ajustar la velocidad aqu\u00ed (menor es m\u00e1s r\u00e1pido)\n\n            const animateCounters = () => {\n                counters.forEach(counter => {\n                    const updateCount = () => {\n                        const target = +counter.getAttribute('data-target');\n                        const count = +counter.innerText;\n                        const inc = target \/ speed;\n\n                        if (count < target) {\n                            counter.innerText = Math.ceil(count + inc);\n                            setTimeout(updateCount, 25); \/\/ milisegundos de actualizaci\u00f3n\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n                    updateCount();\n                });\n            };\n\n            \/\/ Observer para disparar la animaci\u00f3n SOLO cuando la secci\u00f3n sea visible\n            const observerOptions = {\n                threshold: 0.3 \/\/ Dispara cuando el 30% de la secci\u00f3n est\u00e9 en pantalla\n            };\n\n            const observer = new IntersectionObserver((entries, observer) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        animateCounters();\n                        observer.disconnect(); \/\/ Detiene la observaci\u00f3n para que solo lo haga 1 vez\n                    }\n                });\n            }, observerOptions);\n\n            const metricsSection = document.querySelector('.gms-metrics-section');\n            if (metricsSection) {\n                observer.observe(metricsSection);\n            }\n        });\n    <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-379ade9 e-con-full e-flex e-con e-parent\" data-id=\"379ade9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbd0f7 elementor-widget elementor-widget-menu-anchor\" data-id=\"1fbd0f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"funciones\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9da9539 e-con-full e-flex e-con e-parent\" data-id=\"9da9539\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07cc660 elementor-widget elementor-widget-html\" data-id=\"07cc660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gms-features-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-orange-glow: #ff7a00;\n            --gms-light-bg: #f4f7fa; \n            --gms-white: #ffffff;\n            --gms-text-muted: #5b5f75;\n            --gms-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .gms-features-wrapper {\n            background-color: var(--gms-light-bg);\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n        }\n\n        .gms-features-wrapper a, \n        .gms-features-wrapper button {\n            -webkit-tap-highlight-color: transparent !important;\n            outline: none !important;\n        }\n\n        .gms-features-section {\n            width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            padding: clamp(100px, 10vw, 140px) 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            box-sizing: border-box;\n            z-index: 1;\n        }\n\n        \/* --- FONDO ANIMADO FORZADO Y VISIBLE --- *\/\n        \n        \/* 1. Matriz de Puntos en Movimiento *\/\n        .gms-features-dot-grid {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: radial-gradient(rgba(24, 24, 72, 0.15) 2px, transparent 2px); \/* Puntos m\u00e1s gruesos y oscuros *\/\n            background-size: 35px 35px;\n            z-index: 0; pointer-events: none;\n            animation: panGrid 15s linear infinite; \/* Animaci\u00f3n diagonal constante *\/\n        }\n        @keyframes panGrid {\n            0% { background-position: 0 0; }\n            100% { background-position: -35px -35px; }\n        }\n\n        \/* 2. Orbes de datos de ALTA visibilidad *\/\n        .gms-feature-orb {\n            position: absolute;\n            border-radius: 50%;\n            filter: blur(50px); \/* Menos blur para que el color sea denso *\/\n            z-index: 0; pointer-events: none;\n            opacity: 0.5; \/* Opacidad triplicada para forzar el color *\/\n        }\n        .orb-navy {\n            width: 45vw; height: 45vw; max-width: 500px; max-height: 500px;\n            background: var(--gms-navy);\n            top: 5%; left: 0%;\n            animation: orbNavyMove 12s infinite alternate ease-in-out;\n        }\n        .orb-orange {\n            width: 35vw; height: 35vw; max-width: 400px; max-height: 400px;\n            background: var(--gms-orange);\n            bottom: 5%; right: 0%;\n            animation: orbOrangeMove 14s infinite alternate-reverse ease-in-out;\n        }\n\n        @keyframes orbNavyMove {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(15vw, 15vh) scale(1.3); }\n        }\n        @keyframes orbOrangeMove {\n            0% { transform: translate(0, 0) scale(1); }\n            100% { transform: translate(-15vw, -10vh) scale(1.4); }\n        }\n\n        \/* 3. Esc\u00e1ner L\u00e1ser Log\u00edstico *\/\n        .gms-scan-line {\n            position: absolute; top: 0; left: 0; width: 100%; height: 4px;\n            background: linear-gradient(90deg, transparent 0%, var(--gms-orange) 50%, transparent 100%);\n            box-shadow: 0 0 15px 2px var(--gms-orange);\n            opacity: 0; z-index: 0; pointer-events: none;\n            animation: scanDown 6s linear infinite;\n        }\n        @keyframes scanDown {\n            0% { top: -10%; opacity: 0; }\n            10% { opacity: 0.6; }\n            90% { opacity: 0.6; }\n            100% { top: 110%; opacity: 0; }\n        }\n\n        \/* --- CONTENEDOR PRINCIPAL --- *\/\n        .gms-features-container {\n            position: relative; z-index: 2;\n            max-width: 1200px; width: 100%;\n            margin: 0 auto;\n        }\n\n        \/* --- CABECERA --- *\/\n        .gms-features-header {\n            text-align: center;\n            margin-bottom: 70px;\n            background: rgba(255,255,255,0.5); \/* Respaldo para legibilidad *\/\n            padding: 30px; border-radius: 20px;\n            backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n            border: 1px solid rgba(255,255,255,0.8);\n        }\n\n        .gms-features-badge {\n            display: inline-flex; align-items: center; gap: 8px;\n            background: rgba(24, 24, 72, 0.08);\n            color: var(--gms-navy);\n            padding: 8px 24px; border-radius: 50px;\n            font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px;\n            margin-bottom: 25px; border: 1px solid rgba(24, 24, 72, 0.15);\n        }\n        .gms-features-badge .pulse-light {\n            width: 8px; height: 8px; background: var(--gms-navy); border-radius: 50%;\n            box-shadow: 0 0 0 0 rgba(24,24,72,0.5); animation: darkPulse 2s infinite;\n        }\n        @keyframes darkPulse {\n            70% { box-shadow: 0 0 0 8px rgba(24,24,72,0); }\n            100% { box-shadow: 0 0 0 0 rgba(24,24,72,0); }\n        }\n\n        .gms-features-h2 {\n            color: var(--gms-navy);\n            font-size: clamp(32px, 4vw, 48px);\n            font-weight: 900; line-height: 1.2;\n            margin: 0 auto 20px auto; letter-spacing: -0.02em;\n            max-width: 1000px;\n        }\n        .gms-features-h2 span {\n            color: var(--gms-orange);\n        }\n\n        .gms-features-desc {\n            font-size: clamp(16px, 1.8vw, 18px);\n            color: var(--gms-text-muted);\n            line-height: 1.6; margin: 0 auto; font-weight: 600;\n            max-width: 850px;\n        }\n\n        \/* --- GRID DE FUNCIONALIDADES --- *\/\n        .gms-features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 30px;\n        }\n\n        \/* Tarjetas Glassmorphism Blanco FORZADO *\/\n        .gms-feature-card {\n            background: rgba(255, 255, 255, 0.4); \/* Mayor transparencia para que el color pase *\/\n            border: 1px solid rgba(255, 255, 255, 0.9);\n            border-radius: 20px;\n            padding: 40px 30px;\n            position: relative;\n            overflow: hidden;\n            backdrop-filter: blur(15px); \/* Desenfoque del cristal *\/\n            -webkit-backdrop-filter: blur(15px);\n            box-shadow: 0 15px 35px rgba(24, 24, 72, 0.08);\n            transition: var(--gms-transition);\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            z-index: 1;\n        }\n\n        \/* Borde superior din\u00e1mico *\/\n        .gms-feature-card::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 0; height: 4px;\n            background: linear-gradient(90deg, var(--gms-orange), var(--gms-orange-glow));\n            transition: var(--gms-transition);\n        }\n\n        .gms-feature-card:hover {\n            transform: translateY(-10px);\n            background: rgba(255, 255, 255, 0.8);\n            box-shadow: 0 25px 50px rgba(24, 24, 72, 0.15);\n            border-color: var(--gms-orange);\n        }\n        .gms-feature-card:hover::before { width: 100%; }\n\n        \/* Icono tecnol\u00f3gico *\/\n        .gms-feature-icon {\n            width: 60px; height: 60px;\n            background: rgba(255, 255, 255, 0.8);\n            border-radius: 14px;\n            display: flex; align-items: center; justify-content: center;\n            margin-bottom: 25px;\n            transition: var(--gms-transition);\n            border: 1px solid rgba(24, 24, 72, 0.1);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n        .gms-feature-icon svg {\n            width: 28px; height: 28px;\n            stroke: var(--gms-navy); stroke-width: 1.8; fill: none;\n            transition: var(--gms-transition);\n        }\n\n        .gms-feature-card:hover .gms-feature-icon {\n            background: var(--gms-navy);\n            transform: scale(1.1) rotate(-5deg);\n        }\n        .gms-feature-card:hover .gms-feature-icon svg {\n            stroke: var(--gms-orange);\n        }\n\n        .gms-feature-title {\n            font-size: 19px; font-weight: 800; color: var(--gms-navy);\n            margin: 0 0 12px 0; line-height: 1.3;\n        }\n\n        .gms-feature-text {\n            font-size: 15px; color: var(--gms-text-muted); line-height: 1.6;\n            margin: 0; font-weight: 600;\n        }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 768px) {\n            .gms-features-section { padding: 80px 20px; }\n            .gms-features-grid { grid-template-columns: 1fr; gap: 20px; }\n            .orb-navy { width: 90vw; height: 90vw; }\n            .orb-orange { width: 80vw; height: 80vw; }\n            .gms-features-header { padding: 20px; }\n        }\n    <\/style>\n\n    <section class=\"gms-features-section\">\n        \n        <!-- FONDO ANIMADO TECH VISIBLE -->\n        <div class=\"gms-features-dot-grid\"><\/div>\n        <div class=\"gms-feature-orb orb-navy\"><\/div>\n        <div class=\"gms-feature-orb orb-orange\"><\/div>\n        <div class=\"gms-scan-line\"><\/div>\n\n        <div class=\"gms-features-container\">\n            \n            <!-- HEADER DE SECCI\u00d3N -->\n            <div class=\"gms-features-header\">\n                <div class=\"gms-features-badge\"><div class=\"pulse-light\"><\/div> Funcionalidades Core<\/div>\n                <h2 class=\"gms-features-h2\">Controle cada etapa de su operaci\u00f3n con un WMS <span>adaptable, f\u00e1cil de administrar y conectado<\/span> a sus procesos<\/h2>\n                <p class=\"gms-features-desc\">GROWms permite administrar los procesos clave del almac\u00e9n, desde la recepci\u00f3n de mercanc\u00eda hasta el despacho final, con una soluci\u00f3n flexible que se adapta a la operaci\u00f3n real de su empresa.<\/p>\n            <\/div>\n\n            <!-- GRID DE 6 FUNCIONES -->\n            <div class=\"gms-features-grid\">\n                \n                <!-- Card 1 -->\n                <div class=\"gms-feature-card\">\n                    <div class=\"gms-feature-icon\">\n                        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\n                    <\/div>\n                    <h3 class=\"gms-feature-title\">Control de inventarios en tiempo real<\/h3>\n                    <p class=\"gms-feature-text\">Gestione existencias, ubicaciones, entradas, salidas y movimientos con mayor precisi\u00f3n.<\/p>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"gms-feature-card\">\n                    <div class=\"gms-feature-icon\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\n                    <\/div>\n                    <h3 class=\"gms-feature-title\">Recepci\u00f3n, acomodo y conteos c\u00edclicos<\/h3>\n                    <p class=\"gms-feature-text\">Mantenga orden operativo desde la llegada de mercanc\u00eda hasta la validaci\u00f3n continua del inventario.<\/p>\n                <\/div>\n\n                <!-- Card 3 -->\n                <div class=\"gms-feature-card\">\n                    <div class=\"gms-feature-icon\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"><\/line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"><\/line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"><\/line><\/svg>\n                    <\/div>\n                    <h3 class=\"gms-feature-title\">Picking, packing, surtido y embarques<\/h3>\n                    <p class=\"gms-feature-text\">Optimice la preparaci\u00f3n de pedidos, reduzca errores y mejore la trazabilidad hasta el despacho.<\/p>\n                <\/div>\n\n                <!-- Card 4 -->\n                <div class=\"gms-feature-card\">\n                    <div class=\"gms-feature-icon\">\n                        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\"><\/line><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\n                    <\/div>\n                    <h3 class=\"gms-feature-title\">KPIs y dashboards operativos<\/h3>\n                    <p class=\"gms-feature-text\">Visualice indicadores clave para medir productividad, exactitud, tiempos y cumplimiento.<\/p>\n                <\/div>\n\n                <!-- Card 5 -->\n                <div class=\"gms-feature-card\">\n                    <div class=\"gms-feature-icon\">\n                        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"gms-feature-title\">Integraci\u00f3n con sistemas actuales<\/h3>\n                    <p class=\"gms-feature-text\">Conecte GROWms con ERP, ecommerce, plataformas log\u00edsticas u otros sistemas existentes.<\/p>\n                <\/div>\n\n                <!-- Card 6 -->\n                <div class=\"gms-feature-card\">\n                    <div class=\"gms-feature-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"gms-feature-title\">Soporte t\u00e9cnico y acompa\u00f1amiento<\/h3>\n                    <p class=\"gms-feature-text\">Implemente, adopte y optimice el sistema con soporte especializado para mantener continuidad operativa.<\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e02f10c e-con-full e-flex e-con e-parent\" data-id=\"e02f10c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce2e7a elementor-widget elementor-widget-html\" data-id=\"3ce2e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gms-trust-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-dark-bg: #0a0b16; \n            --gms-white: #ffffff;\n            --gms-slot-bg: rgba(255, 255, 255, 0.02);\n            --gms-slot-border: rgba(255, 255, 255, 0.1);\n            --gms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .gms-trust-wrapper {\n            background-color: var(--gms-navy);\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        \/* --- FONDO WMS: BLUEPRINT \/ GEMELO DIGITAL --- *\/\n        .gms-trust-section {\n            width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            padding: clamp(80px, 8vw, 120px) 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            box-sizing: border-box;\n            background: radial-gradient(circle at center, var(--gms-navy) 0%, #0d0d2b 100%);\n        }\n\n        \/* Ret\u00edcula de plano t\u00e9cnico *\/\n        .gms-blueprint-grid {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n            background-size: 60px 60px;\n            background-position: center center;\n            z-index: 0; pointer-events: none;\n        }\n\n        \/* Trazadores de datos *\/\n        .gms-data-packet {\n            position: absolute;\n            background: var(--gms-orange);\n            box-shadow: 0 0 10px 2px rgba(244, 154, 37, 0.8);\n            z-index: 0;\n        }\n        .packet-h1 { width: 40px; height: 2px; top: 120px; animation: moveHorizontal 8s linear infinite; }\n        .packet-h2 { width: 30px; height: 2px; bottom: 180px; animation: moveHorizontalReverse 10s linear infinite; }\n        .packet-v1 { width: 2px; height: 50px; left: 20%; animation: moveVertical 12s linear infinite; }\n        .packet-v2 { width: 2px; height: 40px; right: 30%; animation: moveVerticalReverse 9s linear infinite; }\n\n        @keyframes moveHorizontal { 0% { left: -5%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 105%; opacity: 0; } }\n        @keyframes moveHorizontalReverse { 0% { right: -5%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { right: 105%; opacity: 0; } }\n        @keyframes moveVertical { 0% { top: -5%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 105%; opacity: 0; } }\n        @keyframes moveVerticalReverse { 0% { bottom: -5%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { bottom: 105%; opacity: 0; } }\n\n        \/* --- CONTENEDOR PRINCIPAL --- *\/\n        .gms-trust-container {\n            position: relative; z-index: 2;\n            max-width: 1200px; width: 100%;\n            margin: 0 auto;\n            display: flex; flex-direction: column; align-items: center; text-align: center;\n        }\n\n        \/* --- TEXTOS --- *\/\n        .gms-trust-h2 {\n            color: var(--gms-white);\n            font-size: clamp(26px, 3vw, 40px);\n            font-weight: 900; line-height: 1.25;\n            margin: 0 0 20px 0; letter-spacing: -0.01em;\n            max-width: 900px;\n        }\n\n        .gms-trust-h2 span {\n            color: var(--gms-orange);\n        }\n\n        \/* P\u00c1RRAFO DESCRIPTIVO - AHORA EN BLANCO *\/\n        .gms-trust-desc {\n            font-size: clamp(15px, 1.8vw, 17px);\n            color: var(--gms-white);\n            line-height: 1.6; margin: 0 0 50px 0; font-weight: 400;\n            max-width: 800px;\n        }\n\n        \/* --- GRID DE LOGOS --- *\/\n        .gms-logos-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n            width: 100%;\n            margin-bottom: 40px;\n        }\n\n        .gms-logo-slot {\n            background: var(--gms-slot-bg);\n            border: 1px solid var(--gms-slot-border);\n            height: 120px;\n            display: flex; align-items: center; justify-content: center;\n            padding: 20px;\n            position: relative;\n            transition: var(--gms-transition);\n            clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);\n        }\n\n        .gms-logo-slot::before {\n            content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 15px;\n            border-top: 2px solid transparent; border-left: 2px solid transparent;\n            transition: var(--gms-transition);\n        }\n        .gms-logo-slot::after {\n            content: ''; position: absolute; bottom: 0; right: 0; width: 15px; height: 15px;\n            border-bottom: 2px solid transparent; border-right: 2px solid transparent;\n            transition: var(--gms-transition);\n        }\n\n        .gms-logo-slot:hover {\n            background: rgba(244, 154, 37, 0.05);\n            border-color: rgba(244, 154, 37, 0.4);\n            transform: translateY(-5px);\n        }\n        .gms-logo-slot:hover::before, .gms-logo-slot:hover::after {\n            border-color: var(--gms-orange);\n        }\n\n        .gms-logo-slot img {\n            max-width: 100%; max-height: 100%;\n            object-fit: contain;\n            filter: grayscale(100%) brightness(200%) opacity(0.7);\n            transition: var(--gms-transition);\n        }\n\n        .gms-logo-slot:hover img {\n            filter: grayscale(0%) brightness(100%) opacity(1);\n        }\n\n        \/* --- TEXTO DE APOYO - AHORA EN BLANCO --- *\/\n        .gms-trust-support {\n            font-size: 14px; color: var(--gms-white);\n            max-width: 700px; line-height: 1.6;\n            margin: 0; font-weight: 500;\n            padding-top: 30px; border-top: 1px dashed rgba(255, 255, 255, 0.2);\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 991px) {\n            .gms-logos-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }\n        }\n\n        @media (max-width: 600px) {\n            .gms-trust-section { padding: 80px 20px; }\n            .gms-logos-grid { grid-template-columns: repeat(2, 1fr); }\n            .gms-logo-slot:last-child { grid-column: 1 \/ -1; width: 50%; margin: 0 auto; }\n            .gms-trust-h2 { font-size: clamp(22px, 6vw, 28px); }\n        }\n    <\/style>\n\n    <section class=\"gms-trust-section\">\n        \n        <!-- ENTORNO WMS T\u00c9CNICO -->\n        <div class=\"gms-blueprint-grid\"><\/div>\n        <div class=\"gms-data-packet packet-h1\"><\/div>\n        <div class=\"gms-data-packet packet-h2\"><\/div>\n        <div class=\"gms-data-packet packet-v1\"><\/div>\n        <div class=\"gms-data-packet packet-v2\"><\/div>\n\n        <div class=\"gms-trust-container\">\n            \n            <!-- HEADER -->\n            <h2 class=\"gms-trust-h2\">Empresas que conf\u00edan en soluciones del <span>ecosistema GROWms by GROWTIA<\/span><\/h2>\n            <p class=\"gms-trust-desc\">Organizaciones de diferentes industrias han confiado en el ecosistema tecnol\u00f3gico y operativo de GROWTIA para fortalecer sus procesos, mejorar la eficiencia y avanzar hacia una operaci\u00f3n m\u00e1s conectada.<\/p>\n            \n            <!-- LOGOS EN \"SLOTS\" -->\n            <div class=\"gms-logos-grid\">\n                \n                <div class=\"gms-logo-slot\">\n                    <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/images__1_-removebg-preview.png\" alt=\"MOVON\">\n                <\/div>\n\n                <div class=\"gms-logo-slot\">\n                    <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/images__2_-removebg-preview.png\" alt=\"ANCABE\">\n                <\/div>\n\n                <div class=\"gms-logo-slot\">\n                    <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/images__3_-removebg-preview.png\" alt=\"Nestl\u00e9\">\n                <\/div>\n\n                <div class=\"gms-logo-slot\">\n                    <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/images__4_-removebg-preview.png\" alt=\"Compartamos Banco\">\n                <\/div>\n\n                <div class=\"gms-logo-slot\">\n                    <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/Captura_de_pantalla_2026-06-04_090235-removebg-preview.png\" alt=\"Gentera\">\n                <\/div>\n\n            <\/div>\n\n            <!-- APOYO -->\n            <p class=\"gms-trust-support\">El respaldo de estas organizaciones refleja la capacidad de GROWms by GROWTIA para acompa\u00f1ar operaciones empresariales que requieren control, trazabilidad, eficiencia y continuidad.<\/p>\n            \n        <\/div>\n    <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ca4441 e-con-full e-flex e-con e-parent\" data-id=\"7ca4441\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b2bd0a elementor-widget elementor-widget-html\" data-id=\"6b2bd0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gms-final-cta-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-orange-glow: #ff7a00;\n            --gms-light-bg: #fdfdfd; \/* Blanco con un lev\u00edsimo toque gris t\u00e9cnico *\/\n            --gms-white: #ffffff;\n            --gms-text-dark: #0a0b16;\n            --gms-text-muted: #5b5f75;\n            --gms-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .gms-final-cta-wrapper {\n            background-color: var(--gms-light-bg);\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n        }\n\n        \/* FIX EFECTO M\u00d3VIL *\/\n        .gms-final-cta-wrapper a, \n        .gms-final-cta-wrapper button {\n            -webkit-tap-highlight-color: transparent !important;\n            outline: none !important;\n        }\n\n        .gms-cta-section {\n            width: 100vw !important;\n            position: relative;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            padding: clamp(100px, 10vw, 150px) 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-sizing: border-box;\n            min-height: 70vh;\n        }\n\n        \/* --- FONDO TECH CLARO: RADAR Y CONVERGENCIA --- *\/\n        \n        \/* 1. Cuadr\u00edcula base ultra sutil *\/\n        .gms-cta-grid {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(24, 24, 72, 0.02) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(24, 24, 72, 0.02) 1px, transparent 1px);\n            background-size: 40px 40px;\n            z-index: 0; pointer-events: none;\n        }\n\n        \/* 2. Anillos de Radar Log\u00edstico *\/\n        .gms-cta-radar {\n            position: absolute;\n            top: 50%; left: 50%;\n            transform: translate(-50%, -50%);\n            width: 800px; height: 800px;\n            border-radius: 50%;\n            border: 1px solid rgba(244, 154, 37, 0.1);\n            z-index: 0; pointer-events: none;\n            animation: radarPulse 4s infinite linear;\n        }\n        .gms-cta-radar::before {\n            content: ''; position: absolute; top: 15%; left: 15%; right: 15%; bottom: 15%;\n            border-radius: 50%; border: 1px solid rgba(24, 24, 72, 0.05);\n            animation: radarPulse 4s infinite linear 1s;\n        }\n        .gms-cta-radar::after {\n            content: ''; position: absolute; top: 30%; left: 30%; right: 30%; bottom: 30%;\n            border-radius: 50%; border: 1px dashed rgba(24, 24, 72, 0.08);\n            animation: radarPulse 4s infinite linear 2s;\n        }\n\n        @keyframes radarPulse {\n            0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; }\n            100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }\n        }\n\n        \/* 3. L\u00edneas de datos convergiendo al centro *\/\n        .gms-data-line {\n            position: absolute;\n            background: linear-gradient(90deg, transparent, rgba(244, 154, 37, 0.5), transparent);\n            z-index: 0; pointer-events: none;\n        }\n        .line-1 { top: 20%; left: 0; width: 40%; height: 1px; animation: convergeLeft 3s infinite; }\n        .line-2 { bottom: 20%; right: 0; width: 40%; height: 1px; animation: convergeRight 4s infinite; }\n        \n        @keyframes convergeLeft { 0% { transform: translateX(-100%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(150%); opacity: 0; } }\n        @keyframes convergeRight { 0% { transform: translateX(100%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(-150%); opacity: 0; } }\n\n        \/* --- TARJETA CENTRAL (NEUMORFISMO TECH) --- *\/\n        .gms-cta-card {\n            position: relative; z-index: 2;\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(25px);\n            -webkit-backdrop-filter: blur(25px);\n            border: 1px solid rgba(24, 24, 72, 0.05);\n            border-top: 2px solid var(--gms-orange);\n            border-radius: 24px;\n            padding: clamp(50px, 6vw, 70px) clamp(30px, 5vw, 60px);\n            max-width: 900px; width: 100%;\n            text-align: center;\n            box-shadow: 0 30px 60px rgba(24, 24, 72, 0.05), 0 10px 20px rgba(24, 24, 72, 0.03);\n            transition: var(--gms-transition);\n        }\n\n        .gms-cta-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 40px 80px rgba(24, 24, 72, 0.08), 0 15px 30px rgba(24, 24, 72, 0.05);\n        }\n\n        \/* --- TEXTOS --- *\/\n        .gms-cta-h2 {\n            color: var(--gms-navy);\n            font-size: clamp(30px, 4.5vw, 48px);\n            font-weight: 900; line-height: 1.2;\n            margin: 0 auto 20px auto; letter-spacing: -0.02em;\n        }\n\n        .gms-cta-desc {\n            font-size: clamp(16px, 1.8vw, 19px);\n            color: var(--gms-text-muted);\n            line-height: 1.6; margin: 0 auto 40px auto; font-weight: 500;\n            max-width: 750px;\n        }\n\n        \/* --- BOT\u00d3N FINAL (PULSANTE) --- *\/\n        .gms-btn-final {\n            display: inline-flex; align-items: center; justify-content: center; gap: 12px;\n            background: linear-gradient(90deg, var(--gms-orange) 0%, var(--gms-orange-glow) 100%);\n            color: var(--gms-white); text-decoration: none;\n            padding: 20px 50px; border-radius: 50px;\n            font-weight: 800; font-size: 16px; text-transform: uppercase; letter-spacing: 1.5px;\n            box-shadow: 0 10px 25px rgba(244, 154, 37, 0.4);\n            border: none; position: relative;\n            transition: var(--gms-transition);\n        }\n\n        \/* Anillo exterior del bot\u00f3n *\/\n        .gms-btn-final::before {\n            content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px;\n            border-radius: 50px; border: 1px solid rgba(244, 154, 37, 0.4);\n            transition: var(--gms-transition); pointer-events: none;\n        }\n\n        .gms-btn-final:hover {\n            transform: translateY(-3px) scale(1.02);\n            box-shadow: 0 15px 35px rgba(244, 154, 37, 0.6);\n            color: var(--gms-white);\n        }\n        .gms-btn-final:hover::before {\n            top: -10px; left: -10px; right: -10px; bottom: -10px;\n            border-color: rgba(244, 154, 37, 0);\n        }\n\n        .gms-btn-final svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 768px) {\n            .gms-cta-section { padding: 80px 20px; min-height: auto; }\n            .gms-cta-card { padding: 40px 20px; }\n            .gms-cta-radar { width: 100vw; height: 100vw; }\n            .gms-btn-final { width: 100%; padding: 18px 20px; box-sizing: border-box; }\n        }\n    <\/style>\n\n    <section class=\"gms-cta-section\">\n        \n        <!-- ELEMENTOS DE FONDO LOG\u00cdSTICO -->\n        <div class=\"gms-cta-grid\"><\/div>\n        <div class=\"gms-cta-radar\"><\/div>\n        <div class=\"gms-data-line line-1\"><\/div>\n        <div class=\"gms-data-line line-2\"><\/div>\n\n        <!-- TARJETA CENTRAL -->\n        <div class=\"gms-cta-card\">\n            <h2 class=\"gms-cta-h2\">Lleve la gesti\u00f3n de su almac\u00e9n a una operaci\u00f3n m\u00e1s eficiente, visible y controlada<\/h2>\n            \n            <p class=\"gms-cta-desc\">Solicite una demo y conozca c\u00f3mo GROWms puede ayudarle a optimizar inventarios, reducir errores, mejorar la productividad y visualizar en tiempo real cada movimiento de su almac\u00e9n.<\/p>\n            \n            <a href=\"#demo\" class=\"gms-btn-final\">\n                Agendar demo gratuita\n                <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n            <\/a>\n        <\/div>\n\n    <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c49b4e e-con-full e-flex e-con e-parent\" data-id=\"5c49b4e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b37361d elementor-widget elementor-widget-html\" data-id=\"b37361d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gms-footer-wrapper\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        :root {\n            --gms-navy: #181848;\n            --gms-orange: #f49a25;\n            --gms-tech-grey: #a0a5b5;\n            --gms-dark-bg: #070810; \/* Azul noche s\u00faper profundo *\/\n            --gms-white: #ffffff;\n            --gms-border: rgba(255, 255, 255, 0.08);\n            --gms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        \/* FIX: Eliminaci\u00f3n forzada del espacio en blanco al fondo *\/\n        .gms-footer-wrapper {\n            background-color: var(--gms-dark-bg) !important;\n            margin: 0 !important; \n            padding: 0 !important;\n            width: 100% !important;\n            display: block !important;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box !important;\n        }\n\n        .gms-footer-wrapper a, \n        .gms-footer-wrapper button {\n            -webkit-tap-highlight-color: transparent !important;\n            outline: none !important;\n        }\n\n        \/* --- BORDE SUPERIOR ANIMADO (L\u00c1SER DE DATOS) --- *\/\n        .gms-footer-top-border {\n            position: absolute; top: 0; left: 0; width: 100%; height: 2px;\n            background: var(--gms-border);\n            z-index: 2;\n        }\n        .gms-footer-laser {\n            position: absolute; top: 0; left: -10%; width: 15%; height: 2px;\n            background: linear-gradient(90deg, transparent, var(--gms-orange), var(--gms-orange), transparent);\n            box-shadow: 0 0 15px 2px var(--gms-orange);\n            animation: footerScan 6s linear infinite;\n        }\n\n        @keyframes footerScan {\n            0% { left: -20%; }\n            100% { left: 120%; }\n        }\n\n        \/* --- RET\u00cdCULA TECH DE FONDO --- *\/\n        .gms-footer-bg {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(24, 24, 72, 0.5) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(24, 24, 72, 0.5) 1px, transparent 1px);\n            background-size: 30px 30px;\n            mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, transparent 100%);\n            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, transparent 100%);\n            z-index: 0; pointer-events: none;\n        }\n\n        .gms-footer-section {\n            position: relative; z-index: 1;\n            padding: 80px 20px 25px !important; \n            margin-bottom: 0 !important;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .gms-footer-container {\n            max-width: 1200px; margin: 0 auto;\n            display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 50px;\n            margin-bottom: 60px;\n        }\n\n        \/* --- COLUMNA 1: BRANDING (LOGO ACTUALIZADO) --- *\/\n        .gms-logo-footer {\n            display: inline-flex;\n            align-items: center;\n            text-decoration: none;\n            margin-bottom: 20px;\n        }\n        \n        .gms-logo-footer img {\n            height: 60px; \/* Tama\u00f1o robusto para el footer *\/\n            width: auto;\n            max-width: 280px;\n            object-fit: contain;\n            \/* TRUCO CSS: Resplandor blanco para resaltar sobre el fondo oscuro *\/\n            filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 0.8)) \n                    drop-shadow(-1px -1px 0px rgba(255, 255, 255, 0.8)) \n                    drop-shadow(1px -1px 0px rgba(255, 255, 255, 0.8)) \n                    drop-shadow(-1px 1px 0px rgba(255, 255, 255, 0.8));\n            transition: var(--gms-transition);\n        }\n        \n        .gms-footer-brand-text {\n            color: var(--gms-tech-grey); font-size: 14.5px; line-height: 1.7; margin: 0;\n            max-width: 380px; font-weight: 400;\n        }\n\n        \/* --- COLUMNAS 2, 3, 4: ENLACES --- *\/\n        .gms-footer-col h4 {\n            color: var(--gms-white); font-size: 15px; font-weight: 800;\n            margin: 0 0 25px 0; text-transform: uppercase; letter-spacing: 1.5px;\n            position: relative; padding-bottom: 10px;\n        }\n        \n        .gms-footer-col h4::after {\n            content: ''; position: absolute; left: 0; bottom: 0; width: 25px; height: 2px;\n            background: var(--gms-orange);\n        }\n\n        .gms-footer-col ul { list-style: none; padding: 0; margin: 0; }\n        .gms-footer-col ul li { margin-bottom: 15px; }\n        .gms-footer-col ul a {\n            color: var(--gms-tech-grey); text-decoration: none; font-size: 14px; font-weight: 500;\n            transition: var(--gms-transition); display: inline-flex; align-items: center; gap: 8px;\n        }\n        \n        .gms-footer-col ul a::before { \n            content: '\u203a'; color: var(--gms-orange); font-size: 18px; line-height: 1;\n            opacity: 0; transition: var(--gms-transition); transform: translateX(-10px); font-weight: bold;\n        }\n        .gms-footer-col ul a:hover { color: var(--gms-white); transform: translateX(5px); }\n        .gms-footer-col ul a:hover::before { opacity: 1; transform: translateX(0); }\n\n        \/* --- BOTTOM LEGAL & POWERED BY --- *\/\n        .gms-footer-bottom {\n            max-width: 1200px; margin: 0 auto; border-top: 1px solid var(--gms-border);\n            padding-top: 25px; display: flex; justify-content: space-between; align-items: center;\n        }\n        .gms-footer-bottom p { color: var(--gms-tech-grey); font-size: 13px; margin: 0; }\n        \n        .gms-power { \n            display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--gms-tech-grey); \n            text-decoration: none; transition: var(--gms-transition);\n        }\n        .gms-power span { color: var(--gms-white); font-weight: 800; letter-spacing: 1px; transition: var(--gms-transition);}\n        .gms-power:hover span { color: var(--gms-orange); }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 991px) {\n            .gms-footer-container { grid-template-columns: 1fr 1fr; gap: 40px; }\n        }\n        @media (max-width: 768px) {\n            .gms-footer-section { padding: 60px 20px 25px !important; }\n            .gms-footer-container { grid-template-columns: 1fr; gap: 45px; text-align: center; }\n            \n            .gms-logo-footer { justify-content: center; width: 100%; }\n            .gms-logo-footer img { height: 45px; } \/* Tama\u00f1o adaptado para m\u00f3vil *\/\n            .gms-footer-brand-text { margin: 0 auto; }\n            \n            .gms-footer-col h4::after { left: 50%; transform: translateX(-50%); }\n            .gms-footer-col ul a { justify-content: center; }\n            .gms-footer-col ul a::before { display: none; }\n            .gms-footer-col ul a:hover { transform: translateY(-2px); color: var(--gms-orange); }\n\n            .gms-footer-bottom { flex-direction: column; gap: 15px; text-align: center; padding-top: 20px; }\n        }\n    <\/style>\n\n    <footer class=\"gms-footer-section\">\n        \n        <!-- ELEMENTOS DE FONDO -->\n        <div class=\"gms-footer-top-border\">\n            <div class=\"gms-footer-laser\"><\/div>\n        <\/div>\n        <div class=\"gms-footer-bg\"><\/div>\n\n        <div class=\"gms-footer-container\">\n            \n            <!-- BRANDING (IMAGEN APLICADA) -->\n            <div class=\"gms-footer-brand\">\n                <a href=\"https:\/\/growms.mx\/software-wms\/\" class=\"gms-logo-footer\">\n                    <img decoding=\"async\" src=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/WhatsApp_Image_2026-06-03_at_14.06.19-removebg-preview.png\" alt=\"GROWms by GROWTIA\">\n                <\/a>\n                <p class=\"gms-footer-brand-text\">El WMS l\u00edder para operaciones log\u00edsticas en M\u00e9xico. Dise\u00f1ado para maximizar la eficiencia y el control total de su almac\u00e9n en tiempo real.<\/p>\n            <\/div>\n\n            <!-- ENLACES NAVEGACI\u00d3N -->\n            <div class=\"gms-footer-col\">\n                <h4>Navegaci\u00f3n<\/h4>\n                <ul>\n                    <li><a href=\"#funciones\">Funcionalidades<\/a><\/li>\n                    <li><a href=\"#resultados\">Resultados<\/a><\/li>\n                    <li><a href=\"#integraciones\">Integraciones<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- ENLACES COMPA\u00d1\u00cdA -->\n            <div class=\"gms-footer-col\">\n                <h4>Compa\u00f1\u00eda<\/h4>\n                <ul>\n                    <li><a href=\"https:\/\/growtia.com.mx\/\" target=\"_blank\">Sobre GROWTIA<\/a><\/li>\n                    <li><a href=\"#demo\">Solicitar Demo<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- ENLACES LEGAL -->\n            <div class=\"gms-footer-col\">\n                <h4>Legal<\/h4>\n                <ul>\n                    <li><a href=\"\/aviso-de-privacidad\">Aviso de Privacidad<\/a><\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n        <!-- COPYRIGHT Y FIRMA -->\n        <div class=\"gms-footer-bottom\">\n            <p>&copy; 2026 GROWms. Todos los derechos reservados.<\/p>\n            <a href=\"https:\/\/growtia.com.mx\/\" target=\"_blank\" class=\"gms-power\">Powered by <span>GROWTIA<\/span><\/a>\n        <\/div>\n\n    <\/footer>\n<\/div>\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>\u2630 Funcionalidades Resultados Integraciones Solicitar Demo WMS Cloud Software El WMS l\u00edder para operaciones log\u00edsticas en M\u00e9xico Optimice la gesti\u00f3n de su almac\u00e9n con un WMS f\u00e1cil de administrar, dise\u00f1ado para mejorar la eficiencia operativa hasta en un 25% durante los primeros seis meses. Obt\u00e9n una demostraci\u00f3n gratuita Agende una demo personalizada de GROWms Complete [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":146,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-13","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Software WMS para gesti\u00f3n de almacenes | GROWms<\/title>\n<meta name=\"description\" content=\"Optimice inventarios, picking, embarques y trazabilidad con GROWms, el software WMS dise\u00f1ado para mejorar la eficiencia operativa de su almac\u00e9n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/growms.mx\/software-wms\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software WMS para gesti\u00f3n de almacenes | GROWms\" \/>\n<meta property=\"og:description\" content=\"Optimice inventarios, picking, embarques y trazabilidad con GROWms, el software WMS dise\u00f1ado para mejorar la eficiencia operativa de su almac\u00e9n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/growms.mx\/software-wms\/\" \/>\n<meta property=\"og:site_name\" content=\"Software WMS para gesti\u00f3n de almacenes | GROWms\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-17T23:56:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/WMS-SOFTWARE.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1731\" \/>\n\t<meta property=\"og:image:height\" content=\"909\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/\",\"url\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/\",\"name\":\"Software WMS para gesti\u00f3n de almacenes | GROWms\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/WMS-SOFTWARE.png\",\"datePublished\":\"2026-06-04T13:49:15+00:00\",\"dateModified\":\"2026-06-17T23:56:08+00:00\",\"description\":\"Optimice inventarios, picking, embarques y trazabilidad con GROWms, el software WMS dise\u00f1ado para mejorar la eficiencia operativa de su almac\u00e9n.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/growms.mx\\\/software-wms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/WMS-SOFTWARE.png\",\"contentUrl\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/WMS-SOFTWARE.png\",\"width\":1731,\"height\":909},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/#website\",\"url\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/\",\"name\":\"Software WMS para gesti\u00f3n de almacenes | GROWms\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/growms.mx\\\/software-wms\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Software WMS para gesti\u00f3n de almacenes | GROWms","description":"Optimice inventarios, picking, embarques y trazabilidad con GROWms, el software WMS dise\u00f1ado para mejorar la eficiencia operativa de su almac\u00e9n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/growms.mx\/software-wms\/","og_locale":"es_MX","og_type":"article","og_title":"Software WMS para gesti\u00f3n de almacenes | GROWms","og_description":"Optimice inventarios, picking, embarques y trazabilidad con GROWms, el software WMS dise\u00f1ado para mejorar la eficiencia operativa de su almac\u00e9n.","og_url":"https:\/\/growms.mx\/software-wms\/","og_site_name":"Software WMS para gesti\u00f3n de almacenes | GROWms","article_modified_time":"2026-06-17T23:56:08+00:00","og_image":[{"width":1731,"height":909,"url":"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/WMS-SOFTWARE.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/growms.mx\/software-wms\/","url":"https:\/\/growms.mx\/software-wms\/","name":"Software WMS para gesti\u00f3n de almacenes | GROWms","isPartOf":{"@id":"https:\/\/growms.mx\/software-wms\/#website"},"primaryImageOfPage":{"@id":"https:\/\/growms.mx\/software-wms\/#primaryimage"},"image":{"@id":"https:\/\/growms.mx\/software-wms\/#primaryimage"},"thumbnailUrl":"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/WMS-SOFTWARE.png","datePublished":"2026-06-04T13:49:15+00:00","dateModified":"2026-06-17T23:56:08+00:00","description":"Optimice inventarios, picking, embarques y trazabilidad con GROWms, el software WMS dise\u00f1ado para mejorar la eficiencia operativa de su almac\u00e9n.","breadcrumb":{"@id":"https:\/\/growms.mx\/software-wms\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/growms.mx\/software-wms\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/growms.mx\/software-wms\/#primaryimage","url":"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/WMS-SOFTWARE.png","contentUrl":"https:\/\/growms.mx\/software-wms\/wp-content\/uploads\/2026\/06\/WMS-SOFTWARE.png","width":1731,"height":909},{"@type":"BreadcrumbList","@id":"https:\/\/growms.mx\/software-wms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/growms.mx\/software-wms\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/growms.mx\/software-wms\/#website","url":"https:\/\/growms.mx\/software-wms\/","name":"Software WMS para gesti\u00f3n de almacenes | GROWms","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/growms.mx\/software-wms\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":97,"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/pages\/13\/revisions\/145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/media\/146"}],"wp:attachment":[{"href":"https:\/\/growms.mx\/software-wms\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}