{"id":9,"date":"2026-03-13T01:17:27","date_gmt":"2026-03-13T01:17:27","guid":{"rendered":"https:\/\/growtia.com.mx\/servicios_sap\/?page_id=9"},"modified":"2026-05-27T00:27:25","modified_gmt":"2026-05-27T00:27:25","slug":"inicio","status":"publish","type":"page","link":"https:\/\/growtia.com.mx\/servicios_sap\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9c210a e-con-full e-flex e-con e-parent\" data-id=\"c9c210a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70d3106 elementor-widget elementor-widget-html\" data-id=\"70d3106\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"growtia-sap-header\">\n    <div class=\"header-container\">\n        <a href=\"https:\/\/growtia.com.mx\/servicios_sap\/\" class=\"brand-logo\">\n            <img decoding=\"async\" src=\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png\" alt=\"Growtia SAP Logo\">\n        <\/a>\n\n        <nav class=\"desktop-nav\">\n            <ul>\n                <li><a href=\"#servicios\">Servicios SAP<\/a><\/li>\n                <li><a href=\"#enfoque\">Enfoque Operativo<\/a><\/li>\n                <li><a href=\"#industrias\">Industrias<\/a><\/li>\n            <\/ul>\n        <\/nav>\n\n        <div class=\"header-actions\">\n            <a href=\"#reunion\" class=\"cta-button\">Solicitar reuni\u00f3n<\/a>\n            <button class=\"mobile-toggle\" id=\"menuToggle\" aria-label=\"Abrir men\u00fa\">\n                <span class=\"bar\"><\/span>\n                <span class=\"bar\"><\/span>\n                <span class=\"bar\"><\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <nav class=\"mobile-nav\" id=\"mobileNav\">\n        <ul>\n            <li><a href=\"#servicios\" class=\"mobile-link\">Servicios SAP<\/a><\/li>\n            <li><a href=\"#enfoque\" class=\"mobile-link\">Enfoque Operativo<\/a><\/li>\n            <li><a href=\"#industrias\" class=\"mobile-link\">Industrias<\/a><\/li>\n            <li><a href=\"#reunion\" class=\"cta-button-mobile mobile-link\">Solicitar reuni\u00f3n<\/a><\/li>\n        <\/ul>\n    <\/nav>\n\n    <style>\n        :root {\n            --g-yellow: #f49a25;\n            --g-navy: #181848;\n            --g-muted: #5b5f75;\n            --g-shadow: 0 4px 20px rgba(24, 24, 72, 0.06);\n            --transition: all 0.3s ease;\n        }\n\n        .growtia-sap-header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            background: #ffffff;\n            box-shadow: var(--g-shadow);\n            z-index: 9999;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        .header-container {\n            max-width: 1120px;\n            margin: 0 auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            height: 80px;\n            padding: 0 20px;\n        }\n\n        \/* LOGO *\/\n        .brand-logo { display: flex; align-items: center; height: 100%; }\n        .brand-logo img { height: 40px; width: auto; }\n\n        \/* NAVEGACI\u00d3N DESKTOP *\/\n        .desktop-nav ul {\n            display: flex;\n            list-style: none;\n            gap: 32px;\n            margin: 0;\n            padding: 0;\n        }\n        .desktop-nav a {\n            text-decoration: none;\n            color: var(--g-muted);\n            font-weight: 600;\n            font-size: 15px;\n            transition: var(--transition);\n        }\n        .desktop-nav a:hover { color: var(--g-navy); }\n\n        \/* BOTONES CTA *\/\n        .cta-button {\n            background: var(--g-yellow);\n            color: #ffffff;\n            text-decoration: none;\n            padding: 12px 24px;\n            border-radius: 999px;\n            font-weight: 800;\n            font-size: 14px;\n            transition: var(--transition);\n            border: 1px solid rgba(244,154,37,.55);\n        }\n        .cta-button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 20px rgba(244, 154, 37, 0.2);\n        }\n\n        \/* BOT\u00d3N HAMBURGUESA (M\u00d3VIL) *\/\n        .mobile-toggle {\n            display: none;\n            background: none;\n            border: none;\n            cursor: pointer;\n            padding: 5px;\n            flex-direction: column;\n            gap: 5px;\n        }\n        .mobile-toggle .bar {\n            display: block;\n            width: 25px;\n            height: 3px;\n            background-color: var(--g-navy);\n            border-radius: 3px;\n            transition: var(--transition);\n        }\n\n        \/* MEN\u00da M\u00d3VIL DESPLEGABLE *\/\n        .mobile-nav {\n            position: absolute;\n            top: 80px;\n            left: 0;\n            width: 100%;\n            background: #ffffff;\n            border-top: 1px solid rgba(24, 24, 72, 0.05);\n            box-shadow: 0 15px 20px rgba(24, 24, 72, 0.05);\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease;\n        }\n        .mobile-nav.open { max-height: 400px; }\n        .mobile-nav ul {\n            list-style: none;\n            margin: 0;\n            padding: 20px;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            text-align: center;\n        }\n        .mobile-nav a {\n            text-decoration: none;\n            color: var(--g-navy);\n            font-weight: 700;\n            font-size: 16px;\n            display: block;\n        }\n        .cta-button-mobile {\n            background: var(--g-yellow);\n            color: #ffffff !important;\n            padding: 14px;\n            border-radius: 12px;\n            margin-top: 10px;\n        }\n\n        \/* RESPONSIVIDAD *\/\n        @media (max-width: 980px) {\n            .desktop-nav { display: none; }\n            .cta-button { display: none; }\n            .mobile-toggle { display: flex; }\n            .brand-logo img { height: 32px; }\n        }\n\n        \/* ANIMACI\u00d3N DE HAMBURGUESA A \"X\" *\/\n        .mobile-toggle.active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }\n        .mobile-toggle.active .bar:nth-child(2) { opacity: 0; }\n        .mobile-toggle.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }\n    <\/style>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const toggleBtn = document.getElementById('menuToggle');\n            const mobileNav = document.getElementById('mobileNav');\n            const mobileLinks = document.querySelectorAll('.mobile-link');\n\n            \/\/ Abrir\/cerrar men\u00fa\n            toggleBtn.addEventListener('click', function() {\n                this.classList.toggle('active');\n                mobileNav.classList.toggle('open');\n            });\n\n            \/\/ Cerrar men\u00fa al hacer clic en un enlace (para anclajes)\n            mobileLinks.forEach(link => {\n                link.addEventListener('click', function() {\n                    toggleBtn.classList.remove('active');\n                    mobileNav.classList.remove('open');\n                });\n            });\n        });\n    <\/script>\n<\/header>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9882ac e-con-full e-flex e-con e-parent\" data-id=\"d9882ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8619e8c elementor-widget elementor-widget-html\" data-id=\"8619e8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gw-sap-hero-clean-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 --- *\/\n        :root {\n            --gw-blue-main: #181848;   \n            --gw-orange-main: #f49a25; \n            --gw-orange-glow: #ff7a00;\n            --gw-white: #ffffff;\n            --gw-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .gw-sap-hero-clean-wrapper {\n            background-color: #040508;\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n        }\n\n        .gw-hero-section {\n            width: 100%;\n            position: relative;\n            \/* Relleno para dar respiro, ideal para pantallas completas *\/\n            padding: clamp(120px, 15vw, 180px) 20px clamp(100px, 12vw, 150px) 20px;\n            min-height: 95vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-sizing: border-box;\n            text-align: center; \/* Texto centrado para mayor impacto sin formulario *\/\n        }\n\n        \/* --- VIDEO BACKGROUND --- *\/\n        .gw-video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; }\n        .gw-bg-video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }\n        \n        \/* OVERLAY PROFESIONAL (Azul Noche para contraste perfecto) *\/\n        .gw-video-overlay { \n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; \n            background: linear-gradient(135deg, rgba(10,11,22,0.85) 0%, rgba(24,24,72,0.7) 100%); \n            z-index: 1; \n        }\n\n        .gw-container {\n            position: relative; z-index: 3;\n            max-width: 1000px; \/* Ampliado ligeramente para acomodar el nuevo tama\u00f1o de letra *\/\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        \/* --- CONTENIDO --- *\/\n        .gw-sap-badge {\n            display: inline-block;\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            color: var(--gw-white);\n            padding: 8px 24px;\n            border-radius: 50px;\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-weight: 700;\n            margin-bottom: 30px;\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n            box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n        }\n\n        .gw-sap-badge span { color: var(--gw-orange-main); }\n\n        .gw-container h1 {\n            color: var(--gw-white);\n            \/* TAMA\u00d1O AUMENTADO: Ahora escala desde 45px hasta 82px en monitores grandes *\/\n            font-size: clamp(45px, 6.5vw, 82px);\n            font-weight: 900;\n            line-height: 1.1; \/* Ajuste para que los renglones grandes no queden tan separados *\/\n            margin: 0 0 25px 0;\n            letter-spacing: -0.02em;\n            \n            \/* TRUCO DE VOLUMEN (Grosor extra) *\/\n            -webkit-text-stroke: 1.5px #ffffff;\n            paint-order: stroke fill;\n        }\n\n        .gw-container h1 span {\n            color: var(--gw-orange-main);\n            background: linear-gradient(90deg, #f49a25 0%, #ffc076 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            \/* TRUCO DE VOLUMEN PARA EL SPAN *\/\n            -webkit-text-stroke: 1.5px var(--gw-orange-main);\n        }\n\n        .gw-container p {\n            font-size: clamp(17px, 2vw, 22px);\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.6;\n            max-width: 700px;\n            margin: 0 auto 45px auto;\n            font-weight: 400;\n        }\n\n        \/* --- BOT\u00d3N CTA --- *\/\n        .gw-btn-primary {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 12px !important;\n            background: linear-gradient(90deg, var(--gw-orange-main) 0%, var(--gw-orange-glow) 100%) !important;\n            color: var(--gw-white) !important;\n            text-decoration: none !important;\n            padding: 18px 45px !important;\n            border-radius: 50px !important;\n            font-weight: 800 !important;\n            font-size: 16px !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1.5px !important;\n            border: none !important;\n            box-shadow: 0 10px 30px rgba(244, 154, 37, 0.3) !important;\n            transition: var(--gw-transition) !important;\n            white-space: nowrap !important;\n        }\n\n        .gw-btn-primary:hover {\n            transform: translateY(-3px) scale(1.02) !important;\n            box-shadow: 0 15px 40px rgba(244, 154, 37, 0.5) !important;\n            filter: brightness(1.05) !important;\n        }\n\n        .gw-btn-primary svg {\n            width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 768px) {\n            .gw-hero-section { padding: 120px 20px 100px 20px; min-height: 85vh; }\n            .gw-btn-primary { width: 100% !important; justify-content: center !important; box-sizing: border-box !important; }\n            \/* Ajuste de t\u00edtulo para m\u00f3viles *\/\n            .gw-container h1 { font-size: clamp(38px, 8vw, 48px); -webkit-text-stroke: 1px #ffffff; }\n            .gw-container h1 span { -webkit-text-stroke: 1px var(--gw-orange-main); }\n        }\n    <\/style>\n\n    <section class=\"gw-hero-section\">\n        \n        <div class=\"gw-video-container\">\n            <video class=\"gw-bg-video\" autoplay loop muted playsinline preload=\"auto\">\n                <source src=\"https:\/\/growtia.com.mx\/wp-content\/uploads\/2026\/05\/0_Industrial_Factory_3840x2160.mp4\" type=\"video\/mp4\">\n            <\/video>\n            <div class=\"gw-video-overlay\"><\/div>\n        <\/div>\n\n        <div class=\"gw-container\">\n            \n            <div class=\"gw-sap-badge\">Consultor\u00eda SAP <span>Especializada<\/span><\/div>\n            \n            <h1>Expertos en SAP para empresas que necesitan <span>control real<\/span><\/h1>\n            \n            <p>Implementaci\u00f3n, soporte y optimizaci\u00f3n de SAP enfocados en la operaci\u00f3n.<\/p>\n            \n            <a href=\"#contacto\" class=\"gw-btn-primary\">\n                Solicitar reuni\u00f3n\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-65a6eb8 e-con-full e-flex e-con e-parent\" data-id=\"65a6eb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e69e6a1 elementor-widget elementor-widget-html\" data-id=\"e69e6a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gw-sap-intro-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 --- *\/\n        :root {\n            --gw-blue-main: #181848;   \n            --gw-orange-main: #f49a25; \n            --gw-bg-light: #f8f9fc;\n            --gw-text-dark: #0a0b16;\n            --gw-text-muted: #4b5563;\n            --gw-transition: all 0.3s ease;\n        }\n\n        .gw-sap-intro-wrapper {\n            background-color: var(--gw-bg-light);\n            padding: clamp(60px, 8vw, 100px) 20px;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        \/* --- FONDO TECH SUTIL --- *\/\n        .gw-sap-intro-bg {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: radial-gradient(rgba(24, 24, 72, 0.04) 2px, transparent 2px);\n            background-size: 35px 35px; z-index: 0; pointer-events: none;\n        }\n\n        \/* --- CONTENEDOR TIPO TARJETA --- *\/\n        .gw-sap-intro-container {\n            max-width: 1120px; \n            margin: 0 auto; \n            position: relative; \n            z-index: 2;\n            display: grid; \n            grid-template-columns: 1fr 1.2fr; \/* Columna derecha un poco m\u00e1s ancha *\/\n            gap: 60px; \n            align-items: center;\n            background: #ffffff; \n            padding: clamp(40px, 6vw, 60px) clamp(30px, 5vw, 50px); \n            border-radius: 24px;\n            box-shadow: 0 20px 50px rgba(24, 24, 72, 0.05);\n            border-left: 6px solid var(--gw-orange-main); \/* Acento de marca *\/\n        }\n\n        \/* --- COLUMNA IZQUIERDA --- *\/\n        .gw-sap-badge {\n            display: inline-flex; align-items: center; gap: 8px;\n            padding: 6px 14px; border-radius: 50px; \n            background: rgba(244, 154, 37, 0.1);\n            color: var(--gw-orange-main); font-weight: 800; font-size: 12px; \n            text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\n        }\n\n        .gw-sap-badge .dot { \n            width: 8px; height: 8px; background: var(--gw-orange-main); border-radius: 50%; \n        }\n\n        .gw-sap-intro-left h2 { \n            font-size: clamp(32px, 4vw, 46px); \n            color: var(--gw-blue-main); \n            font-weight: 900; \n            line-height: 1.15; \n            margin: 0; \n            letter-spacing: -0.02em; \n        }\n\n        \/* --- COLUMNA DERECHA --- *\/\n        .gw-sap-intro-right p { \n            font-size: clamp(16px, 2vw, 19px); \n            color: var(--gw-text-muted); \n            line-height: 1.7; \n            font-weight: 500; \n            margin: 0 0 20px 0; \n        }\n        \n        .gw-sap-intro-right p:last-child { margin: 0; }\n        \n        \/* Resaltes en el texto *\/\n        .gw-highlight { \n            color: var(--gw-blue-main); \n            font-weight: 800; \n        }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 991px) {\n            .gw-sap-intro-container { \n                grid-template-columns: 1fr; \n                gap: 30px; \n                padding: 40px 25px; \n            }\n            .gw-sap-intro-left h2 { max-width: 500px; }\n        }\n    <\/style>\n\n    <div class=\"gw-sap-intro-bg\"><\/div>\n    \n    <div class=\"gw-sap-intro-container\">\n        \n        <div class=\"gw-sap-intro-left\">\n            <div class=\"gw-sap-badge\"><div class=\"dot\"><\/div> An\u00e1lisis de necesidad<\/div>\n            <h2>\u00bfBuscas un experto en SAP?<\/h2>\n        <\/div>\n\n        <div class=\"gw-sap-intro-right\">\n            <p>Si est\u00e1s evaluando <span class=\"gw-highlight\">implementar SAP<\/span>, necesitas soporte o quieres <span class=\"gw-highlight\">optimizar tu sistema actual<\/span>, aqu\u00ed es.<\/p>\n            <p>Trabajamos con empresas que requieren que SAP funcione correctamente dentro de su <span class=\"gw-highlight\">operaci\u00f3n diaria<\/span>.<\/p>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b286dad e-con-full e-flex e-con e-parent\" data-id=\"b286dad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-192e9da elementor-widget elementor-widget-menu-anchor\" data-id=\"192e9da\" 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=\"Servicios\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f149d7c e-con-full e-flex e-con e-parent\" data-id=\"f149d7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f88dc0 elementor-widget elementor-widget-html\" data-id=\"4f88dc0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gw-sap-servicios-dark\" id=\"servicios-sap\">\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      --gw-yellow: #f49a25;\n      --gw-navy: #181848;\n      --gw-dark-bg: #040508;\n      --gw-white: #ffffff;\n      --gw-muted-light: rgba(255, 255, 255, 0.7);\n      --gw-card-bg: rgba(255, 255, 255, 0.03);\n      --gw-border: rgba(255, 255, 255, 0.08);\n      --gw-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .gw-sap-servicios-dark {\n      font-family: 'Poppins', sans-serif;\n      padding: clamp(80px, 8vw, 120px) 16px;\n      background-color: var(--gw-dark-bg);\n      position: relative;\n      overflow: hidden;\n      z-index: 1;\n    }\n\n    \/* =========================================\n       FONDOS: LUCES Y PART\u00cdCULAS (Sin cuadr\u00edcula)\n       ========================================= *\/\n    .gw-bg-lights {\n      position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n      z-index: 0; pointer-events: none; overflow: hidden;\n    }\n\n    \/* Halos de luz de fondo *\/\n    .gw-glow-blue {\n      position: absolute; width: 50vw; height: 50vw; max-width: 800px; max-height: 800px;\n      background: radial-gradient(circle, rgba(24, 24, 72, 0.8) 0%, transparent 60%);\n      top: -20%; right: -10%; filter: blur(50px); animation: pulseAmbient 12s infinite alternate;\n    }\n    .gw-glow-orange {\n      position: absolute; width: 60vw; height: 60vw; max-width: 700px; max-height: 700px;\n      background: radial-gradient(circle, rgba(244, 154, 37, 0.1) 0%, transparent 60%);\n      bottom: -20%; left: -20%; filter: blur(50px); animation: pulseAmbient 15s infinite alternate-reverse;\n    }\n\n    @keyframes pulseAmbient { 0% { transform: scale(1); opacity: 0.7; } 100% { transform: scale(1.2); opacity: 1; } }\n\n    \/* Part\u00edculas de luz flotantes *\/\n    .gw-particle { position: absolute; border-radius: 50%; box-shadow: 0 0 12px 2px currentColor; }\n    .gw-p1 { width: 5px; height: 5px; color: var(--gw-yellow); top: 30%; right: 20%; animation: floatUpLight 18s linear infinite; }\n    .gw-p2 { width: 3px; height: 3px; color: #4facfe; bottom: 20%; left: 10%; animation: floatUpLight 22s linear infinite 4s; }\n    .gw-p3 { width: 6px; height: 6px; color: var(--gw-yellow); top: 70%; right: 40%; animation: floatUpLight 15s linear infinite 2s; }\n\n    @keyframes floatUpLight { \n      0% { transform: translateY(0) scale(1); opacity: 0; } \n      10% { opacity: 0.8; } \n      90% { opacity: 0.8; } \n      100% { transform: translateY(-250px) scale(1.5); opacity: 0; } \n    }\n\n    \/* =========================================\n       CONTENEDOR PRINCIPAL Y HEADER\n       ========================================= *\/\n    .gw-servicios-container {\n      max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;\n    }\n\n    .gw-header-center { text-align: center; margin-bottom: 60px; }\n    \n    .gw-badge-tech {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 6px 16px; border-radius: 50px; \n      background: rgba(244, 154, 37, 0.1);\n      color: var(--gw-yellow); font-weight: 800; font-size: 12px; \n      text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px;\n      border: 1px solid rgba(244, 154, 37, 0.25);\n    }\n    .gw-badge-tech .dot { width: 6px; height: 6px; background: var(--gw-yellow); border-radius: 50%; box-shadow: 0 0 8px var(--gw-yellow);}\n\n    .gw-header-center h2 { \n      color: var(--gw-white); font-size: clamp(34px, 4vw, 50px); \n      font-weight: 900; line-height: 1.15; margin: 0; letter-spacing: -0.02em; \n    }\n\n    \/* =========================================\n       GRID DE TARJETAS (LOS 3 PILARES)\n       ========================================= *\/\n    .gw-services-grid {\n      display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;\n    }\n\n    .gw-service-card {\n      background: var(--gw-card-bg);\n      border: 1px solid var(--gw-border);\n      border-radius: 24px;\n      padding: 40px 30px;\n      backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);\n      transition: var(--gw-transition);\n      position: relative;\n      overflow: hidden;\n      display: flex; flex-direction: column;\n    }\n\n    .gw-service-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(244, 154, 37, 0.4);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 0 30px rgba(244, 154, 37, 0.05);\n      background: rgba(255, 255, 255, 0.05);\n    }\n\n    \/* \u00cdcono Ne\u00f3n *\/\n    .gw-service-icon {\n      width: 60px; height: 60px; border-radius: 16px;\n      background: rgba(24, 24, 72, 0.8);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 25px; transition: var(--gw-transition);\n    }\n    .gw-service-icon svg { width: 30px; height: 30px; stroke: var(--gw-white); fill: none; stroke-width: 1.5; transition: var(--gw-transition); }\n    \n    .gw-service-card:hover .gw-service-icon {\n      background: rgba(244, 154, 37, 0.1);\n      border-color: var(--gw-yellow);\n      box-shadow: 0 0 20px rgba(244, 154, 37, 0.3);\n    }\n    .gw-service-card:hover .gw-service-icon svg { stroke: var(--gw-yellow); stroke-width: 2;}\n\n    .gw-service-card h3 {\n      font-size: 22px; font-weight: 800; color: var(--gw-white); margin: 0 0 20px 0; line-height: 1.3;\n    }\n\n    \/* Listas de servicios *\/\n    .gw-service-list { list-style: none; padding: 0; margin: 0; flex-grow: 1; }\n    .gw-service-list li {\n      display: flex; align-items: flex-start; gap: 12px;\n      color: var(--gw-muted-light); font-size: 15px; font-weight: 400; line-height: 1.5;\n      margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.05);\n      transition: var(--gw-transition);\n    }\n    .gw-service-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }\n    \n    .gw-service-card:hover .gw-service-list li { color: rgba(255,255,255,0.95); }\n\n    \/* Checkmark Tech *\/\n    .gw-check {\n      width: 18px; height: 18px; flex-shrink: 0;\n      color: var(--gw-yellow); margin-top: 2px;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 991px) {\n      .gw-services-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }\n    }\n    @media (max-width: 768px) {\n      .gw-services-grid { grid-template-columns: 1fr; gap: 20px; }\n      .gw-sap-servicios-dark { padding: 80px 20px; }\n      .gw-service-card { padding: 30px 20px; }\n    }\n  <\/style>\n\n  <div class=\"gw-bg-lights\">\n    <div class=\"gw-glow-blue\"><\/div>\n    <div class=\"gw-glow-orange\"><\/div>\n    <div class=\"gw-particle gw-p1\"><\/div>\n    <div class=\"gw-particle gw-p2\"><\/div>\n    <div class=\"gw-particle gw-p3\"><\/div>\n  <\/div>\n\n  <div class=\"gw-servicios-container\">\n    \n    <div class=\"gw-header-center\">\n      <div class=\"gw-badge-tech\"><div class=\"dot\"><\/div> Nuestros Servicios<\/div>\n      <h2>\u00bfQu\u00e9 hacemos?<\/h2>\n    <\/div>\n\n    <div class=\"gw-services-grid\">\n      \n      <div class=\"gw-service-card\">\n        <div class=\"gw-service-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n        <\/div>\n        <h3>Implementaci\u00f3n SAP<\/h3>\n        <ul class=\"gw-service-list\">\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Proyectos llave en mano<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Configuraci\u00f3n y parametrizaci\u00f3n<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Migraci\u00f3n de datos<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Puesta en marcha<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Estabilizaci\u00f3n operativa<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"gw-service-card\">\n        <div class=\"gw-service-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"><\/path><\/svg>\n        <\/div>\n        <h3>Soporte y mantenimiento<\/h3>\n        <ul class=\"gw-service-list\">\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Soporte funcional<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Soporte t\u00e9cnico<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Atenci\u00f3n por niveles<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Correcci\u00f3n de incidencias<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Ajustes y mejoras continuas<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"gw-service-card\">\n        <div class=\"gw-service-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>Optimizaci\u00f3n SAP<\/h3>\n        <ul class=\"gw-service-list\">\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Revisi\u00f3n de procesos<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Ajuste de configuraci\u00f3n<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Integraci\u00f3n con otros sistemas<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Mejora en control y reportes<\/li>\n          <li><svg class=\"gw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Alineaci\u00f3n con la operaci\u00f3n real<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec251e e-con-full e-flex e-con e-parent\" data-id=\"3ec251e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7684bcb elementor-widget elementor-widget-menu-anchor\" data-id=\"7684bcb\" 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=\"Enfoque\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f58d2b e-con-full e-flex e-con e-parent\" data-id=\"9f58d2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6c4b1c elementor-widget elementor-widget-html\" data-id=\"d6c4b1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gw-sap-enfoque-wrapper\" id=\"enfoque-operativo\">\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      --gw-yellow: #f49a25;\n      --gw-navy: #181848;\n      --gw-bg-light: #f8f9fc;\n      --gw-white: #ffffff;\n      --gw-text-dark: #0a0b16;\n      --gw-text-muted: #4b5563;\n      --gw-border-light: rgba(24, 24, 72, 0.08);\n      --gw-shadow-soft: 0 15px 35px rgba(24, 24, 72, 0.05);\n      --gw-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .gw-sap-enfoque-wrapper {\n      font-family: 'Poppins', sans-serif;\n      padding: clamp(80px, 8vw, 120px) 16px;\n      background-color: var(--gw-bg-light);\n      position: relative;\n      overflow: hidden;\n      z-index: 1;\n    }\n\n    \/* Fondo de puntos t\u00e9cnicos muy sutil *\/\n    .gw-sap-enfoque-wrapper::before {\n      content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n      background-image: radial-gradient(rgba(24, 24, 72, 0.05) 1.5px, transparent 1.5px);\n      background-size: 30px 30px; z-index: 0; pointer-events: none;\n    }\n\n    .gw-enfoque-container {\n      max-width: 1120px; margin: 0 auto; position: relative; z-index: 2;\n    }\n\n    \/* --- ENCABEZADO --- *\/\n    .gw-enfoque-header {\n      text-align: center; margin-bottom: 50px;\n    }\n\n    .gw-badge-enfoque {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 6px 16px; border-radius: 50px; \n      background: rgba(244, 154, 37, 0.1);\n      color: var(--gw-yellow); font-weight: 800; font-size: 12px; \n      text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px;\n      border: 1px solid rgba(244, 154, 37, 0.2);\n    }\n    .gw-badge-enfoque .dot { width: 6px; height: 6px; background: var(--gw-yellow); border-radius: 50%; }\n\n    .gw-enfoque-header h2 { \n      color: var(--gw-navy); font-size: clamp(32px, 4vw, 48px); \n      font-weight: 900; line-height: 1.15; margin: 0 0 15px 0; letter-spacing: -0.02em; \n    }\n\n    .gw-enfoque-header p {\n      font-size: clamp(16px, 2vw, 18px); color: var(--gw-text-muted); \n      max-width: 600px; margin: 0 auto; font-weight: 500;\n    }\n\n    \/* --- GRID DE 5 TARJETAS --- *\/\n    .gw-enfoque-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    \/* Distribuci\u00f3n para que las 5 quepan perfectas (3 arriba, 2 abajo centradas) *\/\n    .gw-card-1 { grid-column: span 2; }\n    .gw-card-2 { grid-column: span 2; }\n    .gw-card-3 { grid-column: span 2; }\n    .gw-card-4 { grid-column: 2 \/ span 2; } \/* Centra en la fila de abajo *\/\n    .gw-card-5 { grid-column: 4 \/ span 2; }\n\n    .gw-operacion-card {\n      background: var(--gw-white);\n      border: 1px solid var(--gw-border-light);\n      border-radius: 20px;\n      padding: 30px 25px;\n      display: flex; flex-direction: column; align-items: center; text-align: center;\n      box-shadow: var(--gw-shadow-soft);\n      transition: var(--gw-transition);\n      position: relative; overflow: hidden;\n    }\n\n    .gw-operacion-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(244, 154, 37, 0.4);\n      box-shadow: 0 20px 40px rgba(24, 24, 72, 0.08);\n    }\n\n    \/* Resplandor interno en hover *\/\n    .gw-operacion-card::after {\n      content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px;\n      background: var(--gw-yellow); transform: scaleX(0); transform-origin: center;\n      transition: transform 0.3s ease;\n    }\n    .gw-operacion-card:hover::after { transform: scaleX(1); }\n\n    .gw-icon-wrapper {\n      width: 56px; height: 56px; border-radius: 14px;\n      background: rgba(24, 24, 72, 0.04);\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 15px; transition: var(--gw-transition);\n    }\n    .gw-operacion-card:hover .gw-icon-wrapper {\n      background: rgba(244, 154, 37, 0.1);\n    }\n    \n    .gw-icon-wrapper svg {\n      width: 26px; height: 26px; stroke: var(--gw-navy); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n      transition: var(--gw-transition);\n    }\n    .gw-operacion-card:hover .gw-icon-wrapper svg { stroke: var(--gw-yellow); }\n\n    .gw-operacion-card h3 {\n      font-size: 18px; font-weight: 800; color: var(--gw-navy); margin: 0;\n    }\n\n    \/* --- BANNER DE CIERRE IMPACTANTE --- *\/\n    .gw-banner-frase {\n      background: linear-gradient(135deg, var(--gw-yellow) 0%, #ff7a00 100%);\n      border-radius: 20px;\n      padding: clamp(30px, 4vw, 40px) 20px;\n      text-align: center;\n      box-shadow: 0 20px 40px rgba(244, 154, 37, 0.3);\n      position: relative; overflow: hidden;\n    }\n\n    \/* Brillos dentro del banner *\/\n    .gw-banner-frase::before {\n      content: ''; position: absolute; top: -50%; left: -10%; width: 50%; height: 200%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n      transform: rotate(25deg); animation: shine 6s infinite; pointer-events: none;\n    }\n    @keyframes shine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }\n\n    .gw-banner-frase h3 {\n      font-size: clamp(20px, 2.5vw, 28px);\n      font-weight: 900; color: var(--gw-white); margin: 0;\n      line-height: 1.4; letter-spacing: -0.01em; position: relative; z-index: 1;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width: 991px) {\n      .gw-card-1, .gw-card-2, .gw-card-3 { grid-column: span 3; }\n      .gw-card-4 { grid-column: 1 \/ span 3; }\n      .gw-card-5 { grid-column: 4 \/ span 3; }\n    }\n    @media (max-width: 600px) {\n      .gw-enfoque-grid { grid-template-columns: 1fr; }\n      .gw-card-1, .gw-card-2, .gw-card-3, .gw-card-4, .gw-card-5 { grid-column: span 1; }\n    }\n  <\/style>\n\n  <div class=\"gw-enfoque-container\">\n    \n    <div class=\"gw-enfoque-header\">\n      <div class=\"gw-badge-enfoque\"><div class=\"dot\"><\/div> Aplicaci\u00f3n Real<\/div>\n      <h2>Enfoque Operativo<\/h2>\n      <p>SAP aplicado directamente a los pilares de tu negocio.<\/p>\n    <\/div>\n\n    <div class=\"gw-enfoque-grid\">\n      \n      <div class=\"gw-operacion-card gw-card-1\">\n        <div class=\"gw-icon-wrapper\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg><\/div>\n        <h3>Inventarios<\/h3>\n      <\/div>\n\n      <div class=\"gw-operacion-card gw-card-2\">\n        <div class=\"gw-icon-wrapper\"><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><\/div>\n        <h3>Producci\u00f3n<\/h3>\n      <\/div>\n\n      <div class=\"gw-operacion-card gw-card-3\">\n        <div class=\"gw-icon-wrapper\"><svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"><\/rect><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"><\/polygon><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"><\/circle><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"><\/circle><\/svg><\/div>\n        <h3>Log\u00edstica<\/h3>\n      <\/div>\n\n      <div class=\"gw-operacion-card gw-card-4\">\n        <div class=\"gw-icon-wrapper\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"><\/line><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path><\/svg><\/div>\n        <h3>Finanzas<\/h3>\n      <\/div>\n\n      <div class=\"gw-operacion-card gw-card-5\">\n        <div class=\"gw-icon-wrapper\"><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><\/div>\n        <h3>Control operativo<\/h3>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"gw-banner-frase\">\n      <h3>\"El sistema debe facilitar la operaci\u00f3n, no complicarla.\"<\/h3>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd09dc0 e-con-full e-flex e-con e-parent\" data-id=\"fd09dc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba2ccc5 elementor-widget elementor-widget-menu-anchor\" data-id=\"ba2ccc5\" 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=\"Industrias\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d1dfbc e-con-full e-flex e-con e-parent\" data-id=\"1d1dfbc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42b5473 elementor-widget elementor-widget-html\" data-id=\"42b5473\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gw-sap-casos-dark\" id=\"cuando-nos-buscan\">\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      --gw-yellow: #f49a25;\n      --gw-navy: #181848;\n      --gw-dark-bg: #040508;\n      --gw-card-bg: rgba(255, 255, 255, 0.02);\n      --gw-white: #ffffff;\n      --gw-muted: rgba(255, 255, 255, 0.65);\n      --gw-border: rgba(255, 255, 255, 0.08);\n      --gw-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n\n    .gw-sap-casos-dark {\n      font-family: 'Poppins', sans-serif;\n      padding: clamp(80px, 8vw, 120px) 16px;\n      background-color: var(--gw-dark-bg);\n      position: relative;\n      overflow: hidden;\n      z-index: 1;\n    }\n\n    \/* =========================================\n       CAPA 0: FONDOS Y EFECTOS TECH\n       ========================================= *\/\n    .gw-casos-bg-effects {\n      position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n      z-index: 0; pointer-events: none; overflow: hidden;\n    }\n\n    \/* Ret\u00edcula de radar sutil *\/\n    .gw-radar-grid {\n      position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n      background-image: \n        linear-gradient(rgba(24, 24, 72, 0.3) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(24, 24, 72, 0.3) 1px, transparent 1px);\n      background-size: 50px 50px;\n      mask-image: radial-gradient(circle at center, black 10%, transparent 70%);\n      -webkit-mask-image: radial-gradient(circle at center, black 10%, transparent 70%);\n    }\n\n    \/* Luces de profundidad *\/\n    .gw-glow-center {\n      position: absolute; width: 60vw; height: 60vw; max-width: 800px; max-height: 800px;\n      background: radial-gradient(circle, rgba(24, 24, 72, 0.6) 0%, transparent 60%);\n      top: 50%; left: 50%; transform: translate(-50%, -50%);\n      filter: blur(60px); animation: breatheGlow 8s infinite alternate ease-in-out;\n    }\n\n    @keyframes breatheGlow {\n      0% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.5; }\n      100% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }\n    }\n\n    \/* =========================================\n       CAPA 1: CONTENIDO (Z-INDEX 2)\n       ========================================= *\/\n    .gw-casos-container {\n      max-width: 1120px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 2; \/* BLINDADO SOBRE LOS EFECTOS *\/\n    }\n\n    \/* --- ENCABEZADO --- *\/\n    .gw-casos-header {\n      text-align: center; margin-bottom: 60px;\n    }\n\n    .gw-casos-badge {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 6px 18px; border-radius: 50px; \n      background: rgba(244, 154, 37, 0.1);\n      color: var(--gw-yellow); font-weight: 800; font-size: 12px; \n      text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 20px;\n      border: 1px solid rgba(244, 154, 37, 0.2);\n    }\n    .gw-casos-badge .dot { \n      width: 6px; height: 6px; background: var(--gw-yellow); \n      border-radius: 50%; box-shadow: 0 0 10px var(--gw-yellow);\n    }\n\n    .gw-casos-header h2 { \n      color: var(--gw-white); font-size: clamp(34px, 4vw, 52px); \n      font-weight: 900; line-height: 1.15; margin: 0; letter-spacing: -0.02em; \n    }\n\n    \/* --- GRID DE DIAGN\u00d3STICO (5 TARJETAS) --- *\/\n    .gw-casos-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 24px;\n    }\n\n    \/* Distribuci\u00f3n: 3 arriba, 2 abajo centradas *\/\n    .gw-caso-1 { grid-column: span 2; }\n    .gw-caso-2 { grid-column: span 2; }\n    .gw-caso-3 { grid-column: span 2; }\n    .gw-caso-4 { grid-column: 2 \/ span 2; }\n    .gw-caso-5 { grid-column: 4 \/ span 2; }\n\n    .gw-caso-card {\n      background: var(--gw-card-bg);\n      border: 1px solid var(--gw-border);\n      border-radius: 20px;\n      padding: 35px 25px;\n      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n      display: flex; flex-direction: column; align-items: center; text-align: center;\n      transition: var(--gw-transition);\n      position: relative; overflow: hidden;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n    }\n\n    \/* L\u00ednea Ne\u00f3n Superior (Esc\u00e1ner) *\/\n    .gw-caso-card::before {\n      content: ''; position: absolute; top: 0; left: 50%; width: 0%; height: 3px;\n      background: var(--gw-yellow); box-shadow: 0 0 15px var(--gw-yellow);\n      transition: var(--gw-transition); transform: translateX(-50%);\n    }\n\n    .gw-caso-card:hover {\n      transform: translateY(-8px);\n      background: rgba(255, 255, 255, 0.04);\n      border-color: rgba(244, 154, 37, 0.3);\n      box-shadow: 0 20px 40px rgba(0,0,0,0.6), inset 0 0 25px rgba(244, 154, 37, 0.05);\n    }\n    .gw-caso-card:hover::before { width: 100%; }\n\n    \/* \u00cdconos Tecnol\u00f3gicos *\/\n    .gw-caso-icon {\n      width: 64px; height: 64px; border-radius: 50%;\n      background: rgba(24, 24, 72, 0.8);\n      border: 1px solid rgba(255,255,255,0.1);\n      display: flex; align-items: center; justify-content: center;\n      margin-bottom: 20px; transition: var(--gw-transition);\n      position: relative;\n    }\n    .gw-caso-icon::after {\n      content: ''; position: absolute; inset: -5px; border-radius: 50%;\n      border: 1px dashed rgba(244, 154, 37, 0.2); animation: spinDash 10s linear infinite;\n      opacity: 0; transition: var(--gw-transition);\n    }\n\n    @keyframes spinDash { 100% { transform: rotate(360deg); } }\n\n    .gw-caso-card:hover .gw-caso-icon {\n      background: rgba(244, 154, 37, 0.1);\n      border-color: var(--gw-yellow);\n      box-shadow: 0 0 25px rgba(244, 154, 37, 0.2);\n    }\n    .gw-caso-card:hover .gw-caso-icon::after { opacity: 1; }\n\n    .gw-caso-icon svg {\n      width: 28px; height: 28px; stroke: var(--gw-muted); fill: none; stroke-width: 1.5;\n      transition: var(--gw-transition);\n    }\n    .gw-caso-card:hover .gw-caso-icon svg { stroke: var(--gw-yellow); stroke-width: 2; transform: scale(1.1); }\n\n    \/* Texto *\/\n    .gw-caso-card p {\n      font-size: 16px; font-weight: 600; color: var(--gw-white); \n      margin: 0; line-height: 1.5; letter-spacing: 0.3px;\n    }\n\n    \/* --- RESPONSIVE M\u00d3VIL --- *\/\n    @media (max-width: 991px) {\n      .gw-caso-1, .gw-caso-2, .gw-caso-3 { grid-column: span 3; }\n      .gw-caso-4 { grid-column: 1 \/ span 3; }\n      .gw-caso-5 { grid-column: 4 \/ span 3; }\n    }\n    @media (max-width: 650px) {\n      .gw-casos-grid { grid-template-columns: 1fr; }\n      .gw-caso-1, .gw-caso-2, .gw-caso-3, .gw-caso-4, .gw-caso-5 { grid-column: span 1; }\n      .gw-caso-card { padding: 25px 20px; }\n    }\n  <\/style>\n\n  <div class=\"gw-casos-bg-effects\">\n    <div class=\"gw-radar-grid\"><\/div>\n    <div class=\"gw-glow-center\"><\/div>\n  <\/div>\n\n  <div class=\"gw-casos-container\">\n    \n    <div class=\"gw-casos-header\">\n      <div class=\"gw-casos-badge\"><div class=\"dot\"><\/div> Escenarios de Impacto<\/div>\n      <h2>\u00bfCu\u00e1ndo nos buscan?<\/h2>\n    <\/div>\n\n    <div class=\"gw-casos-grid\">\n      \n      <div class=\"gw-caso-card gw-caso-1\">\n        <div class=\"gw-caso-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n        <\/div>\n        <p>Necesitan implementar SAP correctamente<\/p>\n      <\/div>\n\n      <div class=\"gw-caso-card gw-caso-2\">\n        <div class=\"gw-caso-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n        <\/div>\n        <p>Tienen problemas con su sistema actual<\/p>\n      <\/div>\n\n      <div class=\"gw-caso-card gw-caso-3\">\n        <div class=\"gw-caso-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><line x1=\"18\" y1=\"8\" x2=\"23\" y2=\"13\"><\/line><line x1=\"23\" y1=\"8\" x2=\"18\" y2=\"13\"><\/line><\/svg>\n        <\/div>\n        <p>Requieren soporte especializado<\/p>\n      <\/div>\n\n      <div class=\"gw-caso-card gw-caso-4\">\n        <div class=\"gw-caso-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        <p>Buscan estabilidad operativa<\/p>\n      <\/div>\n\n      <div class=\"gw-caso-card gw-caso-5\">\n        <div class=\"gw-caso-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        <p>Quieren mejorar procesos<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f18ae75 e-con-full e-flex e-con e-parent\" data-id=\"f18ae75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffab104 elementor-widget elementor-widget-html\" data-id=\"ffab104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gw-cert-wrapper-pro\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        \/* RESET LOCAL *\/\n        .gw-cert-wrapper-pro {\n            background-color: #ffffff;\n            margin: 0; padding: 0;\n            overflow: hidden;\n            font-family: 'Poppins', sans-serif;\n            position: relative;\n        }\n\n        :root {\n            --gw-orange: #f49a25;\n            --gw-blue: #181848; \/* Azul corporativo Growtia *\/\n            --gw-text-main: #0a0b16;\n            --gw-text-muted: #4b5563;\n        }\n\n        \/* --- FONDO DE CIRCUITO DIGITAL (MEMORIA) --- *\/\n        \/* Trazos sutiles de placa base *\/\n        .gw-circuit-board {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(24, 24, 72, 0.05) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(24, 24, 72, 0.05) 1px, transparent 1px);\n            background-size: 80px 80px;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        \/* PAQUETES DE DATOS VIAJANDO POR EL CIRCUITO *\/\n        .gw-data-bit {\n            position: absolute; background: var(--gw-blue);\n            border-radius: 50px; box-shadow: 0 0 10px rgba(24, 24, 72, 0.6);\n            z-index: 1; pointer-events: none;\n        }\n        .gw-bit-1 { width: 3px; height: 60px; left: 20%; animation: bitMoveY 4s linear infinite; }\n        .gw-bit-2 { width: 80px; height: 3px; top: 30%; animation: bitMoveX 7s linear infinite; background: var(--gw-orange); box-shadow: 0 0 10px rgba(244, 154, 37, 0.6);}\n        .gw-bit-3 { width: 3px; height: 100px; right: 25%; animation: bitMoveY 5s linear infinite 2s; }\n\n        @keyframes bitMoveY { 0% { top: -10%; opacity: 0;} 10% { opacity: 1; } 90% {opacity: 1;} 100% { top: 110%; opacity: 0;} }\n        @keyframes bitMoveX { 0% { left: -10%; opacity: 0;} 10% { opacity: 1; } 90% {opacity: 1;} 100% { left: 110%; opacity: 0;} }\n\n        \/* --- ESTRUCTURA DE LA SECCI\u00d3N --- *\/\n        .gw-cert-section {\n            width: 100%; max-width: 1200px; margin: 0 auto;\n            padding: clamp(80px, 8vw, 120px) 20px;\n            position: relative; z-index: 2;\n        }\n\n        .gw-cert-header { text-align: center; margin-bottom: clamp(50px, 7vw, 70px); }\n        \n        .gw-cert-header h2 {\n            color: var(--gw-text-main); font-size: clamp(32px, 4vw, 48px);\n            font-weight: 900; margin: 0 0 20px 0; line-height: 1.2; letter-spacing: -0.02em;\n        }\n        .gw-cert-header h2 span { color: var(--gw-blue); }\n        \n        .gw-cert-header p {\n            color: var(--gw-text-muted); font-size: clamp(16px, 2vw, 18px);\n            line-height: 1.6; max-width: 850px; margin: 0 auto; font-weight: 500;\n        }\n\n        \/* --- GRID Y TARJETAS --- *\/\n        .gw-cert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; }\n\n        .gw-cert-card {\n            background: rgba(255, 255, 255, 0.95);\n            border: 1px solid rgba(24, 24, 72, 0.08);\n            border-radius: 16px;\n            padding: 40px 20px;\n            display: flex; flex-direction: column; align-items: center; justify-content: center;\n            position: relative;\n            box-shadow: 0 10px 30px rgba(24, 24, 72, 0.05);\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n            z-index: 2; overflow: hidden;\n            backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\n        }\n\n        \/* Hover Tech en la tarjeta *\/\n        .gw-cert-card::after {\n            content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px;\n            background: var(--gw-blue); transition: all 0.3s ease; transform: scaleX(0); transform-origin: center;\n        }\n\n        .gw-cert-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(24, 24, 72, 0.1);\n            border-color: rgba(24, 24, 72, 0.2);\n        }\n        .gw-cert-card:hover::after { transform: scaleX(1); }\n\n        \/* --- CAJA ESTRICTA PARA IGUALAR TAMA\u00d1OS DE LOGOS --- *\/\n        .gw-cert-logo-box {\n            width: 220px;\n            height: 80px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n        }\n\n        .gw-cert-logo-box img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            transition: transform 0.4s ease;\n        }\n\n        \/* Escala espec\u00edfica para el logo ISO para igualar peso visual *\/\n        .gw-logo-iso {\n            transform: scale(1.6);\n        }\n\n        .gw-cert-card:hover .gw-cert-logo-box img { transform: scale(1.08); }\n        .gw-cert-card:hover .gw-cert-logo-box .gw-logo-iso { transform: scale(1.7); }\n\n        \/* T\u00edtulos *\/\n        .gw-cert-title {\n            color: var(--gw-blue);\n            font-size: 18px; font-weight: 800; margin: 0; text-align: center; letter-spacing: 0.2px;\n        }\n\n        \/* --- RESPONSIVE M\u00d3VIL (SWIPE NATIVO) --- *\/\n        @media (max-width: 900px) {\n            .gw-cert-section { padding: 60px 0 80px 0; }\n            .gw-cert-header { padding: 0 20px; }\n            .gw-cert-grid {\n                display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 20px;\n                padding: 10px 20px 40px 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none;\n            }\n            .gw-cert-grid::-webkit-scrollbar { display: none; }\n            .gw-cert-card { flex: 0 0 85%; scroll-snap-align: center; }\n            .gw-circuit-board { background-size: 50px 50px; }\n        }\n    <\/style>\n\n    <div class=\"gw-circuit-board\"><\/div>\n    <div class=\"gw-data-bit gw-bit-1\"><\/div>\n    <div class=\"gw-data-bit gw-bit-2\"><\/div>\n    <div class=\"gw-data-bit gw-bit-3\"><\/div>\n\n    <section class=\"gw-cert-section\">\n        \n        <div class=\"gw-cert-header\">\n            <h2>Respaldo y <span>certificaciones<\/span><\/h2>\n            <p>Contamos con certificaciones y alianzas estrat\u00e9gicas que fortalecen la seguridad, calidad y confiabilidad de nuestros procesos tecnol\u00f3gicos.<\/p>\n        <\/div>\n\n        <div class=\"gw-cert-grid\" aria-label=\"Carrusel de acreditaciones\">\n            \n            <article class=\"gw-cert-card\">\n                <div class=\"gw-cert-logo-box\">\n                    <img decoding=\"async\" src=\"http:\/\/growtia.com.mx\/wp-content\/uploads\/2025\/12\/Captura_de_pantalla_2025-12-19_163502-removebg-preview.png\" alt=\"Microsoft Partner\" loading=\"lazy\" \/>\n                <\/div>\n                <h3 class=\"gw-cert-title\">SAP Service Partner <\/h3>\n            <\/article>\n\n            <article class=\"gw-cert-card\">\n                <div class=\"gw-cert-logo-box\">\n                    <img decoding=\"async\" class=\"gw-logo-iso\" src=\"http:\/\/growtia.com.mx\/wp-content\/uploads\/2025\/12\/descarga-removebg-preview.png\" alt=\"ISO\/IEC 27001\" loading=\"lazy\" \/>\n                <\/div>\n                <h3 class=\"gw-cert-title\">Microsoft Partner<\/h3>\n            <\/article>\n\n            <article class=\"gw-cert-card\">\n                <div class=\"gw-cert-logo-box\">\n                    <img decoding=\"async\" src=\"http:\/\/growtia.com.mx\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-19-dic-2025-05_04_42-p.m.png\" alt=\"SAP Service Partner\" loading=\"lazy\" \/>\n                <\/div>\n                <h3 class=\"gw-cert-title\">ISO\/IEC 27001<\/h3>\n            <\/article>\n\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-9302c5b e-con-full e-flex e-con e-parent\" data-id=\"9302c5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-586a2a7 elementor-widget elementor-widget-menu-anchor\" data-id=\"586a2a7\" 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=\"contacto\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f5dec1 e-con-full e-flex e-con e-parent\" data-id=\"3f5dec1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53bebf6 elementor-widget elementor-widget-menu-anchor\" data-id=\"53bebf6\" 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=\"reunion\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b211fcf e-con-full e-flex e-con e-parent\" data-id=\"b211fcf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16fe073 elementor-widget elementor-widget-html\" data-id=\"16fe073\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"gw-final-cta-wrapper\">\n    <script src='https:\/\/www.google.com\/recaptcha\/api.js' async defer><\/script>\n    <script src='https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.4\/jquery.min.js'><\/script>\n\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\n\n        \/* --- RESET Y CONTENEDOR GLOBAL --- *\/\n        .gw-final-cta-wrapper {\n            background-color: #040508; \/* Oscuro profundo *\/\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        }\n\n        :root {\n            --gw-orange: #f49a25;\n            --gw-blue: #181848;\n            --gw-white: #ffffff;\n            --gw-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        \/* --- FONDO CREATIVO: N\u00daCLEO DE DATOS ANIMADO (DATA CORE) --- *\/\n        .gw-core-ring-1, .gw-core-ring-2, .gw-core-ring-3 {\n            position: absolute;\n            border-radius: 50%;\n            top: 50%; left: 20%;\n            transform: translate(-50%, -50%);\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .gw-core-ring-1 {\n            width: 800px; height: 800px;\n            border: 2px dashed rgba(24, 24, 72, 0.4);\n            animation: rotateCore 40s linear infinite;\n        }\n\n        .gw-core-ring-2 {\n            width: 600px; height: 600px;\n            border: 1px solid rgba(244, 154, 37, 0.1);\n            box-shadow: inset 0 0 40px rgba(244, 154, 37, 0.05);\n            animation: rotateCore 30s linear infinite reverse;\n        }\n\n        .gw-core-ring-3 {\n            width: 400px; height: 400px;\n            border: 4px dotted rgba(255, 255, 255, 0.03);\n            animation: rotateCore 20s linear infinite;\n        }\n\n        @keyframes rotateCore {\n            0% { transform: translate(-50%, -50%) rotate(0deg); }\n            100% { transform: translate(-50%, -50%) rotate(360deg); }\n        }\n\n        .gw-form-glow {\n            position: absolute;\n            width: 800px; height: 800px;\n            background: radial-gradient(circle, rgba(244, 154, 37, 0.08) 0%, transparent 60%);\n            top: 50%; right: -10%;\n            transform: translateY(-50%);\n            z-index: 0; pointer-events: none;\n        }\n\n        \/* --- ESTRUCTURA DEL LAYOUT --- *\/\n        .gw-cta-section {\n            width: 100%; max-width: 1200px; margin: 0 auto;\n            padding: clamp(80px, 8vw, 120px) 20px;\n            position: relative; z-index: 2;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        \/* --- COLUMNA IZQUIERDA: TEXTOS --- *\/\n        .gw-cta-text-col { padding-right: 20px; }\n\n        .gw-cta-badge {\n            display: inline-block;\n            background: rgba(244, 154, 37, 0.1);\n            color: var(--gw-orange);\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 25px;\n            border: 1px solid rgba(244, 154, 37, 0.3);\n        }\n\n        .gw-cta-text-col h2 {\n            color: var(--gw-white);\n            font-size: clamp(34px, 4vw, 54px);\n            font-weight: 900;\n            margin: 0 0 20px 0;\n            line-height: 1.15;\n            letter-spacing: -0.02em;\n        }\n\n        .gw-cta-text-col h2 span { color: var(--gw-orange); display: block; }\n\n        .gw-cta-text-col p.gw-cta-sub {\n            color: rgba(255, 255, 255, 0.85);\n            font-size: clamp(16px, 1.8vw, 18px);\n            line-height: 1.6;\n            margin: 0 0 35px 0;\n            font-weight: 400;\n        }\n\n        \/* --- COLUMNA DERECHA: FORMULARIO ZOHO REDISE\u00d1ADO --- *\/\n        .gw-cta-form-col { position: relative; }\n        #hero-form-container { width: 100%; display: flex; justify-content: center; }\n\n        \/* Panel de cristal del formulario *\/\n        #hero-form-container #crmWebToEntityForm {\n            width: 100%;\n            padding: clamp(30px, 4vw, 45px);\n            box-sizing: border-box;\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-top: 1px solid rgba(244, 154, 37, 0.3);\n            border-radius: 20px;\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n        }\n\n        \/* T\u00edtulos internos del form *\/\n        .gt-form-header { text-align: center; margin-bottom: 30px; }\n        .gt-form-header h3 { color: var(--gw-orange); font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; }\n        .gt-form-header h2 { color: var(--gw-white); font-size: 24px; font-weight: 800; margin: 0 0 10px 0; line-height: 1.2; }\n\n        \/* Filas del Formulario *\/\n        #hero-form-container .zcwf_row {\n            margin: 0 0 20px 0;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        \/* Grid de 2 columnas para Nombre\/Apellido y Tel\u00e9fono\/Cargo *\/\n        #hero-form-container .form-row-2col {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n        #hero-form-container .form-row-2col .zcwf_row { margin-bottom: 0; }\n\n        #hero-form-container .zcwf_col_lab { width: 100%; margin-bottom: 8px; }\n        #hero-form-container .zcwf_col_fld { width: 100%; }\n\n        \/* Etiquetas *\/\n        #hero-form-container .zcwf_col_lab label {\n            font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.9) !important;\n            text-transform: uppercase; letter-spacing: 0.5px;\n        }\n\n        \/* Campos de texto y Selects *\/\n        #hero-form-container input[type=text],\n        #hero-form-container select {\n            width: 100% !important;\n            background: rgba(0, 0, 0, 0.4) !important;\n            border: 1px solid rgba(255, 255, 255, 0.15) !important;\n            border-radius: 12px !important;\n            padding: 15px 20px !important;\n            font-size: 15px !important;\n            color: var(--gw-white) !important;\n            font-family: 'Poppins', sans-serif;\n            outline: none;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n        }\n\n        #hero-form-container input[type=text]:focus,\n        #hero-form-container select:focus {\n            border-color: var(--gw-orange) !important;\n            background: rgba(0, 0, 0, 0.6) !important;\n            box-shadow: 0 0 0 4px rgba(244, 154, 37, 0.1) !important;\n        }\n\n        #hero-form-container input::placeholder { color: rgba(255,255,255,0.3) !important; }\n\n        #hero-form-container select {\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\") !important;\n            background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 16px !important;\n        }\n        #hero-form-container select option { background: #0a0b16; color: #fff; }\n\n        \/* Footer del form *\/\n        #hero-form-container .center-footer { display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 10px; }\n        \n        .privacy-note { font-size: 11px; color: rgba(255, 255, 255, 0.5); text-align: center; margin-top: 15px; margin-bottom: 0; }\n        \n        \/* Bot\u00f3n de env\u00edo *\/\n        #hero-form-container .formsubmit.zcwf_button {\n            background: linear-gradient(90deg, #181848 0%, #762382 50%, #f49a25 100%) !important;\n            color: var(--gw-white) !important;\n            border: 1px solid rgba(255,255,255,0.4) !important;\n            padding: 16px 40px !important;\n            border-radius: 50px !important;\n            font-weight: 800 !important; font-size: 16px !important;\n            text-transform: uppercase; letter-spacing: 1.5px;\n            cursor: pointer; transition: all 0.3s ease;\n            width: 100%; margin-top: 10px;\n        }\n\n        #hero-form-container .formsubmit.zcwf_button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(244, 154, 37, 0.4);\n            border-color: #fff !important;\n        }\n\n        \/* --- RESPONSIVE M\u00d3VIL --- *\/\n        @media (max-width: 900px) {\n            .gw-cta-section { grid-template-columns: 1fr; gap: 40px; padding: 60px 20px 80px 20px; }\n            .gw-cta-text-col { padding-right: 0; text-align: center; }\n            .gw-core-ring-1, .gw-core-ring-2, .gw-core-ring-3 { top: 20%; left: 50%; }\n            .gw-form-glow { top: auto; bottom: -10%; right: 50%; transform: translateX(50%); width: 100vw; height: 100vw; }\n            #hero-form-container .g-recaptcha { transform: scale(0.85); transform-origin: center; }\n        }\n        \n        @media (max-width: 500px) {\n            #hero-form-container .form-row-2col { grid-template-columns: 1fr; gap: 0; margin-bottom: 0;}\n        }\n    <\/style>\n\n    <div class=\"gw-core-ring-1\"><\/div>\n    <div class=\"gw-core-ring-2\"><\/div>\n    <div class=\"gw-core-ring-3\"><\/div>\n    <div class=\"gw-form-glow\"><\/div>\n\n    <section class=\"gw-cta-section\">\n        \n        <div class=\"gw-cta-text-col\">\n            <div class=\"gw-cta-badge\">Contacto Inmediato<\/div>\n            <h2>Integra talento tecnol\u00f3gico sin frenar<span>tu operaci\u00f3n.<\/span><\/h2>\n            <p class=\"gw-cta-sub\">Cu\u00e9ntanos qu\u00e9 perfiles, capacidades o proyectos necesitas fortalecer y te ayudamos a integrar talento especializado con continuidad, seguimiento y respaldo operativo.<\/p>\n        <\/div>\n\n        <div class=\"gw-cta-form-col\">\n            <div id=\"hero-form-container\">\n                <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm'>\n                    <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n                    <META HTTP-EQUIV='content-type' CONTENT='text\/html;charset=UTF-8'>\n\n                    <form id='webform5632946000061023048' name='WebToLeads5632946000061023048' action='https:\/\/crm.zoho.com\/crm\/WebToLeadForm' method='POST' accept-charset='UTF-8'>\n                        <input type='text' style='display:none;' name='xnQsjsdp' value='3cd1c989c264b3bcff56364031ffd5529efedbc6ddbab3f381de3b09bc711ddf'>\n                        <input type='hidden' name='zc_gad' id='zc_gad' value=''>\n                        <input type='text' style='display:none;' name='xmIwtLD' value='cf519677005f81e6fa4b427c290c93096b2df75c2ded0df95e2c07b4298aa5ae7a128d0462f2860463be477e4a9f09d7'>\n                        <input type='text' style='display:none;' name='actionType' value='TGVhZHM='>\n                        <input type='text' style='display:none;' name='returnURL' value='null'>\n\n                        <div class=\"gt-form-header\">\n                            <h3>Atenci\u00f3n Especializada<\/h3>\n                            <h2>Agenda una reuni\u00f3n<\/h2>\n                        <\/div>\n\n                        <div class=\"form-row-2col\">\n                            <div class='zcwf_row'>\n                                <div class='zcwf_col_lab'><label for='First_Name'>Nombre <span style='color:var(--gw-orange);'>*<\/span><\/label><\/div>\n                                <div class='zcwf_col_fld'><input type='text' id='First_Name' name='First Name' maxlength='40' required placeholder=\"Tu nombre\"><\/div>\n                            <\/div>\n                            <div class='zcwf_row'>\n                                <div class='zcwf_col_lab'><label for='Last_Name'>Apellidos <span style='color:var(--gw-orange);'>*<\/span><\/label><\/div>\n                                <div class='zcwf_col_fld'><input type='text' id='Last_Name' name='Last Name' maxlength='80' required placeholder=\"Tus apellidos\"><\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class='zcwf_row'>\n                            <div class='zcwf_col_lab'><label for='Company'>Empresa <span style='color:var(--gw-orange);'>*<\/span><\/label><\/div>\n                            <div class='zcwf_col_fld'><input type='text' id='Company' name='Company' maxlength='200' required placeholder=\"Nombre de la empresa\"><\/div>\n                        <\/div>\n\n                        <div class='zcwf_row'>\n                            <div class='zcwf_col_lab'><label for='Email'>Email Corporativo <span style='color:var(--gw-orange);'>*<\/span><\/label><\/div>\n                            <div class='zcwf_col_fld'><input type='text' ftype='email' id='Email' name='Email' maxlength='100' required placeholder=\"correo@empresa.com\"><\/div>\n                        <\/div>\n\n                        <div class=\"form-row-2col\">\n                            <div class='zcwf_row'>\n                                <div class='zcwf_col_lab'><label for='Phone'>Tel\u00e9fono <span style='color:var(--gw-orange);'>*<\/span><\/label><\/div>\n                                <div class='zcwf_col_fld'><input type='text' id='Phone' name='Phone' maxlength='30' required placeholder=\"A 10 d\u00edgitos\"><\/div>\n                            <\/div>\n                            <div class='zcwf_row'>\n                                <div class='zcwf_col_lab'><label for='LEADCF45'>Cargo \/ \u00c1rea <span style='color:var(--gw-orange);'>*<\/span><\/label><\/div>\n                                <div class='zcwf_col_fld'>\n                                    <select id='LEADCF45' name='LEADCF45' required>\n                                        <option value='-None-'>- Seleccione -<\/option>\n                                        <option value='Direcci&oacute;n'>Direcci\u00f3n<\/option>\n                                        <option value='Gerente&#x20;de&#x20;&aacute;rea'>Gerente de \u00e1rea<\/option>\n                                        <option value='Supervisor'>Supervisor<\/option>\n                                        <option value='Compras'>Compras<\/option>\n                                        <option value='Otro'>Otro<\/option>\n                                    <\/select>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"center-footer\">\n                            <div class='g-recaptcha' data-sitekey='6Ld9togsAAAAAK2FJPUlL9_Q8q9EC0unMk15hyTv' data-theme='dark' data-callback='rccallback5632946000061023048' id='recap5632946000061023048'><\/div>\n                            <div id='recapErr5632946000061023048' style='font-size:13px;font-weight:600;color:var(--gw-orange);visibility:hidden;margin-bottom:10px;margin-top:5px;'>Validaci\u00f3n requerida. Verifica el Captcha.<\/div>\n\n                            <input type='hidden' name='aG9uZXlwb3Q' value=''\/>\n                            <input type='submit' id='formsubmit' class='formsubmit zcwf_button' value='Solicitar Reuni\u00f3n'>\n                            \n                            <p class=\"privacy-note\">Al enviar aceptas nuestro Aviso de Privacidad.<\/p>\n                        <\/div>\n                        \n                        <script id='wf_anal' src='https:\/\/crm.zohopublic.com\/crm\/WebFormAnalyticsServeServlet?rid=2cbf67b14d0939475d5e7ebde00ea9d5ff0f1aa18857da5ba8a1e917d4e1026be4acd2702a3de0ee7ac5845a8abb1240gid83c8666aabc9ba5d208605471752bc3554506b3415dc1d5ab798c43af1fd2fb6gidd9995188dbed82e90d5aaa0daea07089db17d99211e85b26e571a2ec4694cd84gid661ccd9d82d6cf59662477fda47d9d5aad662a485be5d75cb1129d7a88e8fded&tw=be434d1e3354035f6c8e39e92c4466179fcfd7dc5f4f3eff18c41c51fcd31f38'><\/script>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        function rccallback5632946000061023048(){\n            if(document.getElementById('recap5632946000061023048')!=undefined){\n                document.getElementById('recap5632946000061023048').setAttribute('captcha-verified',true);\n            }\n            if(document.getElementById('recapErr5632946000061023048')!=undefined && document.getElementById('recapErr5632946000061023048').style.visibility=='visible'){\n                document.getElementById('recapErr5632946000061023048').style.visibility='hidden';\n            }\n        }\n        function reCaptchaAlert5632946000061023048(){\n            var recap=document.getElementById('recap5632946000061023048');\n            if(recap!=undefined && recap.getAttribute('captcha-verified')=='false'){\n                document.getElementById('recapErr5632946000061023048').style.visibility='visible';\n                return false;\n            }\n            return true;\n        }\n        function validateEmail5632946000061023048(){\n            var form=document.forms['WebToLeads5632946000061023048'];\n            var emailFld=form.querySelectorAll('[ftype=email]');\n            for(var 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 checkMandatory5632946000061023048(){\n            var mndFileds=new Array('Company','First Name','Last Name','Email','Phone','LEADCF45');\n            var fldLangVal=new Array('Empresa','Nombre','Apellidos','Email Corporativo','Tel\u00e9fono','Cargo \/ \u00c1rea');\n            for(var i=0;i<mndFileds.length;i++){\n                var fieldObj=document.forms['WebToLeads5632946000061023048'][mndFileds[i]];\n                if(fieldObj){\n                    if(((fieldObj.value).replace(\/^\\s+|\\s+$\/g,'')).length==0){\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                    }\n                }\n            }\n            if(!validateEmail5632946000061023048()){return false;}\n            if(!reCaptchaAlert5632946000061023048()){return false;}\n            document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled',true);\n            return true;\n        }\n\n        $(document).ready(function(){\n            $('#webform5632946000061023048').submit(function(e){\n                var ismandatory=checkMandatory5632946000061023048();\n                e.preventDefault();\n                if(ismandatory){\n                    var formData=new FormData(this);\n                    $.ajax({\n                        url:'https:\/\/crm.zoho.com\/crm\/WebToLeadForm',\n                        type:'POST',\n                        data:formData,\n                        cache:false,\n                        contentType:false,\n                        processData:false,\n                        success:function(data){\n                            alert(\"Formulario enviado exitosamente.\"); \n                            document.getElementById('webform5632946000061023048').reset();\n                            document.querySelector('.crmWebToEntityForm .formsubmit').removeAttribute('disabled');\n                        },\n                        error:function(){\n                            alert('Ocurri\u00f3 un error. Intente nuevamente.');\n                            document.querySelector('.crmWebToEntityForm .formsubmit').removeAttribute('disabled');\n                        }\n                    });\n                }\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-f36d241 e-con-full e-flex e-con e-parent\" data-id=\"f36d241\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-635175c elementor-widget elementor-widget-html\" data-id=\"635175c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sap-cta-final-wrapper\">\n    <style>\n        \/* Reset para el hack del ancho completo *\/\n        html, body {\n            overflow-x: hidden !important;\n        }\n\n        :root {\n            --g-yellow: #f49a25;\n            --g-navy: #181848;\n            --g-muted: #5b5f75;\n            --g-border: rgba(24, 24, 72, 0.08);\n        }\n\n        \/* SECCI\u00d3N A ANCHO COMPLETO (Full Width) *\/\n        .sap-cta-split-section {\n            width: 100vw !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            position: relative;\n            background-color: #ffffff; \/* Fondo blanco para conectar con el footer *\/\n            padding: clamp(80px, 10vw, 120px) 20px;\n            border-top: 1px solid var(--g-border); \/* L\u00ednea sutil para separar de la secci\u00f3n anterior *\/\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        \/* Patr\u00f3n de cuadr\u00edcula milim\u00e9trica muy sutil en el fondo *\/\n        .sap-cta-split-section::before {\n            content: '';\n            position: absolute;\n            top: 0; right: 0; bottom: 0; left: 0;\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;\n            pointer-events: none;\n        }\n\n        \/* CONTENEDOR DIVIDIDO *\/\n        .sap-cta-container {\n            position: relative;\n            z-index: 1;\n            max-width: 1120px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            align-items: center;\n            gap: 40px;\n        }\n\n        \/* LADO IZQUIERDO: TEXTO *\/\n        .cta-text-area {\n            flex: 1;\n            max-width: 650px;\n        }\n\n        .cta-text-area h2 {\n            font-size: clamp(38px, 4.5vw, 56px);\n            color: var(--g-navy);\n            margin: 0 0 16px 0;\n            line-height: 1.1;\n            letter-spacing: -0.02em;\n            font-weight: 900;\n        }\n\n        .cta-text-area p {\n            font-size: clamp(20px, 2.2vw, 26px);\n            color: var(--g-muted);\n            margin: 0;\n            font-weight: 400;\n        }\n\n        \/* LADO DERECHO: BOT\u00d3N *\/\n        .cta-action-area {\n            flex-shrink: 0;\n        }\n\n        .btn-cta-massive {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background: var(--g-yellow);\n            color: #ffffff;\n            text-decoration: none;\n            padding: 24px 48px;\n            border-radius: 999px;\n            font-size: 18px;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            box-shadow: 0 15px 35px rgba(244, 154, 37, 0.25);\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        .btn-cta-massive:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(244, 154, 37, 0.4);\n            background: #ffaa33;\n        }\n\n        \/* RESPONSIVO *\/\n        @media (max-width: 980px) {\n            .sap-cta-container {\n                flex-direction: column;\n                text-align: left; \/* Alineado a la izquierda en m\u00f3vil se ve m\u00e1s formal *\/\n                align-items: stretch;\n            }\n            .btn-cta-massive {\n                width: 100%;\n                text-align: center;\n            }\n        }\n    <\/style>\n\n    <section class=\"sap-cta-split-section\">\n        <div class=\"sap-cta-container\">\n            <div class=\"cta-text-area\">\n                <h2>\u00bfNecesitas un equipo experto en SAP?<\/h2> <p>Agenda una reuni\u00f3n.<\/p> <\/div>\n            \n            <div class=\"cta-action-area\">\n                <a href=\"#crmWebToEntityForm\" class=\"btn-cta-massive\">Hablar con un especialista<\/a> <\/div>\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-caeaa53 e-flex e-con-boxed e-con e-parent\" data-id=\"caeaa53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-934b84d elementor-widget elementor-widget-html\" data-id=\"934b84d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sap-footer-full-wrapper\">\n    <style>\n        \/* Reset para el hack del ancho completo *\/\n        html, body {\n            overflow-x: hidden !important;\n        }\n\n        :root {\n            --g-yellow: #f49a25;\n            --g-navy: #181848;\n        }\n\n        \/* SECCI\u00d3N FOOTER A ANCHO COMPLETO - SIN CUADR\u00cdCULA *\/\n        .sap-footer-section {\n            position: relative;\n            width: 100vw !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            background-color: var(--g-navy); \n            padding: clamp(60px, 8vw, 80px) 20px 30px 20px;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            color: #ffffff;\n            overflow: hidden;\n            margin-top: -1px; \/* Evita cualquier l\u00ednea blanca entre secciones *\/\n        }\n\n        \/* Resplandor c\u00e1lido en la esquina inferior derecha (Fondo liso y elegante) *\/\n        .sap-footer-section::before {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 70%;\n            height: 150%;\n            background: radial-gradient(circle at bottom right, rgba(244, 154, 37, 0.35) 0%, rgba(24, 24, 72, 0) 70%);\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .sap-footer-container {\n            position: relative;\n            z-index: 2;\n            max-width: 1120px;\n            margin: 0 auto;\n        }\n\n        \/* CONTENIDO SUPERIOR (Columnas) *\/\n        .footer-top {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: clamp(30px, 5vw, 60px);\n            margin-bottom: 60px;\n        }\n\n        \/* Izquierda: Logo y Texto *\/\n        .footer-col-left img {\n            height: 40px;\n            margin-bottom: 24px;\n            display: block;\n        }\n\n        .footer-col-left p {\n            font-size: 16px;\n            line-height: 1.6;\n            max-width: 420px;\n            margin: 0;\n            color: rgba(255, 255, 255, 0.9);\n        }\n\n        .footer-col-left p strong {\n            font-weight: 800;\n            color: #ffffff;\n        }\n\n        \/* Derecha: Oficinas *\/\n        .footer-col-right {\n            padding-top: 10px;\n        }\n\n        .footer-col-right h3 {\n            font-size: 22px;\n            font-weight: 800;\n            margin: 0 0 12px 0;\n            letter-spacing: -0.01em;\n            color: #ffffff;\n        }\n\n        .footer-col-right p {\n            font-size: 15px;\n            color: rgba(255, 255, 255, 0.85);\n            margin: 0;\n        }\n\n        \/* L\u00cdNEA DIVISORIA PUNTEADA *\/\n        .footer-divider {\n            border-top: 1px dashed rgba(255, 255, 255, 0.25);\n            margin-bottom: 25px;\n        }\n\n        \/* COPYRIGHT Y LEGALES *\/\n        .footer-bottom {\n            display: flex;\n            justify-content: flex-start;\n            font-size: 13px;\n            color: rgba(255, 255, 255, 0.9);\n            letter-spacing: 0.2px;\n        }\n\n        .footer-bottom .separator {\n            margin: 0 10px;\n            color: rgba(255, 255, 255, 0.5);\n        }\n\n        .footer-bottom a {\n            color: #ffffff;\n            text-decoration: none;\n            font-weight: 800;\n            transition: color 0.3s ease;\n        }\n\n        .footer-bottom a:hover {\n            color: var(--g-yellow);\n        }\n\n        \/* RESPONSIVO *\/\n        @media (max-width: 768px) {\n            .footer-top {\n                grid-template-columns: 1fr;\n                text-align: center;\n                gap: 40px;\n            }\n            .footer-col-left img {\n                margin: 0 auto 20px auto;\n            }\n            .footer-col-left p {\n                margin: 0 auto;\n            }\n            .footer-col-right {\n                padding-top: 0;\n            }\n            .footer-bottom {\n                justify-content: center;\n                text-align: center;\n                flex-direction: column;\n                gap: 12px;\n            }\n            .footer-bottom .separator {\n                display: none;\n            }\n        }\n    <\/style>\n\n    <footer class=\"sap-footer-section\">\n        <div class=\"sap-footer-container\">\n            \n            <div class=\"footer-top\">\n                <div class=\"footer-col-left\">\n                    <img decoding=\"async\" src=\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/Logo-Growtia_BLANCO-02.png\" alt=\"Growtia Logo\">\n                    <p>En GROWTIA dise\u00f1amos modelos que <strong>operan, evolucionan y escala<\/strong> junto con tu negocio.<\/p>\n                <\/div>\n\n                <div class=\"footer-col-right\">\n                    <h3>Nuestras Oficinas<\/h3>\n                    <p>Revolucion 356, Benito Ju\u00e1rez, CDMX<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"footer-divider\"><\/div>\n\n            <div class=\"footer-bottom\">\n                <span>\u00a9 2026 GROWTIA. Todos los derechos reservados.<\/span>\n                <span class=\"separator\">|<\/span>\n                <a href=\"\/aviso-de-privacidad\">Aviso de Privacidad<\/a>\n            <\/div>\n\n        <\/div>\n    <\/footer>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Servicios SAP Enfoque Operativo Industrias Solicitar reuni\u00f3n Servicios SAP Enfoque Operativo Industrias Solicitar reuni\u00f3n Consultor\u00eda SAP Especializada Expertos en SAP para empresas que necesitan control real Implementaci\u00f3n, soporte y optimizaci\u00f3n de SAP enfocados en la operaci\u00f3n. Solicitar reuni\u00f3n An\u00e1lisis de necesidad \u00bfBuscas un experto en SAP? Si est\u00e1s evaluando implementar SAP, necesitas soporte o quieres [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Servicios SAP | Implementaci\u00f3n y Soporte | Growtia<\/title>\n<meta name=\"description\" content=\"Descubre nuestros servicios SAP: implementaci\u00f3n, soporte y optimizaci\u00f3n para que tu operaci\u00f3n funcione sin problemas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/growtia.com.mx\/servicios_sap\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Servicios SAP | Implementaci\u00f3n y Soporte | Growtia\" \/>\n<meta property=\"og:description\" content=\"Descubre nuestros servicios SAP: implementaci\u00f3n, soporte y optimizaci\u00f3n para que tu operaci\u00f3n funcione sin problemas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/growtia.com.mx\/servicios_sap\/\" \/>\n<meta property=\"og:site_name\" content=\"Servicios Sap\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-27T00:27:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.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=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/\",\"url\":\"https:\/\/growtia.com.mx\/servicios_sap\/\",\"name\":\"Servicios SAP | Implementaci\u00f3n y Soporte | Growtia\",\"isPartOf\":{\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png\",\"datePublished\":\"2026-03-13T01:17:27+00:00\",\"dateModified\":\"2026-05-27T00:27:25+00:00\",\"description\":\"Descubre nuestros servicios SAP: implementaci\u00f3n, soporte y optimizaci\u00f3n para que tu operaci\u00f3n funcione sin problemas.\",\"breadcrumb\":{\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/growtia.com.mx\/servicios_sap\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#primaryimage\",\"url\":\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png\",\"contentUrl\":\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png\",\"width\":1071,\"height\":236},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/growtia.com.mx\/servicios_sap\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#website\",\"url\":\"https:\/\/growtia.com.mx\/servicios_sap\/\",\"name\":\"Servicios Sap\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/growtia.com.mx\/servicios_sap\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#organization\",\"name\":\"Servicios Sap\",\"url\":\"https:\/\/growtia.com.mx\/servicios_sap\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png\",\"contentUrl\":\"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png\",\"width\":1071,\"height\":236,\"caption\":\"Servicios Sap\"},\"image\":{\"@id\":\"https:\/\/growtia.com.mx\/servicios_sap\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Servicios SAP | Implementaci\u00f3n y Soporte | Growtia","description":"Descubre nuestros servicios SAP: implementaci\u00f3n, soporte y optimizaci\u00f3n para que tu operaci\u00f3n funcione sin problemas.","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:\/\/growtia.com.mx\/servicios_sap\/","og_locale":"es_MX","og_type":"article","og_title":"Servicios SAP | Implementaci\u00f3n y Soporte | Growtia","og_description":"Descubre nuestros servicios SAP: implementaci\u00f3n, soporte y optimizaci\u00f3n para que tu operaci\u00f3n funcione sin problemas.","og_url":"https:\/\/growtia.com.mx\/servicios_sap\/","og_site_name":"Servicios Sap","article_modified_time":"2026-05-27T00:27:25+00:00","og_image":[{"url":"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/growtia.com.mx\/servicios_sap\/","url":"https:\/\/growtia.com.mx\/servicios_sap\/","name":"Servicios SAP | Implementaci\u00f3n y Soporte | Growtia","isPartOf":{"@id":"https:\/\/growtia.com.mx\/servicios_sap\/#website"},"primaryImageOfPage":{"@id":"https:\/\/growtia.com.mx\/servicios_sap\/#primaryimage"},"image":{"@id":"https:\/\/growtia.com.mx\/servicios_sap\/#primaryimage"},"thumbnailUrl":"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png","datePublished":"2026-03-13T01:17:27+00:00","dateModified":"2026-05-27T00:27:25+00:00","description":"Descubre nuestros servicios SAP: implementaci\u00f3n, soporte y optimizaci\u00f3n para que tu operaci\u00f3n funcione sin problemas.","breadcrumb":{"@id":"https:\/\/growtia.com.mx\/servicios_sap\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/growtia.com.mx\/servicios_sap\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/growtia.com.mx\/servicios_sap\/#primaryimage","url":"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png","contentUrl":"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png","width":1071,"height":236},{"@type":"BreadcrumbList","@id":"https:\/\/growtia.com.mx\/servicios_sap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/growtia.com.mx\/servicios_sap\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/growtia.com.mx\/servicios_sap\/#website","url":"https:\/\/growtia.com.mx\/servicios_sap\/","name":"Servicios Sap","description":"","publisher":{"@id":"https:\/\/growtia.com.mx\/servicios_sap\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/growtia.com.mx\/servicios_sap\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/growtia.com.mx\/servicios_sap\/#organization","name":"Servicios Sap","url":"https:\/\/growtia.com.mx\/servicios_sap\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/growtia.com.mx\/servicios_sap\/#\/schema\/logo\/image\/","url":"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png","contentUrl":"https:\/\/growtia.com.mx\/servicios_sap\/wp-content\/uploads\/2026\/03\/GROWTIA-01-01-1.png","width":1071,"height":236,"caption":"Servicios Sap"},"image":{"@id":"https:\/\/growtia.com.mx\/servicios_sap\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":70,"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/pages\/9\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/growtia.com.mx\/servicios_sap\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}