Gammva Lighting Systems \u2014 Iluminaci\u00f3n Profesional<\/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<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green: #2A6E47;\n --green-light: #3A8A5A;\n --green-pale: #EEF5F1;\n --green-mid: #C8E0D2;\n --black: #0C0C0C;\n --ink: #1A1A1A;\n --muted: #6B7280;\n --subtle: #9CA3AF;\n --border: #E5E7EB;\n --bg: #FFFFFF;\n --surface: #F9FAFB;\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n background: var(--bg);\n color: var(--ink);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(32px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.96); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes slideRight {\n from { width: 0; }\n to { width: 56px; }\n }\n @keyframes pulse-dot {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.4); opacity: 0.6; }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,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 .reveal-delay-6 { transition-delay: 0.6s; }\n\n \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n section { padding: 96px 0; }\n\n .label-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--green);\n background: var(--green-pale);\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 28px;\n }\n .label-tag::before {\n content: '';\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--green);\n animation: pulse-dot 2s ease-in-out infinite;\n }\n\n h1 {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: clamp(40px, 6vw, 72px);\n font-weight: 400;\n line-height: 1.08;\n letter-spacing: -0.02em;\n color: var(--black);\n }\n h2 {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: clamp(32px, 4.5vw, 52px);\n font-weight: 400;\n line-height: 1.1;\n letter-spacing: -0.015em;\n color: var(--black);\n }\n h3 { font-size: 18px; font-weight: 500; color: var(--ink); }\n\n p.lead {\n font-size: clamp(17px, 2.2vw, 21px);\n font-weight: 300;\n color: var(--muted);\n line-height: 1.65;\n max-width: 600px;\n }\n\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: 100px;\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.25s cubic-bezier(0.22,1,0.36,1);\n border: none;\n }\n .btn-primary {\n background: var(--green);\n color: #fff;\n box-shadow: 0 1px 3px rgba(42,110,71,0.25);\n }\n .btn-primary:hover {\n background: var(--green-light);\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(42,110,71,0.28);\n }\n .btn-secondary {\n background: transparent;\n color: var(--ink);\n border: 1.5px solid var(--border);\n }\n .btn-secondary:hover {\n border-color: var(--green);\n color: var(--green);\n transform: translateY(-1px);\n }\n .btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n\n .btn-group { display: flex; gap: 12px; flex-wrap: wrap; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n min-height: 92vh;\n display: flex;\n align-items: center;\n padding: 80px 0 60px;\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(42,110,71,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n #hero::after {\n content: '';\n position: absolute;\n bottom: -100px; left: -100px;\n width: 400px; height: 400px;\n background: radial-gradient(circle, rgba(42,110,71,0.04) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\n .hero-copy { animation: fadeUp 0.9s cubic-bezier(0.22,1,0.36,1) both; }\n .hero-copy h1 em {\n font-style: italic;\n color: var(--green);\n }\n .hero-copy .lead { margin: 24px 0 36px; }\n\n .hero-media {\n position: relative;\n animation: scaleIn 1s 0.3s cubic-bezier(0.22,1,0.36,1) both;\n }\n .hero-img-wrap {\n border-radius: 24px;\n overflow: hidden;\n aspect-ratio: 4\/3;\n background: linear-gradient(135deg, #1A3829 0%, #2A6E47 40%, #3D9E68 100%);\n position: relative;\n box-shadow: 0 32px 80px rgba(0,0,0,0.15);\n }\n .hero-img-inner {\n position: absolute; inset: 0;\n display: flex; align-items: flex-end;\n padding: 32px;\n }\n .hero-img-label {\n background: rgba(255,255,255,0.12);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 14px;\n padding: 16px 20px;\n color: #fff;\n }\n .hero-img-label p:first-child { font-size: 22px; font-weight: 600; }\n .hero-img-label p:last-child { font-size: 13px; opacity: 0.7; margin-top: 2px; }\n\n \/* Floating lamps illustration inside hero *\/\n .hero-lights {\n position: absolute;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .h-lamp {\n position: absolute;\n width: 3px;\n background: rgba(255,255,255,0.15);\n top: 0;\n transform-origin: top center;\n }\n .h-lamp::after {\n content: '';\n position: absolute;\n bottom: -6px; left: 50%;\n transform: translateX(-50%);\n width: 14px; height: 14px;\n border-radius: 50%;\n background: rgba(255,255,255,0.9);\n box-shadow: 0 0 40px 20px rgba(255,255,190,0.6);\n }\n .h-lamp:nth-child(1) { left:15%; height:55px; }\n .h-lamp:nth-child(2) { left:35%; height:70px; }\n .h-lamp:nth-child(3) { left:55%; height:45px; }\n .h-lamp:nth-child(4) { left:75%; height:65px; }\n\n .hero-stat-chips {\n display: flex;\n gap: 10px;\n margin-top: 28px;\n flex-wrap: wrap;\n }\n .chip {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n .chip .dot { width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; }\n\n \/* \u2500\u2500 PROBLEMS \u2500\u2500 *\/\n #problems { background: var(--black); padding: 96px 0; }\n #problems .label-tag { background: rgba(42,110,71,0.18); color: #6FCF97; }\n #problems h2 { color: #fff; }\n #problems .sub {\n font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.45);\n margin-top: 16px; max-width: 520px;\n }\n\n .problems-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1px;\n background: rgba(255,255,255,0.08);\n border-radius: var(--radius);\n overflow: hidden;\n margin-top: 56px;\n border: 1px solid rgba(255,255,255,0.08);\n }\n .prob-card {\n background: #111;\n padding: 36px 32px;\n transition: background 0.3s;\n }\n .prob-card:hover { background: #161616; }\n .prob-icon {\n width: 48px; height: 48px;\n border-radius: 12px;\n background: rgba(42,110,71,0.2);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n }\n .prob-icon svg { width: 22px; height: 22px; stroke: #6FCF97; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n .prob-card h3 { color: #fff; font-size: 17px; margin-bottom: 10px; }\n .prob-card p { color: rgba(255,255,255,0.45); font-size: 14px; line-height: 1.6; }\n\n .problems-bottom {\n margin-top: 56px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-wrap: wrap;\n }\n .problems-bottom p {\n font-size: 20px;\n font-weight: 300;\n color: rgba(255,255,255,0.6);\n max-width: 500px;\n }\n .problems-bottom p strong { color: #fff; font-weight: 500; }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n #services { background: var(--bg); }\n .section-header { margin-bottom: 60px; }\n .section-header .lead { margin-top: 16px; }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n }\n .svc-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px 28px;\n transition: all 0.3s cubic-bezier(0.22,1,0.36,1);\n cursor: default;\n }\n .svc-card:hover {\n background: #fff;\n border-color: var(--green-mid);\n box-shadow: 0 12px 40px rgba(42,110,71,0.1);\n transform: translateY(-3px);\n }\n .svc-icon {\n width: 52px; height: 52px;\n border-radius: 14px;\n background: var(--green-pale);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n }\n .svc-icon svg { width: 24px; height: 24px; stroke: var(--green); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n .svc-card h3 { font-size: 16px; font-weight: 500; margin-bottom: 10px; }\n .svc-card p { font-size: 14px; color: var(--muted); line-height: 1.6; }\n\n \/* \u2500\u2500 GALLERY \u2500\u2500 *\/\n #gallery { background: var(--surface); overflow: hidden; }\n .gallery-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto auto;\n gap: 16px;\n margin-top: 48px;\n }\n .gal-item {\n border-radius: var(--radius);\n overflow: hidden;\n position: relative;\n aspect-ratio: 4\/3;\n background: linear-gradient(135deg, #1c3a29, #2A6E47);\n }\n .gal-item:first-child {\n grid-column: span 2;\n aspect-ratio: 16\/6;\n }\n .gal-label {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 24px 28px 24px;\n background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);\n color: #fff;\n }\n .gal-label strong { font-size: 17px; font-weight: 500; display: block; }\n .gal-label span { font-size: 13px; opacity: 0.6; }\n\n \/* Light beam animations in gallery cards *\/\n .gal-lights { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\n .beam {\n position: absolute;\n top: 0;\n width: 2px;\n background: linear-gradient(to bottom, rgba(255,255,220,0.9) 0%, rgba(255,255,220,0) 100%);\n transform-origin: top center;\n }\n .beam::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 60px; height: 60px;\n background: radial-gradient(circle, rgba(255,255,200,0.35) 0%, transparent 70%);\n }\n\n \/* \u2500\u2500 BENEFITS \u2500\u2500 *\/\n #benefits { background: var(--bg); }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 56px;\n }\n .ben-card {\n padding: 36px 28px;\n border-radius: var(--radius);\n border: 1px solid var(--border);\n text-align: center;\n transition: all 0.3s;\n }\n .ben-card:hover {\n border-color: var(--green-mid);\n background: var(--green-pale);\n }\n .ben-num {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 52px;\n font-weight: 400;\n color: var(--green);\n line-height: 1;\n margin-bottom: 8px;\n }\n .ben-card h3 { font-size: 16px; margin-bottom: 8px; }\n .ben-card p { font-size: 14px; color: var(--muted); }\n\n \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\n #process { background: var(--surface); }\n .process-steps {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 0;\n margin-top: 56px;\n position: relative;\n }\n .process-steps::before {\n content: '';\n position: absolute;\n top: 30px; left: 10%; right: 10%;\n height: 1px;\n background: var(--green-mid);\n z-index: 0;\n }\n .step {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 16px;\n padding: 0 12px;\n position: relative;\n z-index: 1;\n }\n .step-num {\n width: 60px; height: 60px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid var(--green-mid);\n display: flex; align-items: center; justify-content: center;\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 22px;\n color: var(--green);\n transition: all 0.3s;\n flex-shrink: 0;\n }\n .step:hover .step-num {\n background: var(--green);\n color: #fff;\n border-color: var(--green);\n box-shadow: 0 8px 24px rgba(42,110,71,0.25);\n }\n .step h3 { font-size: 14px; font-weight: 500; }\n .step p { font-size: 13px; color: var(--muted); line-height: 1.5; }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n #cta {\n background: var(--black);\n padding: 120px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n #cta::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(42,110,71,0.25) 0%, transparent 100%);\n pointer-events: none;\n }\n #cta h2 { color: #fff; position: relative; }\n #cta h2 em { color: #6FCF97; font-style: italic; }\n #cta p.lead { color: rgba(255,255,255,0.45); margin: 20px auto 40px; }\n #cta .btn-secondary { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.2); }\n #cta .btn-secondary:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .line-divider {\n height: 1px;\n background: var(--border);\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 BACK LINK \u2500\u2500 *\/\n .back-bar {\n padding: 20px 24px 0;\n max-width: 1100px;\n margin: 0 auto;\n }\n .back-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n .back-link:hover { color: var(--green); }\n .back-link svg { width: 16px; height: 16px; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 768px) {\n section { padding: 72px 0; }\n .hero-inner { grid-template-columns: 1fr; gap: 40px; }\n .hero-media { display: none; }\n .gallery-grid { grid-template-columns: 1fr; }\n .gal-item:first-child { grid-column: span 1; aspect-ratio: 4\/3; }\n .process-steps { grid-template-columns: 1fr 1fr; gap: 24px; }\n .process-steps::before { display: none; }\n .problems-bottom { flex-direction: column; }\n }\n @media (max-width: 480px) {\n .process-steps { grid-template-columns: 1fr; }\n .benefits-grid { grid-template-columns: 1fr 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"back-bar\">\n <a href=\"https:\/\/gammva.com.mx\/?page_id=842\" class=\"back-link\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 5l-7 7 7 7\"\/><\/svg>\n Regresar a servicios\n <\/a>\n<\/div>\n\n\n<section id=\"hero\">\n <div class=\"container\">\n <div class=\"hero-inner\">\n\n <div class=\"hero-copy\">\n <div class=\"label-tag\">Gammva Lighting Systems<\/div>\n <h1>Iluminaci\u00f3n profesional<br>dise\u00f1ada para <em>empresas<\/em><br>que exigen m\u00e1s.<\/h1>\n <p class=\"lead\">Dise\u00f1amos, instalamos y modernizamos sistemas de iluminaci\u00f3n completos. M\u00e1s eficiencia, mejor imagen, menos costos.<\/p>\n <div class=\"btn-group\">\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-primary\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Solicitar diagn\u00f3stico\n <\/a>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-secondary\" target=\"_blank\">\n Hablar con un ingeniero\n <\/a>\n <\/div>\n <div class=\"hero-stat-chips\">\n <div class=\"chip\"><div class=\"dot\"><\/div> Proyectos llave en mano<\/div>\n <div class=\"chip\"><div class=\"dot\"><\/div> Sin subcontratistas<\/div>\n <div class=\"chip\"><div class=\"dot\"><\/div> Tecnolog\u00eda LED premium<\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-media\">\n <div class=\"hero-img-wrap\">\n <div class=\"hero-lights\">\n <div class=\"h-lamp\"><\/div>\n <div class=\"h-lamp\"><\/div>\n <div class=\"h-lamp\"><\/div>\n <div class=\"h-lamp\"><\/div>\n <\/div>\n \n <svg viewBox=\"0 0 480 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;inset:0;width:100%;height:100%;opacity:0.55\">\n <defs>\n <radialGradient id=\"glow1\" cx=\"50%\" cy=\"100%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#ffffaa\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#ffffaa\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"glow2\" cx=\"50%\" cy=\"100%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#ffffaa\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#ffffaa\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n \n <rect x=\"0\" y=\"290\" width=\"480\" height=\"70\" fill=\"rgba(255,255,255,0.04)\"\/>\n \n <rect x=\"40\" y=\"80\" width=\"120\" height=\"220\" rx=\"4\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"55\" y=\"95\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"85\" y=\"95\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"115\" y=\"95\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"55\" y=\"130\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"85\" y=\"130\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"115\" y=\"130\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"55\" y=\"165\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"85\" y=\"165\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"115\" y=\"165\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n \n <rect x=\"180\" y=\"30\" width=\"120\" height=\"270\" rx=\"4\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"195\" y=\"50\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"229\" y=\"50\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"263\" y=\"50\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"195\" y=\"90\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"229\" y=\"90\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.25)\"\/>\n <rect x=\"263\" y=\"90\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"195\" y=\"130\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"229\" y=\"130\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"263\" y=\"130\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"195\" y=\"170\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"229\" y=\"170\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"263\" y=\"170\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n \n <rect x=\"320\" y=\"100\" width=\"120\" height=\"200\" rx=\"4\" fill=\"rgba(255,255,255,0.05)\"\/>\n <rect x=\"335\" y=\"118\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"365\" y=\"118\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"395\" y=\"118\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"335\" y=\"153\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"365\" y=\"153\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"395\" y=\"153\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n \n <line x1=\"160\" y1=\"240\" x2=\"160\" y2=\"295\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <line x1=\"155\" y1=\"240\" x2=\"172\" y2=\"240\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <circle cx=\"172\" cy=\"240\" r=\"5\" fill=\"rgba(255,255,240,0.9)\"\/>\n <ellipse cx=\"172\" cy=\"248\" rx=\"20\" ry=\"8\" fill=\"url(#glow1)\"\/>\n <line x1=\"320\" y1=\"250\" x2=\"320\" y2=\"295\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <line x1=\"315\" y1=\"250\" x2=\"332\" y2=\"250\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <circle cx=\"332\" cy=\"250\" r=\"5\" fill=\"rgba(255,255,240,0.9)\"\/>\n <ellipse cx=\"332\" cy=\"258\" rx=\"20\" ry=\"8\" fill=\"url(#glow2)\"\/>\n <\/svg>\n <div class=\"hero-img-inner\">\n <div class=\"hero-img-label\">\n <p>Gammva Lighting Systems<\/p>\n <p>Iluminaci\u00f3n profesional integral<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"line-divider\"><\/div>\n\n\n<section id=\"problems\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"label-tag\">El problema<\/div>\n <h2>Lo que frena a tu empresa<br>hoy mismo.<\/h2>\n <p class=\"sub\">Cada d\u00eda sin una soluci\u00f3n eficiente es dinero que se va por la ventana.<\/p>\n <\/div>\n\n <div class=\"problems-grid\">\n\n <div class=\"prob-card reveal reveal-delay-1\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg>\n <\/div>\n <h3>Iluminaci\u00f3n deficiente<\/h3>\n <p>Zonas mal iluminadas afectan productividad, seguridad y la imagen de tu empresa ante clientes y empleados.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-2\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n <\/div>\n <h3>Alto consumo energ\u00e9tico<\/h3>\n <p>Sistemas de iluminaci\u00f3n obsoletos pueden representar hasta el 40% del consumo el\u00e9ctrico de tus instalaciones.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-3\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg>\n <\/div>\n <h3>Espacios inseguros<\/h3>\n <p>La falta de iluminaci\u00f3n adecuada en estacionamientos, pasillos y \u00e1reas de trabajo genera riesgos reales.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-4\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n <\/div>\n <h3>Mantenimiento costoso<\/h3>\n <p>Luminarias antiguas fallan con frecuencia. El costo acumulado de reposici\u00f3n supera con creces una modernizaci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-5\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/><\/svg>\n <\/div>\n <h3>Mala experiencia visual<\/h3>\n <p>Luz fr\u00eda, parpadeos, sombras y deslumbramiento deterioran la experiencia de tu equipo y visitantes.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-6\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <h3>Costos no controlados<\/h3>\n <p>Sin un estudio fotom\u00e9trico previo, los proyectos de iluminaci\u00f3n se convierten en gastos sin retorno visible.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"problems-bottom reveal\">\n <p><strong>Nosotros resolvemos el problema completo.<\/strong><br>Desde el diagn\u00f3stico hasta la puesta en marcha.<\/p>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-primary\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Hablar con un especialista\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"services\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <div class=\"label-tag\">Nuestros servicios<\/div>\n <h2>Una soluci\u00f3n completa<br>de principio a fin.<\/h2>\n <p class=\"lead\">No dejamos ning\u00fan cabo suelto. Cubrimos cada etapa del proyecto con nuestro propio equipo.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n\n <div class=\"svc-card reveal reveal-delay-1\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n <\/div>\n <h3>Dise\u00f1o de iluminaci\u00f3n<\/h3>\n <p>Dise\u00f1o a medida para cada espacio: corporativo, industrial, comercial o exterior. Funcional y est\u00e9tico.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-2\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n <\/div>\n <h3>Estudios fotom\u00e9tricos<\/h3>\n <p>An\u00e1lisis t\u00e9cnico precisos de niveles de iluminancia. Cumplimiento de normas NOM y est\u00e1ndares internacionales.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-3\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg>\n <\/div>\n <h3>Retrofit LED<\/h3>\n <p>Modernizaci\u00f3n de sistemas de iluminaci\u00f3n existentes. Hasta 70% de ahorro en consumo energ\u00e9tico.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-4\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <h3>Alumbrado industrial<\/h3>\n <p>Soluciones de alta potencia para naves industriales, plantas de manufactura y bodegas de gran altura.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-5\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n <\/div>\n <h3>Alumbrado exterior<\/h3>\n <p>Iluminaci\u00f3n de fachadas, estacionamientos, vialidades y \u00e1reas comunes con tecnolog\u00eda LED de larga vida.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-6\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <h3>Alumbrado corporativo<\/h3>\n <p>Ambientaci\u00f3n profesional para oficinas, salas de reuniones, lobbies y showrooms. Productividad y confort.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-1\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 20V10M12 20V4M6 20v-6\"\/><\/svg>\n <\/div>\n <h3>Sistemas de control<\/h3>\n <p>Atenuadores, sensores de presencia, temporizaci\u00f3n y automatizaci\u00f3n inteligente. Ahorro continuo y automatizado.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-2\">\n <div class=\"svc-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\"\/><\/svg>\n <\/div>\n <h3>Instalaci\u00f3n y puesta en marcha<\/h3>\n <p>Ejecuci\u00f3n con nuestro propio equipo t\u00e9cnico certificado. Control total de calidad en cada proyecto.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"line-divider\"><\/div>\n\n\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <div class=\"label-tag\">As\u00ed se ve el resultado<\/div>\n <h2>Espacios que inspiran<br>confianza y eficiencia.<\/h2>\n <\/div>\n\n <div class=\"gallery-grid\">\n\n <div class=\"gal-item reveal\" style=\"background: linear-gradient(135deg, #0d2317 0%, #1a4d2e 50%, #2A6E47 100%);\">\n <div class=\"gal-lights\">\n <div class=\"beam\" style=\"left:12%;height:80px;\"><\/div>\n <div class=\"beam\" style=\"left:25%;height:65px;\"><\/div>\n <div class=\"beam\" style=\"left:40%;height:90px;\"><\/div>\n <div class=\"beam\" style=\"left:55%;height:70px;\"><\/div>\n <div class=\"beam\" style=\"left:68%;height:85px;\"><\/div>\n <div class=\"beam\" style=\"left:82%;height:60px;\"><\/div>\n <\/div>\n <svg viewBox=\"0 0 900 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;bottom:0;width:100%;height:80%;opacity:0.3\">\n <rect x=\"0\" y=\"160\" width=\"900\" height=\"80\" fill=\"rgba(255,255,255,0.05)\"\/>\n <rect x=\"50\" y=\"60\" width=\"200\" height=\"110\" rx=\"3\" fill=\"rgba(255,255,255,0.07)\"\/>\n <rect x=\"270\" y=\"20\" width=\"160\" height=\"150\" rx=\"3\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"450\" y=\"50\" width=\"180\" height=\"120\" rx=\"3\" fill=\"rgba(255,255,255,0.07)\"\/>\n <rect x=\"650\" y=\"70\" width=\"200\" height=\"100\" rx=\"3\" fill=\"rgba(255,255,255,0.05)\"\/>\n <line x1=\"100\" y1=\"160\" x2=\"100\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"100\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <line x1=\"300\" y1=\"160\" x2=\"300\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"300\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <line x1=\"500\" y1=\"160\" x2=\"500\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"500\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <line x1=\"700\" y1=\"160\" x2=\"700\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"700\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <\/svg>\n <div class=\"gal-label\">\n <strong>Alumbrado exterior y estacionamientos<\/strong>\n <span>Visibilidad, seguridad y eficiencia en toda el \u00e1rea exterior<\/span>\n <\/div>\n <\/div>\n\n <div class=\"gal-item reveal reveal-delay-2\" style=\"background: linear-gradient(160deg, #112a1e 0%, #1f5236 100%);\">\n <div class=\"gal-lights\">\n <div class=\"beam\" style=\"left:20%;height:55px;\"><\/div>\n <div class=\"beam\" style=\"left:50%;height:70px;\"><\/div>\n <div class=\"beam\" style=\"left:80%;height:50px;\"><\/div>\n <\/div>\n <svg viewBox=\"0 0 440 330\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;inset:0;width:100%;height:100%;opacity:0.35\">\n <rect x=\"20\" y=\"20\" width=\"400\" height=\"290\" rx=\"4\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"80\" x2=\"420\" y2=\"80\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"140\" x2=\"420\" y2=\"140\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"200\" x2=\"420\" y2=\"200\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"260\" x2=\"420\" y2=\"260\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"80\" y1=\"20\" x2=\"80\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"160\" y1=\"20\" x2=\"160\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"240\" y1=\"20\" x2=\"240\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"320\" y1=\"20\" x2=\"320\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"400\" y1=\"20\" x2=\"400\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n \n <rect x=\"60\" y=\"30\" width=\"320\" height=\"15\" rx=\"3\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"60\" y=\"50\" width=\"320\" height=\"8\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n \n <polygon points=\"80,58 40,200 120,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n <polygon points=\"160,58 120,200 200,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n <polygon points=\"240,58 200,200 280,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n <polygon points=\"320,58 280,200 360,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n \n <circle cx=\"80\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n <circle cx=\"160\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n <circle cx=\"240\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n <circle cx=\"320\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n \n <rect x=\"20\" y=\"270\" width=\"400\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,220,0.05)\"\/>\n <\/svg>\n <div class=\"gal-label\">\n <strong>Iluminaci\u00f3n industrial de alta bah\u00eda<\/strong>\n <span>Naves, bodegas y plantas de manufactura<\/span>\n <\/div>\n <\/div>\n\n <div class=\"gal-item reveal reveal-delay-3\" style=\"background: linear-gradient(145deg, #0e1f16 0%, #1c4030 100%);\">\n <div class=\"gal-lights\">\n <div class=\"beam\" style=\"left:30%;height:45px;\"><\/div>\n <div class=\"beam\" style=\"left:60%;height:60px;\"><\/div>\n <\/div>\n <svg viewBox=\"0 0 440 330\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;inset:0;width:100%;height:100%;opacity:0.35\">\n \n <rect x=\"30\" y=\"60\" width=\"380\" height=\"200\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\"\/>\n \n <rect x=\"50\" y=\"60\" width=\"340\" height=\"20\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"90\" y=\"65\" width=\"80\" height=\"10\" rx=\"1\" fill=\"rgba(255,255,220,0.7)\"\/>\n <rect x=\"200\" y=\"65\" width=\"80\" height=\"10\" rx=\"1\" fill=\"rgba(255,255,220,0.7)\"\/>\n <rect x=\"310\" y=\"65\" width=\"80\" height=\"10\" rx=\"1\" fill=\"rgba(255,255,220,0.7)\"\/>\n \n <rect x=\"60\" y=\"160\" width=\"140\" height=\"60\" rx=\"3\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"240\" y=\"160\" width=\"140\" height=\"60\" rx=\"3\" fill=\"rgba(255,255,255,0.08)\"\/>\n \n <rect x=\"90\" y=\"130\" width=\"60\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"270\" y=\"130\" width=\"60\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n \n <polygon points=\"130,75 60,200 200,200\" fill=\"rgba(255,255,220,0.04)\"\/>\n <polygon points=\"240,75 170,200 310,200\" fill=\"rgba(255,255,220,0.04)\"\/>\n <polygon points=\"350,75 280,200 420,200\" fill=\"rgba(255,255,220,0.04)\"\/>\n \n <rect x=\"30\" y=\"250\" width=\"380\" height=\"10\" rx=\"2\" fill=\"rgba(255,255,255,0.06)\"\/>\n <\/svg>\n <div class=\"gal-label\">\n <strong>Iluminaci\u00f3n corporativa interior<\/strong>\n <span>Oficinas, salas y espacios de trabajo de alto rendimiento<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"benefits\">\n <div class=\"container\">\n <div class=\"section-header reveal\" style=\"text-align:center; display:flex; flex-direction:column; align-items:center;\">\n <div class=\"label-tag\">Por qu\u00e9 Gammva<\/div>\n <h2>Los n\u00fameros hablan<br>por s\u00ed solos.<\/h2>\n <p class=\"lead\" style=\"text-align:center;\">Resultados reales que nuestros clientes experimentan despu\u00e9s de cada proyecto.<\/p>\n <\/div>\n\n <div class=\"benefits-grid\">\n\n <div class=\"ben-card reveal reveal-delay-1\">\n <div class=\"ben-num\">70%<\/div>\n <h3>Reducci\u00f3n energ\u00e9tica<\/h3>\n <p>Ahorro promedio en consumo el\u00e9ctrico tras modernizaci\u00f3n LED completa.<\/p>\n <\/div>\n\n <div class=\"ben-card reveal reveal-delay-2\">\n <div class=\"ben-num\">50k+<\/div>\n <h3>Horas de vida \u00fatil<\/h3>\n <p>Luminarias LED premium con garant\u00eda extendida y m\u00ednimo mantenimiento.<\/p>\n <\/div>\n\n <div class=\"ben-card reveal reveal-delay-3\">\n <div class=\"ben-num\">100%<\/div>\n <h3>Control de calidad<\/h3>\n <p>Equipo propio en cada proyecto. Sin subcontratistas, sin intermediarios.<\/p>\n <\/div>\n\n <div class=\"ben-card reveal reveal-delay-4\">\n <div class=\"ben-num\">NOM<\/div>\n <h3>Cumplimiento normativo<\/h3>\n <p>Todos los proyectos cumplen con la normativa mexicana e internacional vigente.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"line-divider\"><\/div>\n\n\n<section id=\"process\">\n <div class=\"container\">\n <div class=\"section-header reveal\" style=\"text-align:center; display:flex; flex-direction:column; align-items:center;\">\n <div class=\"label-tag\">C\u00f3mo trabajamos<\/div>\n <h2>Simple, ordenado y sin sorpresas.<\/h2>\n <p class=\"lead\" style=\"text-align:center;\">Un proceso claro que te da control y visibilidad en cada etapa.<\/p>\n <\/div>\n\n <div class=\"process-steps\">\n\n <div class=\"step reveal reveal-delay-1\">\n <div class=\"step-num\">1<\/div>\n <h3>Diagn\u00f3stico<\/h3>\n <p>Evaluamos tu infraestructura actual y necesidades espec\u00edficas.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-2\">\n <div class=\"step-num\">2<\/div>\n <h3>Estudio fotom\u00e9trico<\/h3>\n <p>Dise\u00f1o t\u00e9cnico con simulaci\u00f3n real de niveles de iluminaci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-3\">\n <div class=\"step-num\">3<\/div>\n <h3>Propuesta<\/h3>\n <p>Cotizaci\u00f3n clara con ROI, ahorro proyectado y materiales especificados.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-4\">\n <div class=\"step-num\">4<\/div>\n <h3>Instalaci\u00f3n<\/h3>\n <p>Ejecuci\u00f3n con nuestro propio equipo certificado y protocolos de seguridad.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-5\">\n <div class=\"step-num\">5<\/div>\n <h3>Puesta en marcha<\/h3>\n <p>Verificaci\u00f3n, entrega de documentaci\u00f3n y soporte post-instalaci\u00f3n.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"label-tag\" style=\"background:rgba(42,110,71,0.2);color:#6FCF97;margin:0 auto 28px;\">\n Da el primer paso hoy\n <\/div>\n <h2>Moderniza la iluminaci\u00f3n de<br>tu empresa con una soluci\u00f3n<br><em>verdaderamente profesional.<\/em><\/h2>\n <p class=\"lead\">Sin compromisos. Solo una conversaci\u00f3n con un especialista que entiende tu negocio.<\/p>\n <div class=\"btn-group\" style=\"justify-content:center;\">\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-primary\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Solicitar diagn\u00f3stico gratuito\n <\/a>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-secondary\" target=\"_blank\">\n Agendar asesor\u00eda\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div style=\"padding:32px 24px; text-align:center; border-top:1px solid #222;\">\n <a href=\"https:\/\/gammva.com.mx\/?page_id=842\" style=\"display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:14px;color:#6B7280;text-decoration:none;transition:color 0.2s;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 5l-7 7 7 7\"\/><\/svg>\n Ver todos los servicios de Gammva\n <\/a>\n<\/div>\n\n<script>\n \/\/ Scroll reveal\n const reveals = 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, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Hover tilt on service cards\n document.querySelectorAll('.svc-card').forEach(card => {\n card.addEventListener('mousemove', e => {\n const rect = card.getBoundingClientRect();\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n card.style.transform = `translateY(-3px) rotateX(${-y*4}deg) rotateY(${x*4}deg)`;\n });\n card.addEventListener('mouseleave', () => {\n card.style.transform = '';\n });\n });\n\n \/\/ Number counter animation on benefits\n const benNums = document.querySelectorAll('.ben-num');\n const numObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeUp 0.6s cubic-bezier(0.22,1,0.36,1) both';\n numObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n benNums.forEach(el => numObserver.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gammva Lighting Systems \u2014 Iluminaci\u00f3n Profesional Regresar a servicios Gammva Lighting Systems Iluminaci\u00f3n profesionaldise\u00f1ada para empresasque exigen m\u00e1s. Dise\u00f1amos, instalamos y modernizamos sistemas de iluminaci\u00f3n completos. M\u00e1s eficiencia, mejor imagen, menos costos. Solicitar diagn\u00f3stico Hablar con un ingeniero Proyectos llave en mano Sin subcontratistas Tecnolog\u00eda LED premium Gammva Lighting Systems Iluminaci\u00f3n profesional integral El problema […]<\/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-863","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/863","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=863"}],"version-history":[{"count":3,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/863\/revisions"}],"predecessor-version":[{"id":928,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/863\/revisions\/928"}],"wp:attachment":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":863,"date":"2026-04-12T04:03:47","date_gmt":"2026-04-12T04:03:47","guid":{"rendered":"https:\/\/gammva.com.mx\/?page_id=863"},"modified":"2026-05-24T19:35:20","modified_gmt":"2026-05-24T19:35:20","slug":"iluminacion","status":"publish","type":"page","link":"https:\/\/gammva.com.mx\/?page_id=863","title":{"rendered":"Iluminacion"},"content":{"rendered":"\n\n\n\n\n\nGammva Lighting Systems \u2014 Iluminaci\u00f3n Profesional<\/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<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --green: #2A6E47;\n --green-light: #3A8A5A;\n --green-pale: #EEF5F1;\n --green-mid: #C8E0D2;\n --black: #0C0C0C;\n --ink: #1A1A1A;\n --muted: #6B7280;\n --subtle: #9CA3AF;\n --border: #E5E7EB;\n --bg: #FFFFFF;\n --surface: #F9FAFB;\n --radius: 16px;\n --radius-sm: 10px;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n background: var(--bg);\n color: var(--ink);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(32px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.96); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes slideRight {\n from { width: 0; }\n to { width: 56px; }\n }\n @keyframes pulse-dot {\n 0%, 100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(1.4); opacity: 0.6; }\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(28px);\n transition: opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,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 .reveal-delay-6 { transition-delay: 0.6s; }\n\n \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n .container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px;\n }\n\n section { padding: 96px 0; }\n\n .label-tag {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--green);\n background: var(--green-pale);\n padding: 6px 14px;\n border-radius: 100px;\n margin-bottom: 28px;\n }\n .label-tag::before {\n content: '';\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--green);\n animation: pulse-dot 2s ease-in-out infinite;\n }\n\n h1 {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: clamp(40px, 6vw, 72px);\n font-weight: 400;\n line-height: 1.08;\n letter-spacing: -0.02em;\n color: var(--black);\n }\n h2 {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: clamp(32px, 4.5vw, 52px);\n font-weight: 400;\n line-height: 1.1;\n letter-spacing: -0.015em;\n color: var(--black);\n }\n h3 { font-size: 18px; font-weight: 500; color: var(--ink); }\n\n p.lead {\n font-size: clamp(17px, 2.2vw, 21px);\n font-weight: 300;\n color: var(--muted);\n line-height: 1.65;\n max-width: 600px;\n }\n\n \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: 100px;\n font-family: 'DM Sans', sans-serif;\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.25s cubic-bezier(0.22,1,0.36,1);\n border: none;\n }\n .btn-primary {\n background: var(--green);\n color: #fff;\n box-shadow: 0 1px 3px rgba(42,110,71,0.25);\n }\n .btn-primary:hover {\n background: var(--green-light);\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(42,110,71,0.28);\n }\n .btn-secondary {\n background: transparent;\n color: var(--ink);\n border: 1.5px solid var(--border);\n }\n .btn-secondary:hover {\n border-color: var(--green);\n color: var(--green);\n transform: translateY(-1px);\n }\n .btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n\n .btn-group { display: flex; gap: 12px; flex-wrap: wrap; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n #hero {\n min-height: 92vh;\n display: flex;\n align-items: center;\n padding: 80px 0 60px;\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(42,110,71,0.07) 0%, transparent 70%);\n pointer-events: none;\n }\n #hero::after {\n content: '';\n position: absolute;\n bottom: -100px; left: -100px;\n width: 400px; height: 400px;\n background: radial-gradient(circle, rgba(42,110,71,0.04) 0%, transparent 70%);\n pointer-events: none;\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 64px;\n align-items: center;\n }\n .hero-copy { animation: fadeUp 0.9s cubic-bezier(0.22,1,0.36,1) both; }\n .hero-copy h1 em {\n font-style: italic;\n color: var(--green);\n }\n .hero-copy .lead { margin: 24px 0 36px; }\n\n .hero-media {\n position: relative;\n animation: scaleIn 1s 0.3s cubic-bezier(0.22,1,0.36,1) both;\n }\n .hero-img-wrap {\n border-radius: 24px;\n overflow: hidden;\n aspect-ratio: 4\/3;\n background: linear-gradient(135deg, #1A3829 0%, #2A6E47 40%, #3D9E68 100%);\n position: relative;\n box-shadow: 0 32px 80px rgba(0,0,0,0.15);\n }\n .hero-img-inner {\n position: absolute; inset: 0;\n display: flex; align-items: flex-end;\n padding: 32px;\n }\n .hero-img-label {\n background: rgba(255,255,255,0.12);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255,255,255,0.2);\n border-radius: 14px;\n padding: 16px 20px;\n color: #fff;\n }\n .hero-img-label p:first-child { font-size: 22px; font-weight: 600; }\n .hero-img-label p:last-child { font-size: 13px; opacity: 0.7; margin-top: 2px; }\n\n \/* Floating lamps illustration inside hero *\/\n .hero-lights {\n position: absolute;\n inset: 0;\n pointer-events: none;\n overflow: hidden;\n }\n .h-lamp {\n position: absolute;\n width: 3px;\n background: rgba(255,255,255,0.15);\n top: 0;\n transform-origin: top center;\n }\n .h-lamp::after {\n content: '';\n position: absolute;\n bottom: -6px; left: 50%;\n transform: translateX(-50%);\n width: 14px; height: 14px;\n border-radius: 50%;\n background: rgba(255,255,255,0.9);\n box-shadow: 0 0 40px 20px rgba(255,255,190,0.6);\n }\n .h-lamp:nth-child(1) { left:15%; height:55px; }\n .h-lamp:nth-child(2) { left:35%; height:70px; }\n .h-lamp:nth-child(3) { left:55%; height:45px; }\n .h-lamp:nth-child(4) { left:75%; height:65px; }\n\n .hero-stat-chips {\n display: flex;\n gap: 10px;\n margin-top: 28px;\n flex-wrap: wrap;\n }\n .chip {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: 100px;\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 500;\n color: var(--muted);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n .chip .dot { width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; }\n\n \/* \u2500\u2500 PROBLEMS \u2500\u2500 *\/\n #problems { background: var(--black); padding: 96px 0; }\n #problems .label-tag { background: rgba(42,110,71,0.18); color: #6FCF97; }\n #problems h2 { color: #fff; }\n #problems .sub {\n font-size: 18px; font-weight: 300; color: rgba(255,255,255,0.45);\n margin-top: 16px; max-width: 520px;\n }\n\n .problems-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1px;\n background: rgba(255,255,255,0.08);\n border-radius: var(--radius);\n overflow: hidden;\n margin-top: 56px;\n border: 1px solid rgba(255,255,255,0.08);\n }\n .prob-card {\n background: #111;\n padding: 36px 32px;\n transition: background 0.3s;\n }\n .prob-card:hover { background: #161616; }\n .prob-icon {\n width: 48px; height: 48px;\n border-radius: 12px;\n background: rgba(42,110,71,0.2);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n }\n .prob-icon svg { width: 22px; height: 22px; stroke: #6FCF97; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n .prob-card h3 { color: #fff; font-size: 17px; margin-bottom: 10px; }\n .prob-card p { color: rgba(255,255,255,0.45); font-size: 14px; line-height: 1.6; }\n\n .problems-bottom {\n margin-top: 56px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-wrap: wrap;\n }\n .problems-bottom p {\n font-size: 20px;\n font-weight: 300;\n color: rgba(255,255,255,0.6);\n max-width: 500px;\n }\n .problems-bottom p strong { color: #fff; font-weight: 500; }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n #services { background: var(--bg); }\n .section-header { margin-bottom: 60px; }\n .section-header .lead { margin-top: 16px; }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 20px;\n }\n .svc-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px 28px;\n transition: all 0.3s cubic-bezier(0.22,1,0.36,1);\n cursor: default;\n }\n .svc-card:hover {\n background: #fff;\n border-color: var(--green-mid);\n box-shadow: 0 12px 40px rgba(42,110,71,0.1);\n transform: translateY(-3px);\n }\n .svc-icon {\n width: 52px; height: 52px;\n border-radius: 14px;\n background: var(--green-pale);\n display: flex; align-items: center; justify-content: center;\n margin-bottom: 20px;\n }\n .svc-icon svg { width: 24px; height: 24px; stroke: var(--green); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\n .svc-card h3 { font-size: 16px; font-weight: 500; margin-bottom: 10px; }\n .svc-card p { font-size: 14px; color: var(--muted); line-height: 1.6; }\n\n \/* \u2500\u2500 GALLERY \u2500\u2500 *\/\n #gallery { background: var(--surface); overflow: hidden; }\n .gallery-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: auto auto;\n gap: 16px;\n margin-top: 48px;\n }\n .gal-item {\n border-radius: var(--radius);\n overflow: hidden;\n position: relative;\n aspect-ratio: 4\/3;\n background: linear-gradient(135deg, #1c3a29, #2A6E47);\n }\n .gal-item:first-child {\n grid-column: span 2;\n aspect-ratio: 16\/6;\n }\n .gal-label {\n position: absolute;\n bottom: 0; left: 0; right: 0;\n padding: 24px 28px 24px;\n background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%);\n color: #fff;\n }\n .gal-label strong { font-size: 17px; font-weight: 500; display: block; }\n .gal-label span { font-size: 13px; opacity: 0.6; }\n\n \/* Light beam animations in gallery cards *\/\n .gal-lights { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\n .beam {\n position: absolute;\n top: 0;\n width: 2px;\n background: linear-gradient(to bottom, rgba(255,255,220,0.9) 0%, rgba(255,255,220,0) 100%);\n transform-origin: top center;\n }\n .beam::after {\n content: '';\n position: absolute;\n bottom: 0; left: 50%;\n transform: translateX(-50%);\n width: 60px; height: 60px;\n background: radial-gradient(circle, rgba(255,255,200,0.35) 0%, transparent 70%);\n }\n\n \/* \u2500\u2500 BENEFITS \u2500\u2500 *\/\n #benefits { background: var(--bg); }\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-top: 56px;\n }\n .ben-card {\n padding: 36px 28px;\n border-radius: var(--radius);\n border: 1px solid var(--border);\n text-align: center;\n transition: all 0.3s;\n }\n .ben-card:hover {\n border-color: var(--green-mid);\n background: var(--green-pale);\n }\n .ben-num {\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 52px;\n font-weight: 400;\n color: var(--green);\n line-height: 1;\n margin-bottom: 8px;\n }\n .ben-card h3 { font-size: 16px; margin-bottom: 8px; }\n .ben-card p { font-size: 14px; color: var(--muted); }\n\n \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\n #process { background: var(--surface); }\n .process-steps {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 0;\n margin-top: 56px;\n position: relative;\n }\n .process-steps::before {\n content: '';\n position: absolute;\n top: 30px; left: 10%; right: 10%;\n height: 1px;\n background: var(--green-mid);\n z-index: 0;\n }\n .step {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 16px;\n padding: 0 12px;\n position: relative;\n z-index: 1;\n }\n .step-num {\n width: 60px; height: 60px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid var(--green-mid);\n display: flex; align-items: center; justify-content: center;\n font-family: 'DM Serif Display', Georgia, serif;\n font-size: 22px;\n color: var(--green);\n transition: all 0.3s;\n flex-shrink: 0;\n }\n .step:hover .step-num {\n background: var(--green);\n color: #fff;\n border-color: var(--green);\n box-shadow: 0 8px 24px rgba(42,110,71,0.25);\n }\n .step h3 { font-size: 14px; font-weight: 500; }\n .step p { font-size: 13px; color: var(--muted); line-height: 1.5; }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n #cta {\n background: var(--black);\n padding: 120px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n #cta::before {\n content: '';\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(42,110,71,0.25) 0%, transparent 100%);\n pointer-events: none;\n }\n #cta h2 { color: #fff; position: relative; }\n #cta h2 em { color: #6FCF97; font-style: italic; }\n #cta p.lead { color: rgba(255,255,255,0.45); margin: 20px auto 40px; }\n #cta .btn-secondary { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.2); }\n #cta .btn-secondary:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\n\n \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n .line-divider {\n height: 1px;\n background: var(--border);\n max-width: 1100px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 BACK LINK \u2500\u2500 *\/\n .back-bar {\n padding: 20px 24px 0;\n max-width: 1100px;\n margin: 0 auto;\n }\n .back-link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n .back-link:hover { color: var(--green); }\n .back-link svg { width: 16px; height: 16px; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 768px) {\n section { padding: 72px 0; }\n .hero-inner { grid-template-columns: 1fr; gap: 40px; }\n .hero-media { display: none; }\n .gallery-grid { grid-template-columns: 1fr; }\n .gal-item:first-child { grid-column: span 1; aspect-ratio: 4\/3; }\n .process-steps { grid-template-columns: 1fr 1fr; gap: 24px; }\n .process-steps::before { display: none; }\n .problems-bottom { flex-direction: column; }\n }\n @media (max-width: 480px) {\n .process-steps { grid-template-columns: 1fr; }\n .benefits-grid { grid-template-columns: 1fr 1fr; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"back-bar\">\n <a href=\"https:\/\/gammva.com.mx\/?page_id=842\" class=\"back-link\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 5l-7 7 7 7\"\/><\/svg>\n Regresar a servicios\n <\/a>\n<\/div>\n\n\n<section id=\"hero\">\n <div class=\"container\">\n <div class=\"hero-inner\">\n\n <div class=\"hero-copy\">\n <div class=\"label-tag\">Gammva Lighting Systems<\/div>\n <h1>Iluminaci\u00f3n profesional<br>dise\u00f1ada para <em>empresas<\/em><br>que exigen m\u00e1s.<\/h1>\n <p class=\"lead\">Dise\u00f1amos, instalamos y modernizamos sistemas de iluminaci\u00f3n completos. M\u00e1s eficiencia, mejor imagen, menos costos.<\/p>\n <div class=\"btn-group\">\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-primary\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Solicitar diagn\u00f3stico\n <\/a>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-secondary\" target=\"_blank\">\n Hablar con un ingeniero\n <\/a>\n <\/div>\n <div class=\"hero-stat-chips\">\n <div class=\"chip\"><div class=\"dot\"><\/div> Proyectos llave en mano<\/div>\n <div class=\"chip\"><div class=\"dot\"><\/div> Sin subcontratistas<\/div>\n <div class=\"chip\"><div class=\"dot\"><\/div> Tecnolog\u00eda LED premium<\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-media\">\n <div class=\"hero-img-wrap\">\n <div class=\"hero-lights\">\n <div class=\"h-lamp\"><\/div>\n <div class=\"h-lamp\"><\/div>\n <div class=\"h-lamp\"><\/div>\n <div class=\"h-lamp\"><\/div>\n <\/div>\n \n <svg viewBox=\"0 0 480 360\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;inset:0;width:100%;height:100%;opacity:0.55\">\n <defs>\n <radialGradient id=\"glow1\" cx=\"50%\" cy=\"100%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#ffffaa\" stop-opacity=\"0.6\"\/>\n <stop offset=\"100%\" stop-color=\"#ffffaa\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"glow2\" cx=\"50%\" cy=\"100%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#ffffaa\" stop-opacity=\"0.4\"\/>\n <stop offset=\"100%\" stop-color=\"#ffffaa\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <\/defs>\n \n <rect x=\"0\" y=\"290\" width=\"480\" height=\"70\" fill=\"rgba(255,255,255,0.04)\"\/>\n \n <rect x=\"40\" y=\"80\" width=\"120\" height=\"220\" rx=\"4\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"55\" y=\"95\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"85\" y=\"95\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"115\" y=\"95\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"55\" y=\"130\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"85\" y=\"130\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"115\" y=\"130\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"55\" y=\"165\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"85\" y=\"165\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"115\" y=\"165\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n \n <rect x=\"180\" y=\"30\" width=\"120\" height=\"270\" rx=\"4\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"195\" y=\"50\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"229\" y=\"50\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"263\" y=\"50\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"195\" y=\"90\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"229\" y=\"90\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.25)\"\/>\n <rect x=\"263\" y=\"90\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"195\" y=\"130\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"229\" y=\"130\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"263\" y=\"130\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"195\" y=\"170\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"229\" y=\"170\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"263\" y=\"170\" width=\"22\" height=\"22\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n \n <rect x=\"320\" y=\"100\" width=\"120\" height=\"200\" rx=\"4\" fill=\"rgba(255,255,255,0.05)\"\/>\n <rect x=\"335\" y=\"118\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"365\" y=\"118\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"395\" y=\"118\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.12)\"\/>\n <rect x=\"335\" y=\"153\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n <rect x=\"365\" y=\"153\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"395\" y=\"153\" width=\"18\" height=\"18\" rx=\"2\" fill=\"rgba(255,255,255,0.2)\"\/>\n \n <line x1=\"160\" y1=\"240\" x2=\"160\" y2=\"295\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <line x1=\"155\" y1=\"240\" x2=\"172\" y2=\"240\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <circle cx=\"172\" cy=\"240\" r=\"5\" fill=\"rgba(255,255,240,0.9)\"\/>\n <ellipse cx=\"172\" cy=\"248\" rx=\"20\" ry=\"8\" fill=\"url(#glow1)\"\/>\n <line x1=\"320\" y1=\"250\" x2=\"320\" y2=\"295\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <line x1=\"315\" y1=\"250\" x2=\"332\" y2=\"250\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n <circle cx=\"332\" cy=\"250\" r=\"5\" fill=\"rgba(255,255,240,0.9)\"\/>\n <ellipse cx=\"332\" cy=\"258\" rx=\"20\" ry=\"8\" fill=\"url(#glow2)\"\/>\n <\/svg>\n <div class=\"hero-img-inner\">\n <div class=\"hero-img-label\">\n <p>Gammva Lighting Systems<\/p>\n <p>Iluminaci\u00f3n profesional integral<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"line-divider\"><\/div>\n\n\n<section id=\"problems\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"label-tag\">El problema<\/div>\n <h2>Lo que frena a tu empresa<br>hoy mismo.<\/h2>\n <p class=\"sub\">Cada d\u00eda sin una soluci\u00f3n eficiente es dinero que se va por la ventana.<\/p>\n <\/div>\n\n <div class=\"problems-grid\">\n\n <div class=\"prob-card reveal reveal-delay-1\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41\"\/><circle cx=\"12\" cy=\"12\" r=\"5\"\/><\/svg>\n <\/div>\n <h3>Iluminaci\u00f3n deficiente<\/h3>\n <p>Zonas mal iluminadas afectan productividad, seguridad y la imagen de tu empresa ante clientes y empleados.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-2\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n <\/div>\n <h3>Alto consumo energ\u00e9tico<\/h3>\n <p>Sistemas de iluminaci\u00f3n obsoletos pueden representar hasta el 40% del consumo el\u00e9ctrico de tus instalaciones.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-3\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4M12 16h.01\"\/><\/svg>\n <\/div>\n <h3>Espacios inseguros<\/h3>\n <p>La falta de iluminaci\u00f3n adecuada en estacionamientos, pasillos y \u00e1reas de trabajo genera riesgos reales.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-4\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg>\n <\/div>\n <h3>Mantenimiento costoso<\/h3>\n <p>Luminarias antiguas fallan con frecuencia. El costo acumulado de reposici\u00f3n supera con creces una modernizaci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-5\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/><\/svg>\n <\/div>\n <h3>Mala experiencia visual<\/h3>\n <p>Luz fr\u00eda, parpadeos, sombras y deslumbramiento deterioran la experiencia de tu equipo y visitantes.<\/p>\n <\/div>\n\n <div class=\"prob-card reveal reveal-delay-6\">\n <div class=\"prob-icon\">\n <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg>\n <\/div>\n <h3>Costos no controlados<\/h3>\n <p>Sin un estudio fotom\u00e9trico previo, los proyectos de iluminaci\u00f3n se convierten en gastos sin retorno visible.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"problems-bottom reveal\">\n <p><strong>Nosotros resolvemos el problema completo.<\/strong><br>Desde el diagn\u00f3stico hasta la puesta en marcha.<\/p>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-primary\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Hablar con un especialista\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"services\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <div class=\"label-tag\">Nuestros servicios<\/div>\n <h2>Una soluci\u00f3n completa<br>de principio a fin.<\/h2>\n <p class=\"lead\">No dejamos ning\u00fan cabo suelto. Cubrimos cada etapa del proyecto con nuestro propio equipo.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n\n <div class=\"svc-card reveal reveal-delay-1\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg>\n <\/div>\n <h3>Dise\u00f1o de iluminaci\u00f3n<\/h3>\n <p>Dise\u00f1o a medida para cada espacio: corporativo, industrial, comercial o exterior. Funcional y est\u00e9tico.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-2\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n <\/div>\n <h3>Estudios fotom\u00e9tricos<\/h3>\n <p>An\u00e1lisis t\u00e9cnico precisos de niveles de iluminancia. Cumplimiento de normas NOM y est\u00e1ndares internacionales.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-3\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\/><\/svg>\n <\/div>\n <h3>Retrofit LED<\/h3>\n <p>Modernizaci\u00f3n de sistemas de iluminaci\u00f3n existentes. Hasta 70% de ahorro en consumo energ\u00e9tico.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-4\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\n <\/div>\n <h3>Alumbrado industrial<\/h3>\n <p>Soluciones de alta potencia para naves industriales, plantas de manufactura y bodegas de gran altura.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-5\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n <\/div>\n <h3>Alumbrado exterior<\/h3>\n <p>Iluminaci\u00f3n de fachadas, estacionamientos, vialidades y \u00e1reas comunes con tecnolog\u00eda LED de larga vida.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-6\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <h3>Alumbrado corporativo<\/h3>\n <p>Ambientaci\u00f3n profesional para oficinas, salas de reuniones, lobbies y showrooms. Productividad y confort.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-1\">\n <div class=\"svc-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 20V10M12 20V4M6 20v-6\"\/><\/svg>\n <\/div>\n <h3>Sistemas de control<\/h3>\n <p>Atenuadores, sensores de presencia, temporizaci\u00f3n y automatizaci\u00f3n inteligente. Ahorro continuo y automatizado.<\/p>\n <\/div>\n\n <div class=\"svc-card reveal reveal-delay-2\">\n <div class=\"svc-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\"\/><\/svg>\n <\/div>\n <h3>Instalaci\u00f3n y puesta en marcha<\/h3>\n <p>Ejecuci\u00f3n con nuestro propio equipo t\u00e9cnico certificado. Control total de calidad en cada proyecto.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"line-divider\"><\/div>\n\n\n<section id=\"gallery\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <div class=\"label-tag\">As\u00ed se ve el resultado<\/div>\n <h2>Espacios que inspiran<br>confianza y eficiencia.<\/h2>\n <\/div>\n\n <div class=\"gallery-grid\">\n\n <div class=\"gal-item reveal\" style=\"background: linear-gradient(135deg, #0d2317 0%, #1a4d2e 50%, #2A6E47 100%);\">\n <div class=\"gal-lights\">\n <div class=\"beam\" style=\"left:12%;height:80px;\"><\/div>\n <div class=\"beam\" style=\"left:25%;height:65px;\"><\/div>\n <div class=\"beam\" style=\"left:40%;height:90px;\"><\/div>\n <div class=\"beam\" style=\"left:55%;height:70px;\"><\/div>\n <div class=\"beam\" style=\"left:68%;height:85px;\"><\/div>\n <div class=\"beam\" style=\"left:82%;height:60px;\"><\/div>\n <\/div>\n <svg viewBox=\"0 0 900 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;bottom:0;width:100%;height:80%;opacity:0.3\">\n <rect x=\"0\" y=\"160\" width=\"900\" height=\"80\" fill=\"rgba(255,255,255,0.05)\"\/>\n <rect x=\"50\" y=\"60\" width=\"200\" height=\"110\" rx=\"3\" fill=\"rgba(255,255,255,0.07)\"\/>\n <rect x=\"270\" y=\"20\" width=\"160\" height=\"150\" rx=\"3\" fill=\"rgba(255,255,255,0.06)\"\/>\n <rect x=\"450\" y=\"50\" width=\"180\" height=\"120\" rx=\"3\" fill=\"rgba(255,255,255,0.07)\"\/>\n <rect x=\"650\" y=\"70\" width=\"200\" height=\"100\" rx=\"3\" fill=\"rgba(255,255,255,0.05)\"\/>\n <line x1=\"100\" y1=\"160\" x2=\"100\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"100\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <line x1=\"300\" y1=\"160\" x2=\"300\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"300\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <line x1=\"500\" y1=\"160\" x2=\"500\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"500\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <line x1=\"700\" y1=\"160\" x2=\"700\" y2=\"200\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"3\"\/>\n <circle cx=\"700\" cy=\"155\" r=\"5\" fill=\"rgba(255,255,220,0.9)\"\/>\n <\/svg>\n <div class=\"gal-label\">\n <strong>Alumbrado exterior y estacionamientos<\/strong>\n <span>Visibilidad, seguridad y eficiencia en toda el \u00e1rea exterior<\/span>\n <\/div>\n <\/div>\n\n <div class=\"gal-item reveal reveal-delay-2\" style=\"background: linear-gradient(160deg, #112a1e 0%, #1f5236 100%);\">\n <div class=\"gal-lights\">\n <div class=\"beam\" style=\"left:20%;height:55px;\"><\/div>\n <div class=\"beam\" style=\"left:50%;height:70px;\"><\/div>\n <div class=\"beam\" style=\"left:80%;height:50px;\"><\/div>\n <\/div>\n <svg viewBox=\"0 0 440 330\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;inset:0;width:100%;height:100%;opacity:0.35\">\n <rect x=\"20\" y=\"20\" width=\"400\" height=\"290\" rx=\"4\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"80\" x2=\"420\" y2=\"80\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"140\" x2=\"420\" y2=\"140\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"200\" x2=\"420\" y2=\"200\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"260\" x2=\"420\" y2=\"260\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"80\" y1=\"20\" x2=\"80\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"160\" y1=\"20\" x2=\"160\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"240\" y1=\"20\" x2=\"240\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"320\" y1=\"20\" x2=\"320\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n <line x1=\"400\" y1=\"20\" x2=\"400\" y2=\"310\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\/>\n \n <rect x=\"60\" y=\"30\" width=\"320\" height=\"15\" rx=\"3\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"60\" y=\"50\" width=\"320\" height=\"8\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n \n <polygon points=\"80,58 40,200 120,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n <polygon points=\"160,58 120,200 200,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n <polygon points=\"240,58 200,200 280,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n <polygon points=\"320,58 280,200 360,200\" fill=\"rgba(255,255,220,0.08)\"\/>\n \n <circle cx=\"80\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n <circle cx=\"160\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n <circle cx=\"240\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n <circle cx=\"320\" cy=\"55\" r=\"6\" fill=\"rgba(255,255,200,0.9)\"\/>\n \n <rect x=\"20\" y=\"270\" width=\"400\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,220,0.05)\"\/>\n <\/svg>\n <div class=\"gal-label\">\n <strong>Iluminaci\u00f3n industrial de alta bah\u00eda<\/strong>\n <span>Naves, bodegas y plantas de manufactura<\/span>\n <\/div>\n <\/div>\n\n <div class=\"gal-item reveal reveal-delay-3\" style=\"background: linear-gradient(145deg, #0e1f16 0%, #1c4030 100%);\">\n <div class=\"gal-lights\">\n <div class=\"beam\" style=\"left:30%;height:45px;\"><\/div>\n <div class=\"beam\" style=\"left:60%;height:60px;\"><\/div>\n <\/div>\n <svg viewBox=\"0 0 440 330\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"position:absolute;inset:0;width:100%;height:100%;opacity:0.35\">\n \n <rect x=\"30\" y=\"60\" width=\"380\" height=\"200\" rx=\"4\" fill=\"rgba(255,255,255,0.04)\"\/>\n \n <rect x=\"50\" y=\"60\" width=\"340\" height=\"20\" rx=\"2\" fill=\"rgba(255,255,255,0.1)\"\/>\n <rect x=\"90\" y=\"65\" width=\"80\" height=\"10\" rx=\"1\" fill=\"rgba(255,255,220,0.7)\"\/>\n <rect x=\"200\" y=\"65\" width=\"80\" height=\"10\" rx=\"1\" fill=\"rgba(255,255,220,0.7)\"\/>\n <rect x=\"310\" y=\"65\" width=\"80\" height=\"10\" rx=\"1\" fill=\"rgba(255,255,220,0.7)\"\/>\n \n <rect x=\"60\" y=\"160\" width=\"140\" height=\"60\" rx=\"3\" fill=\"rgba(255,255,255,0.08)\"\/>\n <rect x=\"240\" y=\"160\" width=\"140\" height=\"60\" rx=\"3\" fill=\"rgba(255,255,255,0.08)\"\/>\n \n <rect x=\"90\" y=\"130\" width=\"60\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n <rect x=\"270\" y=\"130\" width=\"60\" height=\"40\" rx=\"2\" fill=\"rgba(255,255,255,0.15)\"\/>\n \n <polygon points=\"130,75 60,200 200,200\" fill=\"rgba(255,255,220,0.04)\"\/>\n <polygon points=\"240,75 170,200 310,200\" fill=\"rgba(255,255,220,0.04)\"\/>\n <polygon points=\"350,75 280,200 420,200\" fill=\"rgba(255,255,220,0.04)\"\/>\n \n <rect x=\"30\" y=\"250\" width=\"380\" height=\"10\" rx=\"2\" fill=\"rgba(255,255,255,0.06)\"\/>\n <\/svg>\n <div class=\"gal-label\">\n <strong>Iluminaci\u00f3n corporativa interior<\/strong>\n <span>Oficinas, salas y espacios de trabajo de alto rendimiento<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"benefits\">\n <div class=\"container\">\n <div class=\"section-header reveal\" style=\"text-align:center; display:flex; flex-direction:column; align-items:center;\">\n <div class=\"label-tag\">Por qu\u00e9 Gammva<\/div>\n <h2>Los n\u00fameros hablan<br>por s\u00ed solos.<\/h2>\n <p class=\"lead\" style=\"text-align:center;\">Resultados reales que nuestros clientes experimentan despu\u00e9s de cada proyecto.<\/p>\n <\/div>\n\n <div class=\"benefits-grid\">\n\n <div class=\"ben-card reveal reveal-delay-1\">\n <div class=\"ben-num\">70%<\/div>\n <h3>Reducci\u00f3n energ\u00e9tica<\/h3>\n <p>Ahorro promedio en consumo el\u00e9ctrico tras modernizaci\u00f3n LED completa.<\/p>\n <\/div>\n\n <div class=\"ben-card reveal reveal-delay-2\">\n <div class=\"ben-num\">50k+<\/div>\n <h3>Horas de vida \u00fatil<\/h3>\n <p>Luminarias LED premium con garant\u00eda extendida y m\u00ednimo mantenimiento.<\/p>\n <\/div>\n\n <div class=\"ben-card reveal reveal-delay-3\">\n <div class=\"ben-num\">100%<\/div>\n <h3>Control de calidad<\/h3>\n <p>Equipo propio en cada proyecto. Sin subcontratistas, sin intermediarios.<\/p>\n <\/div>\n\n <div class=\"ben-card reveal reveal-delay-4\">\n <div class=\"ben-num\">NOM<\/div>\n <h3>Cumplimiento normativo<\/h3>\n <p>Todos los proyectos cumplen con la normativa mexicana e internacional vigente.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"line-divider\"><\/div>\n\n\n<section id=\"process\">\n <div class=\"container\">\n <div class=\"section-header reveal\" style=\"text-align:center; display:flex; flex-direction:column; align-items:center;\">\n <div class=\"label-tag\">C\u00f3mo trabajamos<\/div>\n <h2>Simple, ordenado y sin sorpresas.<\/h2>\n <p class=\"lead\" style=\"text-align:center;\">Un proceso claro que te da control y visibilidad en cada etapa.<\/p>\n <\/div>\n\n <div class=\"process-steps\">\n\n <div class=\"step reveal reveal-delay-1\">\n <div class=\"step-num\">1<\/div>\n <h3>Diagn\u00f3stico<\/h3>\n <p>Evaluamos tu infraestructura actual y necesidades espec\u00edficas.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-2\">\n <div class=\"step-num\">2<\/div>\n <h3>Estudio fotom\u00e9trico<\/h3>\n <p>Dise\u00f1o t\u00e9cnico con simulaci\u00f3n real de niveles de iluminaci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-3\">\n <div class=\"step-num\">3<\/div>\n <h3>Propuesta<\/h3>\n <p>Cotizaci\u00f3n clara con ROI, ahorro proyectado y materiales especificados.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-4\">\n <div class=\"step-num\">4<\/div>\n <h3>Instalaci\u00f3n<\/h3>\n <p>Ejecuci\u00f3n con nuestro propio equipo certificado y protocolos de seguridad.<\/p>\n <\/div>\n\n <div class=\"step reveal reveal-delay-5\">\n <div class=\"step-num\">5<\/div>\n <h3>Puesta en marcha<\/h3>\n <p>Verificaci\u00f3n, entrega de documentaci\u00f3n y soporte post-instalaci\u00f3n.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta\">\n <div class=\"container\">\n <div class=\"reveal\">\n <div class=\"label-tag\" style=\"background:rgba(42,110,71,0.2);color:#6FCF97;margin:0 auto 28px;\">\n Da el primer paso hoy\n <\/div>\n <h2>Moderniza la iluminaci\u00f3n de<br>tu empresa con una soluci\u00f3n<br><em>verdaderamente profesional.<\/em><\/h2>\n <p class=\"lead\">Sin compromisos. Solo una conversaci\u00f3n con un especialista que entiende tu negocio.<\/p>\n <div class=\"btn-group\" style=\"justify-content:center;\">\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-primary\" target=\"_blank\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n Solicitar diagn\u00f3stico gratuito\n <\/a>\n <a href=\"https:\/\/wa.me\/5545515133\" class=\"btn btn-secondary\" target=\"_blank\">\n Agendar asesor\u00eda\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div style=\"padding:32px 24px; text-align:center; border-top:1px solid #222;\">\n <a href=\"https:\/\/gammva.com.mx\/?page_id=842\" style=\"display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:14px;color:#6B7280;text-decoration:none;transition:color 0.2s;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 5l-7 7 7 7\"\/><\/svg>\n Ver todos los servicios de Gammva\n <\/a>\n<\/div>\n\n<script>\n \/\/ Scroll reveal\n const reveals = 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, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(el => observer.observe(el));\n\n \/\/ Hover tilt on service cards\n document.querySelectorAll('.svc-card').forEach(card => {\n card.addEventListener('mousemove', e => {\n const rect = card.getBoundingClientRect();\n const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n card.style.transform = `translateY(-3px) rotateX(${-y*4}deg) rotateY(${x*4}deg)`;\n });\n card.addEventListener('mouseleave', () => {\n card.style.transform = '';\n });\n });\n\n \/\/ Number counter animation on benefits\n const benNums = document.querySelectorAll('.ben-num');\n const numObserver = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'fadeUp 0.6s cubic-bezier(0.22,1,0.36,1) both';\n numObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n benNums.forEach(el => numObserver.observe(el));\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gammva Lighting Systems \u2014 Iluminaci\u00f3n Profesional Regresar a servicios Gammva Lighting Systems Iluminaci\u00f3n profesionaldise\u00f1ada para empresasque exigen m\u00e1s. Dise\u00f1amos, instalamos y modernizamos sistemas de iluminaci\u00f3n completos. M\u00e1s eficiencia, mejor imagen, menos costos. Solicitar diagn\u00f3stico Hablar con un ingeniero Proyectos llave en mano Sin subcontratistas Tecnolog\u00eda LED premium Gammva Lighting Systems Iluminaci\u00f3n profesional integral El problema […]<\/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-863","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/863","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=863"}],"version-history":[{"count":3,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/863\/revisions"}],"predecessor-version":[{"id":928,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/863\/revisions\/928"}],"wp:attachment":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}