{"id":875,"date":"2026-04-12T04:08:15","date_gmt":"2026-04-12T04:08:15","guid":{"rendered":"https:\/\/gammva.com.mx\/?page_id=875"},"modified":"2026-05-24T21:53:03","modified_gmt":"2026-05-24T21:53:03","slug":"electrolineras","status":"publish","type":"page","link":"https:\/\/gammva.com.mx\/?page_id=875","title":{"rendered":"Electrolineras"},"content":{"rendered":"\n\n\n\n\n\nElectrolineras e Infraestructura de Carga VE \u2014 GAMMVA Energy Group<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\"\/>\n\n<style>\n :root {\n --green: #2d7a4f;\n --green-light: #3a9960;\n --green-pale: #e8f5ee;\n --green-mid: #c2dece;\n --black: #0d0d0d;\n --gray-900: #1a1a1a;\n --gray-700: #3d3d3d;\n --gray-500: #717171;\n --gray-300: #b8b8b8;\n --gray-100: #f5f5f5;\n --gray-50: #fafafa;\n --white: #ffffff;\n --radius: 18px;\n --radius-sm: 10px;\n --shadow: 0 4px 32px rgba(0,0,0,0.07);\n --shadow-lg: 0 16px 64px rgba(0,0,0,0.10);\n --transition: 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--white);\n color: var(--black);\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 UTILS \u2500\u2500\u2500 *\/\n .container {\n max-width: 1160px;\n margin: 0 auto;\n padding: 0 32px;\n }\n .tag {\n display: inline-block;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--green);\n background: var(--green-pale);\n border: 1px solid var(--green-mid);\n padding: 5px 14px;\n border-radius: 100px;\n margin-bottom: 24px;\n }\n .section-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--gray-500);\n margin-bottom: 16px;\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n .reveal {\n opacity: 0;\n transform: translateY(36px);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),\n transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n .reveal-delay-4 { transition-delay: 0.4s; }\n .reveal-delay-5 { transition-delay: 0.5s; }\n\n \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\n .btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--green);\n color: var(--white);\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n font-weight: 500;\n padding: 15px 30px;\n border-radius: 100px;\n border: none;\n cursor: pointer;\n text-decoration: none;\n transition: background var(--transition), transform 0.2s, box-shadow 0.2s;\n }\n .btn-primary:hover {\n background: var(--green-light);\n transform: translateY(-2px);\n box-shadow: 0 8px 28px rgba(45,122,79,0.28);\n }\n .btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: transparent;\n color: var(--black);\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n font-weight: 500;\n padding: 14px 28px;\n border-radius: 100px;\n border: 1.5px solid #d0d0d0;\n cursor: pointer;\n text-decoration: none;\n transition: border-color 0.2s, background 0.2s, transform 0.2s;\n }\n .btn-secondary:hover {\n border-color: var(--green);\n background: var(--green-pale);\n transform: translateY(-2px);\n }\n .btn-icon {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero {\n min-height: 96vh;\n display: grid;\n grid-template-columns: 1fr 1fr;\n align-items: center;\n gap: 48px;\n padding: 100px 0 80px;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -200px; right: -200px;\n width: 700px; height: 700px;\n background: radial-gradient(circle, rgba(45,122,79,0.08) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-content { position: relative; z-index: 1; }\n\n .hero-eyebrow {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 28px;\n opacity: 0;\n animation: fadeUp 0.7s 0.1s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n .hero-eyebrow-line {\n width: 32px; height: 1.5px;\n background: var(--green);\n }\n .hero-eyebrow-text {\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--green);\n }\n\n .hero h1 {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(40px, 5vw, 62px);\n line-height: 1.08;\n font-weight: 400;\n color: var(--black);\n margin-bottom: 24px;\n opacity: 0;\n animation: fadeUp 0.8s 0.2s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n .hero h1 em {\n font-style: italic;\n color: var(--green);\n }\n .hero-subtitle {\n font-size: 17px;\n font-weight: 300;\n color: var(--gray-700);\n line-height: 1.65;\n max-width: 480px;\n margin-bottom: 40px;\n opacity: 0;\n animation: fadeUp 0.8s 0.3s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n .hero-ctas {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n opacity: 0;\n animation: fadeUp 0.8s 0.4s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n .hero-stats {\n display: flex;\n gap: 40px;\n margin-top: 56px;\n padding-top: 32px;\n border-top: 1px solid #ebebeb;\n opacity: 0;\n animation: fadeUp 0.8s 0.55s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n .hero-stat-num {\n font-family: 'DM Serif Display', serif;\n font-size: 34px;\n color: var(--black);\n line-height: 1;\n margin-bottom: 4px;\n }\n .hero-stat-num span { color: var(--green); }\n .hero-stat-label {\n font-size: 12px;\n color: var(--gray-500);\n font-weight: 400;\n }\n\n \/* Hero visual *\/\n .hero-visual {\n position: relative;\n opacity: 0;\n animation: fadeIn 1s 0.4s cubic-bezier(0.16,1,0.3,1) forwards;\n }\n .hero-img-wrap {\n border-radius: 24px;\n overflow: hidden;\n background: var(--gray-100);\n aspect-ratio: 4\/3;\n position: relative;\n box-shadow: var(--shadow-lg);\n }\n .hero-img-wrap img {\n width: 100%; height: 100%;\n object-fit: cover;\n display: block;\n }\n \/* Fallback illustration *\/\n .hero-illustration {\n width: 100%; height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #0d1a12 0%, #1a3226 40%, #0d1a12 100%);\n position: relative;\n overflow: hidden;\n }\n .hero-illustration::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 60% 40% at 70% 50%, rgba(45,122,79,0.25) 0%, transparent 70%),\n radial-gradient(ellipse 30% 30% at 20% 80%, rgba(58,153,96,0.15) 0%, transparent 60%);\n }\n .hero-svg-scene { position: relative; z-index: 1; width: 90%; }\n\n .hero-badge {\n position: absolute;\n bottom: 24px; left: 24px;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(12px);\n border-radius: 14px;\n padding: 16px 20px;\n display: flex;\n align-items: center;\n gap: 12px;\n box-shadow: 0 8px 32px rgba(0,0,0,0.12);\n }\n .hero-badge-dot {\n width: 10px; height: 10px;\n border-radius: 50%;\n background: var(--green);\n animation: pulse-dot 2s infinite;\n flex-shrink: 0;\n }\n .hero-badge-text { font-size: 13px; font-weight: 500; color: var(--black); }\n .hero-badge-sub { font-size: 11px; color: var(--gray-500); }\n\n @keyframes pulse-dot {\n 0%,100% { box-shadow: 0 0 0 0 rgba(45,122,79,0.4); }\n 50% { box-shadow: 0 0 0 6px rgba(45,122,79,0); }\n }\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICES STRIP\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .strip {\n background: var(--black);\n padding: 20px 0;\n overflow: hidden;\n }\n .strip-inner {\n display: flex;\n gap: 48px;\n align-items: center;\n white-space: nowrap;\n animation: scrollStrip 24s linear infinite;\n width: max-content;\n }\n .strip-item {\n display: flex;\n align-items: center;\n gap: 12px;\n color: rgba(255,255,255,0.55);\n font-size: 13px;\n font-weight: 400;\n letter-spacing: 0.04em;\n flex-shrink: 0;\n }\n .strip-dot {\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--green);\n flex-shrink: 0;\n }\n @keyframes scrollStrip {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n }\n\n \/* \u2500\u2500 Strip rows \u2500\u2500 *\/\n .strip { padding: 0; }\n .strip-section-label {\n text-align: center;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.28);\n padding: 18px 0 4px;\n margin: 0;\n }\n .strip-row {\n display: flex;\n align-items: center;\n overflow: hidden;\n padding: 18px 0;\n }\n .strip-row-brands {\n position: relative;\n gap: 20px;\n padding: 14px 0 20px;\n }\n .strip-divider {\n height: 1px;\n background: rgba(255,255,255,0.07);\n margin: 0 32px;\n }\n .strip-brands-label {\n font-size: 9px;\n font-weight: 600;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.22);\n flex-shrink: 0;\n padding-left: 32px;\n white-space: nowrap;\n margin-right: 20px;\n }\n .strip-inner-brands { animation-duration: 30s; }\n .brand-sep {\n color: rgba(255,255,255,0.12);\n font-size: 18px;\n flex-shrink: 0;\n margin: 0 4px;\n }\n .brand-logo {\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n font-weight: 600;\n letter-spacing: 0.01em;\n white-space: nowrap;\n flex-shrink: 0;\n transition: color 0.3s, opacity 0.3s;\n cursor: default;\n opacity: 0.55;\n }\n .brand-logo:hover { opacity: 1; }\n .brand-leviton { color: rgba(232,184,75,0.8); } .brand-leviton:hover { color: #e8b84b; }\n .brand-abb { color: rgba(255,80,80,0.8); } .brand-abb:hover { color: #ff4444; }\n .brand-wallbox { color: rgba(100,210,255,0.8); } .brand-wallbox:hover { color: #00c2ff; }\n .brand-autel { color: rgba(80,200,240,0.8); } .brand-autel:hover { color: #00b5e2; }\n .brand-star { color: rgba(80,200,140,0.8); } .brand-star:hover { color: #3a9960; }\n .brand-huawei { color: rgba(220,80,100,0.8); } .brand-huawei:hover { color: #cf0a2c; }\n .brand-evlink { color: rgba(80,200,120,0.8); } .brand-evlink:hover { color: #00a651; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n QU\u00c9 HACEMOS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .section { padding: 110px 0; }\n .section-header { margin-bottom: 64px; }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .service-card {\n background: var(--gray-50);\n border: 1px solid #ebebeb;\n border-radius: var(--radius);\n padding: 32px 28px;\n transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n cursor: default;\n }\n .service-card:hover {\n border-color: var(--green-mid);\n box-shadow: 0 8px 40px rgba(45,122,79,0.10);\n transform: translateY(-4px);\n }\n .service-card-icon {\n width: 44px; height: 44px;\n background: var(--green-pale);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\n .service-card-icon svg { width: 22px; height: 22px; color: var(--green); }\n .service-card h3 { font-size: 15px; font-weight: 600; margin-bottom: 8px; color: var(--black); }\n .service-card p { font-size: 13.5px; color: var(--gray-500); line-height: 1.6; font-weight: 300; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SOLUCIONES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .solutions { background: var(--gray-50); }\n .solutions-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n .solution-card {\n background: var(--white);\n border-radius: var(--radius);\n padding: 40px 36px;\n border: 1px solid #ebebeb;\n transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;\n position: relative;\n overflow: hidden;\n }\n .solution-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--green), var(--green-light));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n }\n .solution-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--green-mid); }\n .solution-card:hover::before { transform: scaleX(1); }\n\n .solution-num {\n font-family: 'DM Serif Display', serif;\n font-size: 42px;\n color: var(--gray-100);\n position: absolute;\n top: 28px; right: 28px;\n line-height: 1;\n font-weight: 400;\n user-select: none;\n }\n .solution-card-icon {\n width: 52px; height: 52px;\n background: var(--green-pale);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 24px;\n }\n .solution-card-icon svg { width: 26px; height: 26px; color: var(--green); }\n .solution-card h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }\n .solution-card p { font-size: 14px; color: var(--gray-500); line-height: 1.65; font-weight: 300; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DIFERENCIA (SPLIT)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .diff-wrap {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\n .diff-visual {\n border-radius: 24px;\n overflow: hidden;\n background: var(--black);\n aspect-ratio: 1;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .diff-visual-bg {\n position: absolute; inset: 0;\n background: linear-gradient(135deg, #0d1a12 0%, #1c3a28 60%, #0d1a12 100%);\n }\n .diff-visual-glow {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 280px; height: 280px;\n background: radial-gradient(circle, rgba(45,122,79,0.35) 0%, transparent 70%);\n border-radius: 50%;\n animation: breathe 4s ease-in-out infinite;\n }\n @keyframes breathe {\n 0%,100% { transform: translate(-50%,-50%) scale(1); opacity: 0.6; }\n 50% { transform: translate(-50%,-50%) scale(1.15); opacity: 1; }\n }\n .diff-visual-content { position: relative; z-index: 1; text-align: center; }\n .diff-visual-quote {\n font-family: 'DM Serif Display', serif;\n font-size: 26px;\n color: var(--white);\n line-height: 1.3;\n padding: 0 40px;\n font-weight: 400;\n }\n .diff-visual-quote em { color: var(--green-light); font-style: italic; }\n .diff-visual-line {\n width: 40px; height: 2px;\n background: var(--green);\n margin: 20px auto;\n }\n .diff-visual-sub {\n font-size: 13px;\n color: rgba(255,255,255,0.45);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n font-weight: 500;\n }\n\n .diff-content h2 {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(30px, 3.5vw, 44px);\n line-height: 1.15;\n font-weight: 400;\n margin-bottom: 20px;\n }\n .diff-content h2 em { color: var(--green); font-style: italic; }\n .diff-content .lead {\n font-size: 16px;\n color: var(--gray-700);\n line-height: 1.65;\n font-weight: 300;\n margin-bottom: 36px;\n }\n\n .diff-pillars {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n .diff-pillar {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 20px 22px;\n background: var(--gray-50);\n border-radius: var(--radius-sm);\n border: 1px solid #ebebeb;\n transition: border-color 0.2s;\n }\n .diff-pillar:hover { border-color: var(--green-mid); }\n .diff-pillar-icon {\n width: 38px; height: 38px;\n background: var(--green-pale);\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .diff-pillar-icon svg { width: 18px; height: 18px; color: var(--green); }\n .diff-pillar-text h4 { font-size: 14px; font-weight: 600; margin-bottom: 3px; }\n .diff-pillar-text p { font-size: 13px; color: var(--gray-500); font-weight: 300; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PROCESO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .process-bg { background: var(--black); }\n .process-bg .section-label, .process-bg h2 { color: var(--white); }\n .process-bg h2 em { color: var(--green-light) !important; }\n .process-bg .lead { color: rgba(255,255,255,0.55) !important; }\n\n .process-steps {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 0;\n margin-top: 60px;\n position: relative;\n }\n .process-steps::before {\n content: '';\n position: absolute;\n top: 30px; left: 40px; right: 40px;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(45,122,79,0.5), rgba(45,122,79,0.5), transparent);\n }\n\n .step {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 0 8px;\n position: relative;\n }\n .step-num-wrap {\n width: 60px; height: 60px;\n border-radius: 50%;\n background: #111;\n border: 1px solid rgba(45,122,79,0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 24px;\n position: relative;\n z-index: 1;\n transition: background 0.3s, border-color 0.3s;\n }\n .step:hover .step-num-wrap {\n background: var(--green);\n border-color: var(--green);\n }\n .step-num {\n font-family: 'DM Serif Display', serif;\n font-size: 20px;\n color: var(--green);\n font-weight: 400;\n transition: color 0.3s;\n }\n .step:hover .step-num { color: var(--white); }\n .step h4 {\n font-size: 13px;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 6px;\n line-height: 1.3;\n }\n .step p {\n font-size: 12px;\n color: rgba(255,255,255,0.4);\n line-height: 1.55;\n font-weight: 300;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TECNOLOG\u00cdA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .tech-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 64px;\n align-items: center;\n }\n .tech-content h2 {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(30px, 3.5vw, 44px);\n line-height: 1.15;\n margin-bottom: 20px;\n font-weight: 400;\n }\n .tech-content h2 em { color: var(--green); font-style: italic; }\n .tech-content .lead {\n font-size: 16px;\n color: var(--gray-700);\n line-height: 1.65;\n font-weight: 300;\n margin-bottom: 36px;\n }\n .tech-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .tech-tag {\n font-size: 13px;\n font-weight: 500;\n padding: 9px 18px;\n border-radius: 100px;\n border: 1.5px solid #e0e0e0;\n color: var(--gray-700);\n transition: border-color 0.2s, background 0.2s, color 0.2s;\n cursor: default;\n }\n .tech-tag:hover {\n border-color: var(--green);\n background: var(--green-pale);\n color: var(--green);\n }\n\n .tech-modules {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n .tech-module {\n background: var(--gray-50);\n border: 1px solid #ebebeb;\n border-radius: var(--radius-sm);\n padding: 24px 20px;\n transition: border-color 0.2s, transform 0.2s;\n }\n .tech-module:hover { border-color: var(--green-mid); transform: translateY(-3px); }\n .tech-module-icon { font-size: 24px; margin-bottom: 10px; }\n .tech-module h4 { font-size: 14px; font-weight: 600; margin-bottom: 6px; }\n .tech-module p { font-size: 12.5px; color: var(--gray-500); font-weight: 300; line-height: 1.55; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA FINAL\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .cta-section {\n background: var(--black);\n text-align: center;\n padding: 120px 0;\n position: relative;\n overflow: hidden;\n }\n .cta-section::before {\n content: '';\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(45,122,79,0.18) 0%, transparent 70%);\n pointer-events: none;\n }\n .cta-section h2 {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(32px, 5vw, 60px);\n color: var(--white);\n line-height: 1.1;\n margin-bottom: 20px;\n font-weight: 400;\n position: relative;\n }\n .cta-section h2 em { color: var(--green-light); font-style: italic; }\n .cta-section p {\n font-size: 17px;\n color: rgba(255,255,255,0.5);\n max-width: 520px;\n margin: 0 auto 44px;\n line-height: 1.6;\n font-weight: 300;\n position: relative;\n }\n .cta-section .btn-primary { position: relative; font-size: 16px; padding: 18px 40px; }\n .cta-section .btn-primary:hover {\n box-shadow: 0 12px 40px rgba(45,122,79,0.45);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION TITLES (SHARED)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .section-title {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(30px, 3.5vw, 46px);\n line-height: 1.12;\n font-weight: 400;\n margin-bottom: 16px;\n }\n .section-title em { color: var(--green); font-style: italic; }\n .section-subtitle {\n font-size: 16px;\n color: var(--gray-500);\n font-weight: 300;\n line-height: 1.6;\n max-width: 540px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESPONSIVE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (max-width: 1024px) {\n .hero { grid-template-columns: 1fr; min-height: auto; padding: 60px 0 70px; gap: 48px; }\n .hero-visual { max-width: 600px; }\n .services-grid { grid-template-columns: repeat(2, 1fr); }\n .solutions-grid { grid-template-columns: repeat(2, 1fr); }\n .diff-wrap { grid-template-columns: 1fr; gap: 48px; }\n .diff-visual { display: none; }\n .process-steps { grid-template-columns: repeat(3, 1fr); gap: 32px; }\n .process-steps::before { display: none; }\n .tech-grid { grid-template-columns: 1fr; gap: 48px; }\n }\n @media (max-width: 640px) {\n .container { padding: 0 20px; }\n .section { padding: 72px 0; }\n .hero h1 { font-size: 36px; }\n .hero-ctas { flex-direction: column; }\n .hero-stats { flex-direction: column; gap: 20px; }\n .services-grid { grid-template-columns: 1fr; }\n .solutions-grid { grid-template-columns: 1fr; }\n .process-steps { grid-template-columns: repeat(2, 1fr); }\n .tech-modules { grid-template-columns: 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n HERO\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"hero\">\n <div class=\"container\" style=\"grid-column: 1 \/ -1; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\">\n <div class=\"hero-content\">\n\n <div class=\"hero-eyebrow\">\n <div class=\"hero-eyebrow-line\"><\/div>\n <span class=\"hero-eyebrow-text\">Movilidad El\u00e9ctrica \u00b7 Infraestructura \u00b7 GAMMVA<\/span>\n <\/div>\n\n <h1>Infraestructura de carga <em>inteligente<\/em> para veh\u00edculos el\u00e9ctricos<\/h1>\n\n <p class=\"hero-subtitle\">\n Desarrollamos soluciones completas de carga AC y DC para empresas, corporativos, industria y movilidad el\u00e9ctrica p\u00fablica y privada. De la ingenier\u00eda a la operaci\u00f3n.\n <\/p>\n\n <div class=\"hero-ctas\">\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"btn-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/>\n <\/svg>\n Hablar con un ingeniero\n <\/a>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn-secondary\" target=\"_blank\" rel=\"noopener\">\n Solicitar proyecto\n <svg class=\"btn-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div>\n <div class=\"hero-stat-num\">AC <span>&<\/span> DC<\/div>\n <div class=\"hero-stat-label\">Cargadores nivel 2 y fast charging<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-num\">360<span>\u00b0<\/span><\/div>\n <div class=\"hero-stat-label\">Ingenier\u00eda, construcci\u00f3n y monitoreo<\/div>\n <\/div>\n <div>\n <div class=\"hero-stat-num\"><span>+<\/span>MT<\/div>\n <div class=\"hero-stat-label\">Experiencia en media tensi\u00f3n<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"hero-img-wrap\">\n <div class=\"hero-illustration\">\n <!-- SVG Scene: EV charging station premium -->\n <svg class=\"hero-svg-scene\" viewBox=\"0 0 480 340\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Ground -->\n <rect x=\"0\" y=\"290\" width=\"480\" height=\"50\" fill=\"#111f17\" opacity=\"0.6\"\/>\n <!-- Road markings -->\n <rect x=\"60\" y=\"308\" width=\"60\" height=\"4\" rx=\"2\" fill=\"#2d7a4f\" opacity=\"0.3\"\/>\n <rect x=\"200\" y=\"308\" width=\"60\" height=\"4\" rx=\"2\" fill=\"#2d7a4f\" opacity=\"0.3\"\/>\n <rect x=\"360\" y=\"308\" width=\"60\" height=\"4\" rx=\"2\" fill=\"#2d7a4f\" opacity=\"0.3\"\/>\n\n <!-- Charging station 1 (main) -->\n <rect x=\"170\" y=\"140\" width=\"52\" height=\"150\" rx=\"8\" fill=\"#1a2e22\"\/>\n <rect x=\"172\" y=\"142\" width=\"48\" height=\"148\" rx=\"7\" fill=\"url(#cs1grad)\"\/>\n <!-- Screen -->\n <rect x=\"182\" y=\"158\" width=\"28\" height=\"20\" rx=\"4\" fill=\"#0a1a10\"\/>\n <rect x=\"184\" y=\"160\" width=\"24\" height=\"16\" rx=\"3\" fill=\"#2d7a4f\" opacity=\"0.8\"\/>\n <text x=\"196\" y=\"172\" font-size=\"8\" fill=\"#7bffaf\" text-anchor=\"middle\" font-family=\"monospace\">100%<\/text>\n <!-- Plug -->\n <rect x=\"188\" y=\"188\" width=\"16\" height=\"6\" rx=\"3\" fill=\"#3a9960\"\/>\n <!-- Cable -->\n <path d=\"M196 194 Q196 220 210 230 Q230 240 240 240\" stroke=\"#2d7a4f\" stroke-width=\"3\" stroke-linecap=\"round\" fill=\"none\"\/>\n <!-- Green LED strip -->\n <rect x=\"172\" y=\"278\" width=\"48\" height=\"3\" rx=\"1.5\" fill=\"#2d7a4f\" opacity=\"0.9\"\/>\n\n <!-- Charging station 2 (right) -->\n <rect x=\"280\" y=\"165\" width=\"42\" height=\"125\" rx=\"7\" fill=\"#1a2e22\"\/>\n <rect x=\"282\" y=\"167\" width=\"38\" height=\"123\" rx=\"6\" fill=\"url(#cs2grad)\"\/>\n <rect x=\"291\" y=\"178\" width=\"20\" height=\"16\" rx=\"3\" fill=\"#0a1a10\"\/>\n <rect x=\"293\" y=\"180\" width=\"16\" height=\"12\" rx=\"2\" fill=\"#2d7a4f\" opacity=\"0.7\"\/>\n <text x=\"301\" y=\"190\" font-size=\"6\" fill=\"#7bffaf\" text-anchor=\"middle\" font-family=\"monospace\">75%<\/text>\n <rect x=\"291\" y=\"203\" width=\"12\" height=\"5\" rx=\"2.5\" fill=\"#3a9960\"\/>\n <rect x=\"282\" y=\"280\" width=\"38\" height=\"2.5\" rx=\"1.25\" fill=\"#2d7a4f\" opacity=\"0.8\"\/>\n\n <!-- EV Car (side view simplified) -->\n <g transform=\"translate(60, 210)\">\n <!-- Body -->\n <rect x=\"0\" y=\"30\" width=\"155\" height=\"50\" rx=\"8\" fill=\"#1e3a28\"\/>\n <!-- Cabin -->\n <path d=\"M25 30 Q30 8 60 8 L110 8 Q130 8 140 30\" fill=\"#1a3020\" stroke=\"none\"\/>\n <!-- Windows -->\n <path d=\"M32 30 Q36 14 60 12 L90 12 Q105 14 108 30 Z\" fill=\"#0a1a12\" opacity=\"0.8\"\/>\n <path d=\"M112 30 Q116 14 125 14 Q136 16 138 30 Z\" fill=\"#0a1a12\" opacity=\"0.6\"\/>\n <!-- Wheels -->\n <circle cx=\"30\" cy=\"80\" r=\"18\" fill=\"#111\"\/>\n <circle cx=\"30\" cy=\"80\" r=\"11\" fill=\"#1e1e1e\"\/>\n <circle cx=\"30\" cy=\"80\" r=\"5\" fill=\"#2d7a4f\"\/>\n <circle cx=\"125\" cy=\"80\" r=\"18\" fill=\"#111\"\/>\n <circle cx=\"125\" cy=\"80\" r=\"11\" fill=\"#1e1e1e\"\/>\n <circle cx=\"125\" cy=\"80\" r=\"5\" fill=\"#2d7a4f\"\/>\n <!-- Headlights -->\n <rect x=\"0\" y=\"42\" width=\"8\" height=\"5\" rx=\"2\" fill=\"#2d7a4f\" opacity=\"0.9\"\/>\n <rect x=\"0\" y=\"50\" width=\"8\" height=\"3\" rx=\"1.5\" fill=\"#3a9960\" opacity=\"0.7\"\/>\n <!-- Charging port glow -->\n <circle cx=\"145\" cy=\"48\" r=\"6\" fill=\"#2d7a4f\" opacity=\"0.4\"\/>\n <circle cx=\"145\" cy=\"48\" r=\"3\" fill=\"#2d7a4f\" opacity=\"0.9\"\/>\n <\/g>\n\n <!-- Energy flow particles -->\n <circle cx=\"210\" cy=\"230\" r=\"3\" fill=\"#2d7a4f\" opacity=\"0.9\">\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"0,0; 5,-8; 0,0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.9;0.3;0.9\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"220\" cy=\"238\" r=\"2\" fill=\"#3a9960\" opacity=\"0.7\">\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"0,0; 3,-6; 0,0\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.7;0.2;0.7\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"205\" cy=\"236\" r=\"2\" fill=\"#7bffaf\" opacity=\"0.5\">\n <animateTransform attributeName=\"transform\" type=\"translate\" values=\"0,0; -3,-5; 0,0\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\"0.5;0.1;0.5\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n\n <!-- Top grid \/ canopy lines -->\n <line x1=\"140\" y1=\"80\" x2=\"340\" y2=\"80\" stroke=\"rgba(45,122,79,0.2)\" stroke-width=\"1\"\/>\n <line x1=\"150\" y1=\"80\" x2=\"150\" y2=\"140\" stroke=\"rgba(45,122,79,0.15)\" stroke-width=\"1\"\/>\n <line x1=\"330\" y1=\"80\" x2=\"330\" y2=\"165\" stroke=\"rgba(45,122,79,0.15)\" stroke-width=\"1\"\/>\n <!-- Solar panel hint -->\n <rect x=\"140\" y=\"68\" width=\"200\" height=\"14\" rx=\"3\" fill=\"#1a3020\" stroke=\"rgba(45,122,79,0.3)\" stroke-width=\"0.5\"\/>\n <line x1=\"180\" y1=\"68\" x2=\"180\" y2=\"82\" stroke=\"rgba(45,122,79,0.2)\" stroke-width=\"0.5\"\/>\n <line x1=\"220\" y1=\"68\" x2=\"220\" y2=\"82\" stroke=\"rgba(45,122,79,0.2)\" stroke-width=\"0.5\"\/>\n <line x1=\"260\" y1=\"68\" x2=\"260\" y2=\"82\" stroke=\"rgba(45,122,79,0.2)\" stroke-width=\"0.5\"\/>\n <line x1=\"300\" y1=\"68\" x2=\"300\" y2=\"82\" stroke=\"rgba(45,122,79,0.2)\" stroke-width=\"0.5\"\/>\n\n <!-- GAMMVA wordmark faint -->\n <text x=\"240\" y=\"50\" font-size=\"11\" fill=\"rgba(45,122,79,0.35)\" text-anchor=\"middle\" font-family=\"sans-serif\" letter-spacing=\"4\" font-weight=\"600\">GAMMVA<\/text>\n\n <!-- Defs -->\n <defs>\n <linearGradient id=\"cs1grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1f3828\"\/>\n <stop offset=\"100%\" stop-color=\"#243d2e\"\/>\n <\/linearGradient>\n <linearGradient id=\"cs2grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"#1c3224\"\/>\n <stop offset=\"100%\" stop-color=\"#213828\"\/>\n <\/linearGradient>\n <\/defs>\n <\/svg>\n <\/div>\n <div class=\"hero-badge\">\n <div class=\"hero-badge-dot\"><\/div>\n <div>\n <div class=\"hero-badge-text\">Infraestructura operativa<\/div>\n <div class=\"hero-badge-sub\">Proyectos AC \u00b7 DC \u00b7 Electrolineras<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- Strip Marcas -->\n<div class=\"strip\">\n <p class=\"strip-section-label\">Marcas instaladas<\/p>\n <div class=\"strip-row strip-row-brands\">\n <div class=\"strip-inner strip-inner-brands\">\n <span class=\"brand-logo brand-leviton\">Leviton<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-abb\">ABB<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-wallbox\">Wallbox<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-autel\">Autel<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-star\">Star Charge<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-huawei\">Huawei<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-evlink\">EV Link<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <!-- duplicate -->\n <span class=\"brand-logo brand-leviton\">Leviton<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-abb\">ABB<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-wallbox\">Wallbox<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-autel\">Autel<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-star\">Star Charge<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-huawei\">Huawei<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <span class=\"brand-logo brand-evlink\">EV Link<\/span>\n <span class=\"brand-sep\">\u00b7<\/span>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n QU\u00c9 HACEMOS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <div class=\"section-label\">Nuestros servicios<\/div>\n <h2 class=\"section-title\">Todo lo que necesita tu <em>proyecto de carga<\/em><\/h2>\n <p class=\"section-subtitle\">Soluciones el\u00e9ctricas completas para la movilidad el\u00e9ctrica. Sin subcontrataciones. Sin intermediarios.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <h3>Cargadores AC Nivel 2<\/h3>\n <p>Instalaci\u00f3n de cargadores para residencias, corporativos, hoteles, estacionamientos y flotillas.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064\"\/>\n <\/svg>\n <\/div>\n <h3>Fast Charging DC<\/h3>\n <p>Sistemas de carga r\u00e1pida de alta potencia para electrolineras, industria y movilidad p\u00fablica.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/>\n <\/svg>\n <\/div>\n <h3>Electrolineras<\/h3>\n <p>Dise\u00f1o, construcci\u00f3n y operaci\u00f3n de estaciones de carga p\u00fablica y privada de alta capacidad.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-4\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18\"\/>\n <\/svg>\n <\/div>\n <h3>Infraestructura el\u00e9ctrica<\/h3>\n <p>Subestaciones, acometidas, protecciones y obra civil integrada al proyecto de carga.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3>Sistemas de monitoreo<\/h3>\n <p>Plataformas de gesti\u00f3n energ\u00e9tica, consumo en tiempo real y reportes de operaci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n <\/svg>\n <\/div>\n <h3>Puesta en marcha<\/h3>\n <p>Configuraci\u00f3n, pruebas, certificaci\u00f3n y arranque completo del sistema de carga.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\/>\n <\/svg>\n <\/div>\n <h3>Operaci\u00f3n y mantenimiento<\/h3>\n <p>Contratos de servicio preventivo y correctivo para garantizar disponibilidad continua.<\/p>\n <\/div>\n\n <div class=\"service-card reveal reveal-delay-4\">\n <div class=\"service-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\/>\n <\/svg>\n <\/div>\n <h3>Integraci\u00f3n energ\u00e9tica<\/h3>\n <p>Conexi\u00f3n con sistemas fotovoltaicos, bater\u00edas y gesti\u00f3n inteligente de energ\u00eda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n SOLUCIONES\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"section solutions\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <div class=\"section-label\">A qui\u00e9n servimos<\/div>\n <h2 class=\"section-title\">Soluciones para cada <em>tipo de proyecto<\/em><\/h2>\n <p class=\"section-subtitle\">Desde una empresa hasta una electrolinera p\u00fablica. Dise\u00f1amos la infraestructura exacta que necesitas.<\/p>\n <\/div>\n\n <div class=\"solutions-grid\">\n <div class=\"solution-card reveal reveal-delay-1\">\n <div class=\"solution-num\">01<\/div>\n <div class=\"solution-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1\"\/>\n <\/svg>\n <\/div>\n <h3>Corporativos y oficinas<\/h3>\n <p>Instalaci\u00f3n de cargadores para empleados y visitantes. Infraestructura escalable con gesti\u00f3n de acceso y facturaci\u00f3n interna.<\/p>\n <\/div>\n\n <div class=\"solution-card reveal reveal-delay-2\">\n <div class=\"solution-num\">02<\/div>\n <div class=\"solution-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/>\n <\/svg>\n <\/div>\n <h3>Industria<\/h3>\n <p>Carga de veh\u00edculos industriales y flotas dentro de plantas. Conexi\u00f3n directa a transformadores y alimentadores de potencia.<\/p>\n <\/div>\n\n <div class=\"solution-card reveal reveal-delay-3\">\n <div class=\"solution-num\">03<\/div>\n <div class=\"solution-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\/>\n <\/svg>\n <\/div>\n <h3>Flotillas<\/h3>\n <p>Dise\u00f1o de depots de carga para flotas de reparto, transporte ejecutivo o servicios. Optimizaci\u00f3n de turnos y costos de energ\u00eda.<\/p>\n <\/div>\n\n <div class=\"solution-card reveal reveal-delay-4\">\n <div class=\"solution-num\">04<\/div>\n <div class=\"solution-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z\"\/>\n <\/svg>\n <\/div>\n <h3>Estacionamientos<\/h3>\n <p>Integraci\u00f3n de cargadores en rampas y cajones existentes. Control de pagos, acceso y monitoreo remoto.<\/p>\n <\/div>\n\n <div class=\"solution-card reveal reveal-delay-1\">\n <div class=\"solution-num\">05<\/div>\n <div class=\"solution-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064\"\/>\n <\/svg>\n <\/div>\n <h3>Electrolineras p\u00fablicas<\/h3>\n <p>Desarrollo completo de estaciones de carga p\u00fablica. Desde el estudio de factibilidad hasta la operaci\u00f3n y comercializaci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"solution-card reveal reveal-delay-2\">\n <div class=\"solution-num\">06<\/div>\n <div class=\"solution-card-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"\/>\n <\/svg>\n <\/div>\n <h3>Desarrollos inmobiliarios<\/h3>\n <p>Infraestructura de carga integrada desde el dise\u00f1o arquitect\u00f3nico. Soluciones para amenidades y valor diferencial de proyecto.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n NUESTRA DIFERENCIA\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"diff-wrap\">\n <div class=\"diff-visual reveal\">\n <div class=\"diff-visual-bg\"><\/div>\n <div class=\"diff-visual-glow\"><\/div>\n <div class=\"diff-visual-content\">\n <div class=\"diff-visual-quote\">No solo instalamos cargadores.<br\/><em>Dise\u00f1amos infraestructura energ\u00e9tica<\/em><br\/>preparada para el futuro.<\/div>\n <div class=\"diff-visual-line\"><\/div>\n <div class=\"diff-visual-sub\">GAMMVA Energy Group<\/div>\n <\/div>\n <\/div>\n\n <div class=\"diff-content reveal reveal-delay-2\">\n <div class=\"section-label\">Por qu\u00e9 GAMMVA<\/div>\n <h2>Ingenier\u00eda <em>real<\/em> detr\u00e1s de cada proyecto<\/h2>\n <p class=\"lead\">\n Contamos con experiencia t\u00e9cnica profunda en media tensi\u00f3n, calidad de energ\u00eda e integraci\u00f3n de sistemas. No somos integradores de cargadores. Somos ingenieros el\u00e9ctricos que resuelven la infraestructura completa.\n <\/p>\n\n <div class=\"diff-pillars\">\n <div class=\"diff-pillar\">\n <div class=\"diff-pillar-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/>\n <\/svg>\n <\/div>\n <div class=\"diff-pillar-text\">\n <h4>Control total de calidad<\/h4>\n <p>No subcontratamos. Todo el proyecto lo ejecuta nuestro equipo de ingenieros certificados.<\/p>\n <\/div>\n <\/div>\n <div class=\"diff-pillar\">\n <div class=\"diff-pillar-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <div class=\"diff-pillar-text\">\n <h4>Experiencia en media tensi\u00f3n<\/h4>\n <p>Proyectos que requieren conexi\u00f3n a transformadores y subestaciones no son un problema para nosotros.<\/p>\n <\/div>\n <\/div>\n <div class=\"diff-pillar\">\n <div class=\"diff-pillar-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"\/>\n <\/svg>\n <\/div>\n <div class=\"diff-pillar-text\">\n <h4>Soluci\u00f3n integral<\/h4>\n <p>Un solo interlocutor para ingenier\u00eda, obra civil, el\u00e9ctrica, equipamiento y puesta en marcha.<\/p>\n <\/div>\n <\/div>\n <div class=\"diff-pillar\">\n <div class=\"diff-pillar-icon\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <div class=\"diff-pillar-text\">\n <h4>Escalabilidad garantizada<\/h4>\n <p>Dise\u00f1amos pensando en el futuro. Tu infraestructura crece sin tener que rehacerla.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n PROCESO\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"section process-bg\">\n <div class=\"container\">\n <div class=\"section-header reveal\" style=\"text-align:center; max-width:600px; margin: 0 auto 60px;\">\n <div class=\"section-label\">C\u00f3mo trabajamos<\/div>\n <h2 class=\"section-title\" style=\"color:var(--white);\">Un proceso <em>claro<\/em> de inicio a fin<\/h2>\n <p class=\"lead\" style=\"max-width:100%;\">Desde el primer diagn\u00f3stico hasta la operaci\u00f3n continua, acompa\u00f1amos cada etapa de tu proyecto.<\/p>\n <\/div>\n\n <div class=\"process-steps\">\n <div class=\"step reveal reveal-delay-1\">\n <div class=\"step-num-wrap\"><span class=\"step-num\">01<\/span><\/div>\n <h4>Diagn\u00f3stico energ\u00e9tico<\/h4>\n <p>An\u00e1lisis de demanda, capacidad de red y factibilidad t\u00e9cnica del sitio.<\/p>\n <\/div>\n <div class=\"step reveal reveal-delay-2\">\n <div class=\"step-num-wrap\"><span class=\"step-num\">02<\/span><\/div>\n <h4>Ingenier\u00eda y dise\u00f1o<\/h4>\n <p>Proyecto ejecutivo completo: el\u00e9ctrico, civil y sistema de carga.<\/p>\n <\/div>\n <div class=\"step reveal reveal-delay-3\">\n <div class=\"step-num-wrap\"><span class=\"step-num\">03<\/span><\/div>\n <h4>Construcci\u00f3n e integraci\u00f3n<\/h4>\n <p>Obra civil, instalaci\u00f3n el\u00e9ctrica, obra civil y montaje de equipos.<\/p>\n <\/div>\n <div class=\"step reveal reveal-delay-4\">\n <div class=\"step-num-wrap\"><span class=\"step-num\">04<\/span><\/div>\n <h4>Configuraci\u00f3n y pruebas<\/h4>\n <p>Parametrizaci\u00f3n de cargadores, pruebas de carga y seguridad.<\/p>\n <\/div>\n <div class=\"step reveal reveal-delay-5\">\n <div class=\"step-num-wrap\"><span class=\"step-num\">05<\/span><\/div>\n <h4>Puesta en marcha<\/h4>\n <p>Arranque oficial del sistema, capacitaci\u00f3n y documentaci\u00f3n del proyecto.<\/p>\n <\/div>\n <div class=\"step reveal reveal-delay-1\">\n <div class=\"step-num-wrap\"><span class=\"step-num\">06<\/span><\/div>\n <h4>Monitoreo y soporte<\/h4>\n <p>Supervisi\u00f3n remota, mantenimiento preventivo y soporte t\u00e9cnico continuo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n TECNOLOG\u00cdA Y ENERG\u00cdA\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"tech-grid\">\n <div class=\"tech-content reveal\">\n <div class=\"section-label\">Integraci\u00f3n tecnol\u00f3gica<\/div>\n <h2 class=\"section-title\">Infraestructura preparada para la <em>energ\u00eda del futuro<\/em><\/h2>\n <p class=\"lead\">\n Cada proyecto de electrolinera puede integrarse con tecnolog\u00edas de generaci\u00f3n, almacenamiento y gesti\u00f3n energ\u00e9tica para maximizar la eficiencia y reducir costos operativos.\n <\/p>\n <div class=\"tech-tags\">\n <span class=\"tech-tag\">Energ\u00eda fotovoltaica<\/span>\n <span class=\"tech-tag\">BESS \/ Bater\u00edas<\/span>\n <span class=\"tech-tag\">Submedici\u00f3n inteligente<\/span>\n <span class=\"tech-tag\">SCADA energ\u00e9tico<\/span>\n <span class=\"tech-tag\">Control de demanda<\/span>\n <span class=\"tech-tag\">Tarifa horaria CFE<\/span>\n <span class=\"tech-tag\">Carga bidireccional V2G<\/span>\n <span class=\"tech-tag\">API de monitoreo<\/span>\n <\/div>\n <\/div>\n\n <div class=\"tech-modules reveal reveal-delay-2\">\n <div class=\"tech-module\">\n <div class=\"tech-module-icon\">\u2600\ufe0f<\/div>\n <h4>Solar integrado<\/h4>\n <p>Generaci\u00f3n fotovoltaica conectada al sistema de carga para reducir consumo de red.<\/p>\n <\/div>\n <div class=\"tech-module\">\n <div class=\"tech-module-icon\">\ud83d\udd0b<\/div>\n <h4>Almacenamiento BESS<\/h4>\n <p>Bater\u00edas de respaldo que optimizan el uso de energ\u00eda y reducen picos de demanda.<\/p>\n <\/div>\n <div class=\"tech-module\">\n <div class=\"tech-module-icon\">\ud83d\udcca<\/div>\n <h4>Plataforma de gesti\u00f3n<\/h4>\n <p>Dashboard en tiempo real con m\u00e9tricas de consumo, disponibilidad y facturaci\u00f3n.<\/p>\n <\/div>\n <div class=\"tech-module\">\n <div class=\"tech-module-icon\">\u26a1<\/div>\n <h4>Control de demanda<\/h4>\n <p>Gesti\u00f3n inteligente que evita penalizaciones por demanda m\u00e1xima con CFE.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n CTA FINAL\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<section class=\"cta-section\">\n <div class=\"container\">\n <p class=\"reveal\" style=\"font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--green);margin-bottom:20px;\">Desarrolla tu proyecto hoy<\/p>\n <h2 class=\"reveal reveal-delay-1\">Tu infraestructura de<br\/>movilidad el\u00e9ctrica<br\/><em>comienza aqu\u00ed<\/em><\/h2>\n <p class=\"reveal reveal-delay-2\">Habla directamente con un ingeniero especialista. Sin compromisos. Evaluamos tu proyecto sin costo.<\/p>\n <div class=\"reveal reveal-delay-3\">\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn-primary\" target=\"_blank\" rel=\"noopener\" style=\"font-size:16px; padding:18px 42px;\">\n <svg class=\"btn-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/>\n <\/svg>\n Hablar con un ingeniero\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n JS\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n \/\/ Intersection Observer for reveal animations\n const revealEls = document.querySelectorAll('.reveal');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.12 });\n\n revealEls.forEach(el => observer.observe(el));\n\n \/\/ Hero responsive fix\n function heroLayout() {\n const heroInner = document.querySelector('.hero .container');\n if (window.innerWidth <= 1024) {\n heroInner.style.gridTemplateColumns = '1fr';\n } else {\n heroInner.style.gridTemplateColumns = '1fr 1fr';\n }\n }\n heroLayout();\n window.addEventListener('resize', heroLayout);\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Electrolineras e Infraestructura de Carga VE \u2014 GAMMVA Energy Group Movilidad El\u00e9ctrica \u00b7 Infraestructura \u00b7 GAMMVA Infraestructura de carga inteligente para veh\u00edculos el\u00e9ctricos Desarrollamos soluciones completas de carga AC y DC para empresas, corporativos, industria y movilidad el\u00e9ctrica p\u00fablica y privada. De la ingenier\u00eda a la operaci\u00f3n. Hablar con un ingeniero Solicitar proyecto AC & […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-875","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=875"}],"version-history":[{"count":2,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/875\/revisions"}],"predecessor-version":[{"id":939,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/875\/revisions\/939"}],"wp:attachment":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}