{"id":870,"date":"2026-04-12T04:06:39","date_gmt":"2026-04-12T04:06:39","guid":{"rendered":"https:\/\/gammva.com.mx\/?page_id=870"},"modified":"2026-05-24T21:15:26","modified_gmt":"2026-05-24T21:15:26","slug":"generacion","status":"publish","type":"page","link":"https:\/\/gammva.com.mx\/?page_id=870","title":{"rendered":"Generaci\u00f3n"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>GAMMVA Renewable Energy &#038; Storage | EPC Energ\u00e9tico<\/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=Outfit:wght@300;400;500;600;700;800&#038;family=Figtree:ital,wght@0,300;0,400;0,500;0,600;1,300&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n    html { scroll-behavior: smooth; font-size: 16px; }\n\n    :root {\n      --g-900: #0C3B20;\n      --g-700: #175C35;\n      --g-500: #1C8A48;\n      --g-300: #52B574;\n      --g-100: #CFEADB;\n      --g-50:  #EFF7F3;\n      --n-900: #0A0A0A;\n      --n-700: #1C1C1C;\n      --n-500: #424242;\n      --n-300: #8C8C8C;\n      --n-100: #E5E5E5;\n      --n-50:  #F5F4F2;\n      --white: #FFFFFF;\n      --border: 1px solid rgba(0,0,0,0.07);\n      --radius-sm: 6px;\n      --radius-md: 12px;\n      --radius-lg: 20px;\n      --container: 1120px;\n      --section-v: 120px;\n    }\n\n    body {\n      font-family: 'Figtree', -apple-system, sans-serif;\n      background: var(--white);\n      color: var(--n-900);\n      line-height: 1.65;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      overflow-x: hidden;\n    }\n\n    h1, h2, h3, h4 {\n      font-family: 'Outfit', sans-serif;\n      line-height: 1.12;\n      letter-spacing: -0.022em;\n    }\n\n    .container {\n      max-width: var(--container);\n      margin: 0 auto;\n      padding: 0 48px;\n    }\n\n    .section { padding: var(--section-v) 0; }\n    .section--gray { background: var(--n-50); }\n    .section--dark { background: var(--n-900); color: var(--white); }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 11.5px;\n      font-weight: 700;\n      letter-spacing: 0.13em;\n      text-transform: uppercase;\n      color: var(--g-500);\n      margin-bottom: 18px;\n    }\n    .eyebrow::before {\n      content: '';\n      display: block;\n      width: 22px;\n      height: 1.5px;\n      background: var(--g-500);\n    }\n    .eyebrow--light { color: var(--g-300); }\n    .eyebrow--light::before { background: var(--g-300); }\n\n    .section-title {\n      font-size: clamp(30px, 3.8vw, 50px);\n      font-weight: 700;\n      color: var(--n-900);\n      margin-bottom: 18px;\n    }\n    .section-title--light { color: var(--white); }\n\n    .section-sub {\n      font-size: 17px;\n      color: var(--n-300);\n      max-width: 560px;\n      line-height: 1.7;\n    }\n    .section-sub--light { color: rgba(255,255,255,0.5); }\n\n    \/* REVEAL *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(26px);\n      transition: opacity 0.75s cubic-bezier(0.16,1,0.3,1),\n                  transform 0.75s cubic-bezier(0.16,1,0.3,1);\n    }\n    .reveal.on { opacity: 1; transform: none; }\n    .d1 { transition-delay: 0.08s; }\n    .d2 { transition-delay: 0.16s; }\n    .d3 { transition-delay: 0.24s; }\n    .d4 { transition-delay: 0.32s; }\n    .d5 { transition-delay: 0.40s; }\n    .d6 { transition-delay: 0.48s; }\n\n    \/* BUTTONS *\/\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 13px 26px;\n      border-radius: var(--radius-sm);\n      font-family: 'Figtree', sans-serif;\n      font-size: 15px;\n      font-weight: 600;\n      text-decoration: none;\n      cursor: pointer;\n      border: none;\n      transition: all 0.2s;\n      white-space: nowrap;\n      line-height: 1;\n    }\n    .btn--solid {\n      background: var(--g-700);\n      color: var(--white);\n    }\n    .btn--solid:hover {\n      background: var(--g-900);\n      transform: translateY(-1px);\n    }\n    .btn--outline {\n      background: transparent;\n      color: var(--n-900);\n      border: 1px solid var(--n-100);\n    }\n    .btn--outline:hover {\n      border-color: var(--n-300);\n      background: var(--n-50);\n    }\n    .btn--outline-light {\n      background: transparent;\n      color: var(--white);\n      border: 1px solid rgba(255,255,255,0.25);\n    }\n    .btn--outline-light:hover {\n      background: rgba(255,255,255,0.07);\n    }\n    .btn--white {\n      background: var(--white);\n      color: var(--n-900);\n    }\n    .btn--white:hover {\n      background: var(--n-50);\n    }\n    .btn--lg {\n      padding: 16px 32px;\n      font-size: 16px;\n      border-radius: var(--radius-md);\n    }\n\n\n\n    \/* ==================== HERO ==================== *\/\n    #hero {\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 80px 48px 100px;\n      position: relative;\n      overflow: hidden;\n    }\n    #hero-canvas {\n      position: absolute;\n      inset: 0;\n      opacity: 0.3;\n      pointer-events: none;\n    }\n    .hero-pill {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: var(--g-50);\n      color: var(--g-700);\n      border: 1px solid var(--g-100);\n      border-radius: 100px;\n      padding: 7px 18px;\n      font-size: 13px;\n      font-weight: 600;\n      letter-spacing: 0.03em;\n      margin-bottom: 36px;\n    }\n    .hero-pill::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--g-500);\n    }\n    .hero-title {\n      position: relative;\n      font-size: clamp(44px, 7.5vw, 92px);\n      font-weight: 800;\n      color: var(--n-900);\n      letter-spacing: -0.035em;\n      line-height: 1.04;\n      max-width: 960px;\n      margin-bottom: 30px;\n    }\n    .hero-title .amp { color: var(--g-500); }\n    .hero-sub {\n      position: relative;\n      font-size: clamp(16px, 2.1vw, 20px);\n      color: var(--n-300);\n      max-width: 580px;\n      line-height: 1.7;\n      margin-bottom: 52px;\n      font-weight: 400;\n    }\n    .hero-actions {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n    .hero-scroll {\n      position: absolute;\n      bottom: 44px;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n    .scroll-bar {\n      width: 1px;\n      height: 44px;\n      background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.18));\n      animation: scrollAnim 2.2s ease-in-out infinite;\n    }\n    @keyframes scrollAnim {\n      0%,100%{opacity:0.25;transform:scaleY(0.4);transform-origin:top}\n      55%{opacity:1;transform:scaleY(1);transform-origin:top}\n    }\n\n    \/* ==================== VALOR ==================== *\/\n    .valor-header {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: end;\n      margin-bottom: 56px;\n    }\n    .valor-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2px;\n      background: var(--n-100);\n    }\n    .valor-card {\n      background: var(--white);\n      padding: 52px 40px;\n      position: relative;\n    }\n    .valor-card::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0;\n      width: 3px;\n      height: 44px;\n      background: var(--g-500);\n    }\n    .valor-num {\n      font-family: 'Outfit', sans-serif;\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      color: var(--g-300);\n      margin-bottom: 28px;\n    }\n    .valor-icon {\n      width: 50px;\n      height: 50px;\n      background: var(--g-50);\n      border-radius: var(--radius-sm);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 24px;\n    }\n    .valor-icon svg {\n      width: 24px; height: 24px;\n      stroke: var(--g-700); fill: none;\n      stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n    }\n    .valor-card h3 { font-size: 21px; font-weight: 700; color: var(--n-900); margin-bottom: 12px; }\n    .valor-card p { font-size: 14.5px; color: var(--n-300); line-height: 1.7; }\n\n    \/* ==================== SOLUTIONS ==================== *\/\n    .sol-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 40px;\n      margin-bottom: 56px;\n    }\n    .sol-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 22px;\n    }\n    .sol-card {\n      background: var(--white);\n      border: 1px solid rgba(0,0,0,0.07);\n      border-radius: var(--radius-lg);\n      padding: 40px 36px;\n      position: relative;\n      overflow: hidden;\n      transition: transform 0.25s, box-shadow 0.25s;\n    }\n    .sol-card::after {\n      content: '';\n      position: absolute;\n      bottom: 0; left: 0; right: 0;\n      height: 3px;\n      background: var(--g-500);\n      transform: scaleX(0);\n      transform-origin: left;\n      transition: transform 0.35s ease;\n    }\n    .sol-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 16px 48px rgba(0,0,0,0.07), 0 2px 8px rgba(0,0,0,0.04);\n    }\n    .sol-card:hover::after { transform: scaleX(1); }\n    .sol-card--featured {\n      background: var(--g-50);\n      border-color: var(--g-100);\n    }\n    .sol-icon {\n      width: 52px;\n      height: 52px;\n      background: var(--g-50);\n      border-radius: var(--radius-sm);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 28px;\n    }\n    .sol-card--featured .sol-icon { background: var(--white); }\n    .sol-icon svg {\n      width: 26px; height: 26px;\n      stroke: var(--g-700); fill: none;\n      stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n    }\n    .sol-card h3 { font-size: 18px; font-weight: 700; color: var(--n-900); margin-bottom: 10px; }\n    .sol-card p { font-size: 14px; color: var(--n-300); line-height: 1.65; }\n    .sol-tag {\n      display: inline-block;\n      margin-top: 20px;\n      font-size: 11.5px;\n      font-weight: 700;\n      color: var(--g-700);\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n\n    \/* ==================== EIAS ==================== *\/\n    #eias {\n      background: var(--n-900);\n      padding: var(--section-v) 0;\n    }\n    .eias-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n    }\n    .eias-title {\n      font-family: 'Outfit', sans-serif;\n      font-size: clamp(28px, 3.4vw, 44px);\n      font-weight: 700;\n      color: var(--white);\n      letter-spacing: -0.022em;\n      line-height: 1.13;\n      margin-bottom: 20px;\n    }\n    .eias-title em { color: var(--g-300); font-style: normal; }\n    .eias-sub {\n      font-size: 15.5px;\n      color: rgba(255,255,255,0.48);\n      line-height: 1.75;\n      margin-bottom: 40px;\n    }\n    .eias-feats { display: flex; flex-direction: column; gap: 18px; }\n    .eias-feat { display: flex; align-items: flex-start; gap: 16px; }\n    .eias-dot {\n      width: 7px; height: 7px;\n      border-radius: 50%;\n      background: var(--g-300);\n      flex-shrink: 0;\n      margin-top: 8px;\n    }\n    .eias-feat p { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.6; }\n    .eias-feat strong { color: var(--white); font-weight: 600; }\n\n    \/* Dashboard Mockup *\/\n    .dashboard {\n      background: #0E0E0E;\n      border: 1px solid rgba(255,255,255,0.07);\n      border-radius: var(--radius-lg);\n      padding: 26px;\n      overflow: hidden;\n    }\n    .db-header {\n      display: flex;\n      align-items: center;\n      gap: 7px;\n      margin-bottom: 22px;\n    }\n    .db-dot { width: 10px; height: 10px; border-radius: 50%; }\n    .db-tag {\n      margin-left: auto;\n      font-size: 11px;\n      font-weight: 600;\n      color: rgba(255,255,255,0.25);\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n    .db-metrics {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 10px;\n      margin-bottom: 12px;\n    }\n    .db-metric {\n      background: rgba(255,255,255,0.03);\n      border: 1px solid rgba(255,255,255,0.055);\n      border-radius: 8px;\n      padding: 14px;\n    }\n    .db-label {\n      font-size: 10.5px;\n      color: rgba(255,255,255,0.3);\n      font-weight: 600;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n    .db-val {\n      font-family: 'Outfit', sans-serif;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--white);\n      line-height: 1;\n    }\n    .db-val span { font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.35); margin-left: 2px; }\n    .db-delta { font-size: 11px; font-weight: 600; color: var(--g-300); margin-top: 6px; }\n    .db-chart {\n      height: 76px;\n      background: rgba(255,255,255,0.02);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n    .db-chart svg { width: 100%; height: 100%; }\n    .db-foot {\n      font-size: 10.5px;\n      color: rgba(255,255,255,0.2);\n      text-align: center;\n      margin-top: 10px;\n      letter-spacing: 0.05em;\n    }\n\n    \/* ==================== BENEFITS ==================== *\/\n    .ben-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 40px 32px;\n      margin-top: 60px;\n    }\n    .ben {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n    .ben-num {\n      font-family: 'Outfit', sans-serif;\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--g-300);\n      letter-spacing: 0.1em;\n    }\n    .ben-icon {\n      width: 44px;\n      height: 44px;\n      border: 1px solid var(--n-100);\n      border-radius: var(--radius-sm);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .ben-icon svg {\n      width: 22px; height: 22px;\n      stroke: var(--g-700); fill: none;\n      stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;\n    }\n    .ben h4 { font-size: 16px; font-weight: 700; color: var(--n-900); }\n    .ben p { font-size: 13.5px; color: var(--n-300); line-height: 1.65; }\n\n    \/* ==================== EPC ==================== *\/\n    .epc-intro {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: center;\n      margin-bottom: 72px;\n    }\n    .epc-row {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      position: relative;\n    }\n    .epc-row + .epc-row { margin-top: 52px; }\n    .epc-row::before {\n      content: '';\n      position: absolute;\n      top: 19px; left: 28px; right: 28px;\n      height: 1px;\n      background: var(--g-100);\n    }\n    .epc-step { position: relative; padding: 0 20px; }\n    .epc-num {\n      width: 38px; height: 38px;\n      border-radius: 50%;\n      background: var(--white);\n      border: 1.5px solid var(--g-100);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-family: 'Outfit', sans-serif;\n      font-size: 13px;\n      font-weight: 700;\n      color: var(--g-700);\n      margin-bottom: 20px;\n    }\n    .epc-step h4 { font-size: 14px; font-weight: 700; color: var(--n-900); margin-bottom: 6px; }\n    .epc-step p { font-size: 13px; color: var(--n-300); line-height: 1.6; }\n\n    \/* ==================== TRUST ==================== *\/\n    .trust-header {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 80px;\n      align-items: start;\n      margin-bottom: 56px;\n    }\n    .trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 2px;\n      background: var(--n-100);\n    }\n    .trust-item {\n      background: var(--white);\n      padding: 52px 44px;\n    }\n    .trust-big {\n      font-family: 'Outfit', sans-serif;\n      font-size: 52px;\n      font-weight: 800;\n      color: var(--n-900);\n      letter-spacing: -0.04em;\n      line-height: 1;\n      margin-bottom: 6px;\n    }\n    .trust-big em { color: var(--g-500); font-style: normal; }\n    .trust-label {\n      font-size: 11px;\n      font-weight: 700;\n      color: var(--n-300);\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      margin-bottom: 16px;\n    }\n    .trust-item p { font-size: 14.5px; color: var(--n-500); line-height: 1.7; }\n\n    \/* ==================== CTA FINAL ==================== *\/\n    #cta {\n      background: var(--n-900);\n      padding: 140px 48px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n    #cta::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 50%;\n      transform: translateX(-50%);\n      width: 700px; height: 500px;\n      background: radial-gradient(ellipse, rgba(28,138,72,0.11) 0%, transparent 68%);\n      pointer-events: none;\n    }\n    .cta-content { position: relative; z-index: 1; }\n    .cta-title {\n      font-family: 'Outfit', sans-serif;\n      font-size: clamp(34px, 5.2vw, 68px);\n      font-weight: 800;\n      color: var(--white);\n      letter-spacing: -0.035em;\n      line-height: 1.08;\n      max-width: 680px;\n      margin: 0 auto 22px;\n    }\n    .cta-title em { color: var(--g-300); font-style: normal; }\n    .cta-sub {\n      font-size: 18px;\n      color: rgba(255,255,255,0.38);\n      margin-bottom: 48px;\n    }\n    .cta-actions {\n      display: flex;\n      gap: 14px;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n\n\n    \/* ==================== RESPONSIVE ==================== *\/\n    @media (max-width: 1024px) {\n      :root { --section-v: 88px; }\n      .container { padding-left: 28px; padding-right: 28px; }\n      #hero { padding: 72px 28px 80px; }\n      #cta { padding: 100px 28px; }\n      .valor-grid, .trust-grid { grid-template-columns: 1fr; }\n      .sol-grid { grid-template-columns: repeat(2, 1fr); }\n      .ben-grid { grid-template-columns: repeat(2, 1fr); }\n      .eias-grid, .valor-header, .sol-header, .epc-intro, .trust-header { grid-template-columns: 1fr; gap: 40px; }\n      .sol-header { align-items: flex-start; }\n      .sol-header .section-sub { text-align: left; }\n      .epc-row { grid-template-columns: repeat(2, 1fr); gap: 32px; }\n      .epc-row::before { display: none; }\n    }\n    @media (max-width: 640px) {\n      :root { --section-v: 68px; }\n      .sol-grid { grid-template-columns: 1fr; }\n      .ben-grid { grid-template-columns: 1fr; gap: 28px; }\n      .epc-row { grid-template-columns: 1fr; }\n      .hero-title { font-size: 38px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n\n<section id=\"hero\">\n  <canvas id=\"hero-canvas\"><\/canvas>\n\n  <div class=\"hero-pill reveal\">GAMMVA Renewable Energy &amp; Storage<\/div>\n\n  <h1 class=\"hero-title reveal d1\">\n    Sistemas Fotovoltaicos<br>y de <span class=\"amp\">Almacenamiento<\/span>\n  <\/h1>\n\n  <p class=\"hero-sub reveal d2\">\n    Infraestructura energ\u00e9tica inteligente para empresas que buscan ahorro, continuidad operativa y control energ\u00e9tico.\n  <\/p>\n\n  <div class=\"hero-actions reveal d3\">\n    <a href=\"https:\/\/wa.me\/5545515133\" target=\"_blank\" class=\"btn btn--solid btn--lg\">\n      Contactar a un ingeniero\n    <\/a>\n    <a href=\"https:\/\/gammva.com.mx\/?page_id=842\" target=\"_blank\" class=\"btn btn--outline btn--lg\">\n      Regresar a servicios\n    <\/a>\n  <\/div>\n\n  <div class=\"hero-scroll\">\n    <div class=\"scroll-bar\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PROPUESTA DE VALOR ===== -->\n<section class=\"section\" id=\"valor\">\n  <div class=\"container\">\n    <div class=\"valor-header\">\n      <div>\n        <span class=\"eyebrow reveal\">Propuesta de valor<\/span>\n        <h2 class=\"section-title reveal d1\">\n          Ingenier\u00eda, procura<br>y construcci\u00f3n <span style=\"color:var(--g-500)\">integral<\/span>\n        <\/h2>\n      <\/div>\n      <p class=\"section-sub reveal d2\" style=\"margin-top:8px\">\n        Gammva dise\u00f1a, integra y construye soluciones energ\u00e9ticas renovables y sistemas de almacenamiento con enfoque t\u00e9cnico, regulatorio y operativo. No subcontratamos: ejecutamos con control total de calidad desde el dise\u00f1o hasta la operaci\u00f3n.\n      <\/p>\n    <\/div>\n\n    <div class=\"valor-grid\">\n      <div class=\"valor-card reveal\">\n        <div class=\"valor-num\">01 \u2014 T\u00c9CNICO<\/div>\n        <div class=\"valor-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><path d=\"M2 10h20\"\/><\/svg>\n        <\/div>\n        <h3>Ingenier\u00eda de detalle<\/h3>\n        <p>Dise\u00f1o conceptual y de detalle para sistemas fotovoltaicos, BESS, grupos electr\u00f3genos, microgrids e interconexi\u00f3n a la red. Memorias de c\u00e1lculo, especificaciones y planos bajo normativa vigente.<\/p>\n      <\/div>\n      <div class=\"valor-card reveal d1\">\n        <div class=\"valor-num\">02 \u2014 REGULATORIO<\/div>\n        <div class=\"valor-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\n        <\/div>\n        <h3>Cumplimiento normativo<\/h3>\n        <p>Experiencia en C\u00f3digo de Red, interconexi\u00f3n CFE y regulaciones de CENACE. Proyectos dise\u00f1ados para cumplir desde la primera etapa, evitando rechazos y retrabajos costosos.<\/p>\n      <\/div>\n      <div class=\"valor-card reveal d2\">\n        <div class=\"valor-num\">03 \u2014 OPERATIVO<\/div>\n        <div class=\"valor-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\n        <\/div>\n        <h3>Control desde la operaci\u00f3n<\/h3>\n        <p>Monitoreo en tiempo real del desempe\u00f1o fotovoltaico y del sistema de almacenamiento a trav\u00e9s de la plataforma EIAS. Decisiones basadas en datos reales de generaci\u00f3n y consumo.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SOLUCIONES ===== -->\n<section class=\"section section--gray\" id=\"soluciones\">\n  <div class=\"container\">\n    <div class=\"sol-header\">\n      <div>\n        <span class=\"eyebrow reveal\">Soluciones<\/span>\n        <h2 class=\"section-title reveal d1\">Portafolio energ\u00e9tico<br>completo<\/h2>\n      <\/div>\n      <p class=\"section-sub reveal d2\" style=\"text-align:right; max-width:360px\">\n        Generaci\u00f3n fotovoltaica, almacenamiento BESS y soluciones h\u00edbridas para m\u00e1xima eficiencia y continuidad operativa.\n      <\/p>\n    <\/div>\n\n    <div class=\"sol-grid\">\n\n      <div class=\"sol-card reveal\">\n        <div class=\"sol-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n        <\/div>\n        <h3>Sistemas Fotovoltaicos<\/h3>\n        <p>Generaci\u00f3n distribuida y proyectos mayores a 0.7 MW. Aplicaciones industriales, comerciales e infraestructura. Dise\u00f1o, procura e instalaci\u00f3n completa con garant\u00eda de producci\u00f3n.<\/p>\n        <div class=\"sol-tag\">GD \u00b7 Media escala \u00b7 Gran escala<\/div>\n      <\/div>\n\n      <div class=\"sol-card reveal d1\">\n        <div class=\"sol-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/><\/svg>\n        <\/div>\n        <h3>Almacenamiento BESS<\/h3>\n        <p>Battery Energy Storage Systems para respaldo, reducci\u00f3n de demanda y arbitraje energ\u00e9tico. Integraci\u00f3n con sistemas fotovoltaicos y grupos electr\u00f3genos. Tecnolog\u00eda LFP y NMC.<\/p>\n        <div class=\"sol-tag\">LFP \u00b7 NMC \u00b7 Gesti\u00f3n de demanda<\/div>\n      <\/div>\n\n      <div class=\"sol-card reveal d2\">\n        <div class=\"sol-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12\"\/><\/svg>\n        <\/div>\n        <h3>Grupos Electr\u00f3genos<\/h3>\n        <p>Respaldo el\u00e9ctrico confiable para operaciones cr\u00edticas. Integraci\u00f3n inteligente con sistemas solares y BESS para arquitecturas h\u00edbridas de alta disponibilidad y eficiencia.<\/p>\n        <div class=\"sol-tag\">Backup \u00b7 Prime \u00b7 H\u00edbrido<\/div>\n      <\/div>\n\n      <div class=\"sol-card reveal d1\">\n        <div class=\"sol-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\n        <\/div>\n        <h3>Interconexi\u00f3n a la Red<\/h3>\n        <p>Tr\u00e1mites, ingenier\u00eda y construcci\u00f3n para interconexi\u00f3n con CFE en baja y media tensi\u00f3n (BT\/MT). Cumplimiento del C\u00f3digo de Red. Gesti\u00f3n integral del proceso regulatorio y t\u00e9cnico.<\/p>\n        <div class=\"sol-tag\">CFE \u00b7 CENACE \u00b7 C\u00f3digo de Red<\/div>\n      <\/div>\n\n      <div class=\"sol-card reveal d2\">\n        <div class=\"sol-icon\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n        <\/div>\n        <h3>Microgrids e H\u00edbridos<\/h3>\n        <p>Arquitecturas solar + BESS + generador para m\u00e1xima resiliencia. Control inteligente de fuentes m\u00faltiples, gesti\u00f3n de prioridades y modo isla autom\u00e1tico ante fallas de red.<\/p>\n        <div class=\"sol-tag\">Solar + BESS + GE \u00b7 Modo isla<\/div>\n      <\/div>\n\n      <div class=\"sol-card sol-card--featured reveal d3\">\n        <div class=\"sol-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><polyline points=\"6,9 12,13 18,9\"\/><\/svg>\n        <\/div>\n        <h3>Monitoreo Energ\u00e9tico<\/h3>\n        <p>Plataforma EIAS para visualizaci\u00f3n de generaci\u00f3n fotovoltaica, estado del BESS, demanda y calidad de energ\u00eda en tiempo real. Integraci\u00f3n con inversores y sistemas de almacenamiento.<\/p>\n        <div class=\"sol-tag\" style=\"color:var(--g-900)\">EIAS \u00b7 Anal\u00edtica \u00b7 Tiempo real<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== EIAS ===== -->\n<section id=\"eias\">\n  <div class=\"container\">\n    <div class=\"eias-grid\">\n\n      <div>\n        <span class=\"eyebrow eyebrow--light reveal\">Plataforma EIAS<\/span>\n        <h2 class=\"eias-title reveal d1\">\n          Tu infraestructura energ\u00e9tica<br>convertida en <em>inteligencia<\/em>\n        <\/h2>\n        <p class=\"eias-sub reveal d2\">\n          EIAS es la capa de inteligencia energ\u00e9tica que permite monitorear, analizar y optimizar el desempe\u00f1o de tu infraestructura el\u00e9ctrica en tiempo real. Informaci\u00f3n \u00fatil tanto para direcci\u00f3n como para operaci\u00f3n.\n        <\/p>\n        <div class=\"eias-feats reveal d3\">\n          <div class=\"eias-feat\">\n            <div class=\"eias-dot\"><\/div>\n            <p><strong>Monitoreo fotovoltaico en tiempo real<\/strong>: generaci\u00f3n, irradiancia, temperatura de m\u00f3dulos y rendimiento del sistema.<\/p>\n          <\/div>\n          <div class=\"eias-feat\">\n            <div class=\"eias-dot\"><\/div>\n            <p><strong>Estado del BESS<\/strong>: SOC, ciclos de carga\/descarga, temperatura, potencia entregada y salud del sistema de almacenamiento.<\/p>\n          <\/div>\n          <div class=\"eias-feat\">\n            <div class=\"eias-dot\"><\/div>\n            <p><strong>Alarmas y notificaciones<\/strong> ante anomal\u00edas, picos de demanda, fallas del inversor o desviaciones del BESS.<\/p>\n          <\/div>\n          <div class=\"eias-feat\">\n            <div class=\"eias-dot\"><\/div>\n            <p><strong>Reportes ejecutivos y operativos<\/strong> con indicadores de ahorro, producci\u00f3n acumulada y desempe\u00f1o energ\u00e9tico.<\/p>\n          <\/div>\n          <div class=\"eias-feat\">\n            <div class=\"eias-dot\"><\/div>\n            <p><strong>Comunicaci\u00f3n e integraci\u00f3n<\/strong> con inversores, BESS y medidores v\u00eda protocolos industriales (Modbus, SunSpec, CAN).<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Dashboard Mockup -->\n      <div class=\"reveal d2\">\n        <div class=\"dashboard\">\n          <div class=\"db-header\">\n            <div class=\"db-dot\" style=\"background:#FF5F57\"><\/div>\n            <div class=\"db-dot\" style=\"background:#FEBC2E\"><\/div>\n            <div class=\"db-dot\" style=\"background:#28C840\"><\/div>\n            <div class=\"db-tag\">EIAS Platform \u00b7 En vivo<\/div>\n          <\/div>\n\n          <div class=\"db-metrics\">\n            <div class=\"db-metric\">\n              <div class=\"db-label\">Generaci\u00f3n FV<\/div>\n              <div class=\"db-val\">342 <span>kW<\/span><\/div>\n              <div class=\"db-delta\">\u2191 +12% vs ayer<\/div>\n            <\/div>\n            <div class=\"db-metric\">\n              <div class=\"db-label\">BESS SOC<\/div>\n              <div class=\"db-val\">78 <span>%<\/span><\/div>\n              <div class=\"db-delta\">Cargando<\/div>\n            <\/div>\n            <div class=\"db-metric\">\n              <div class=\"db-label\">Demanda<\/div>\n              <div class=\"db-val\">198 <span>kW<\/span><\/div>\n              <div class=\"db-delta\">\u2193 \u22128% vs ant.<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"db-metrics\">\n            <div class=\"db-metric\">\n              <div class=\"db-label\">Ahorro hoy<\/div>\n              <div class=\"db-val\">$4,210 <span>MXN<\/span><\/div>\n              <div class=\"db-delta\">\u2191 en curso<\/div>\n            <\/div>\n            <div class=\"db-metric\">\n              <div class=\"db-label\">Factor potencia<\/div>\n              <div class=\"db-val\">0.97 <span>fp<\/span><\/div>\n              <div class=\"db-delta\">\u00d3ptimo<\/div>\n            <\/div>\n            <div class=\"db-metric\">\n              <div class=\"db-label\">CO\u2082 evitado<\/div>\n              <div class=\"db-val\">218 <span>kg<\/span><\/div>\n              <div class=\"db-delta\">\u2191 acumulado<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"db-chart\">\n            <svg viewBox=\"0 0 420 76\" preserveAspectRatio=\"none\">\n              <defs>\n                <linearGradient id=\"chartFill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                  <stop offset=\"0%\" stop-color=\"#52B574\" stop-opacity=\"0.28\"\/>\n                  <stop offset=\"100%\" stop-color=\"#52B574\" stop-opacity=\"0\"\/>\n                <\/linearGradient>\n              <\/defs>\n              <path d=\"M0,62 C25,58 45,42 75,36 C105,30 125,46 155,31 C185,16 205,22 235,16 C265,10 285,26 315,20 C345,14 375,17 420,11\" stroke=\"#52B574\" stroke-width=\"1.8\" fill=\"none\"\/>\n              <path d=\"M0,62 C25,58 45,42 75,36 C105,30 125,46 155,31 C185,16 205,22 235,16 C265,10 285,26 315,20 C345,14 375,17 420,11 L420,76 L0,76 Z\" fill=\"url(#chartFill)\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"db-foot\">Generaci\u00f3n FV \u00b7 \u00daltimas 8 horas<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== BENEFICIOS ===== -->\n<section class=\"section\" id=\"beneficios\">\n  <div class=\"container\">\n    <span class=\"eyebrow reveal\">Por qu\u00e9 elegir Gammva<\/span>\n    <h2 class=\"section-title reveal d1\" style=\"max-width:480px\">Beneficios directos<br>para su operaci\u00f3n<\/h2>\n\n    <div class=\"ben-grid\">\n\n      <div class=\"ben reveal\">\n        <div class=\"ben-num\">01<\/div>\n        <div class=\"ben-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 000 7h5a3.5 3.5 0 010 7H6\"\/><\/svg>\n        <\/div>\n        <h4>Reducci\u00f3n de costos energ\u00e9ticos<\/h4>\n        <p>Menor factura el\u00e9ctrica mediante generaci\u00f3n propia, optimizaci\u00f3n de demanda y arbitraje con almacenamiento BESS.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal d1\">\n        <div class=\"ben-num\">02<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M18.364 5.636a9 9 0 010 12.728M5.636 5.636a9 9 0 000 12.728M15.536 8.464a5 5 0 010 7.072M8.464 8.464a5 5 0 000 7.072M12 12h.01\"\/><\/svg>\n        <\/div>\n        <h4>Mayor continuidad operativa<\/h4>\n        <p>Sistemas de respaldo y almacenamiento que garantizan continuidad ante fallas de red o interrupciones del suministro.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal d2\">\n        <div class=\"ben-num\">03<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><polyline points=\"22,12 18,12 15,21 9,3 6,12 2,12\"\/><\/svg>\n        <\/div>\n        <h4>Control de demanda m\u00e1xima<\/h4>\n        <p>Gesti\u00f3n activa de la demanda para reducir cargos por demanda m\u00e1xima en la tarifa el\u00e9ctrica contratada.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal d3\">\n        <div class=\"ben-num\">04<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n        <\/div>\n        <h4>Monitoreo en tiempo real<\/h4>\n        <p>Visibilidad completa del desempe\u00f1o energ\u00e9tico desde cualquier dispositivo. Datos para direcci\u00f3n y para operaci\u00f3n.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal\">\n        <div class=\"ben-num\">05<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\n        <\/div>\n        <h4>Cumplimiento t\u00e9cnico y regulatorio<\/h4>\n        <p>Proyectos dise\u00f1ados y ejecutados bajo C\u00f3digo de Red, CFE, CENACE y regulaci\u00f3n del Mercado El\u00e9ctrico Mayorista.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal d1\">\n        <div class=\"ben-num\">06<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><polygon points=\"13,2 3,14 12,14 11,22 21,10 12,10\"\/><\/svg>\n        <\/div>\n        <h4>Integraci\u00f3n de energ\u00edas renovables<\/h4>\n        <p>Incorporaci\u00f3n ordenada de energ\u00eda solar con sistemas de almacenamiento y respaldo para m\u00e1ximo aprovechamiento.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal d2\">\n        <div class=\"ben-num\">07<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16,8 20,8 23,11 23,16 16,16\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n        <\/div>\n        <h4>Respaldo energ\u00e9tico garantizado<\/h4>\n        <p>Autonom\u00eda definida seg\u00fan criticidad del proceso. Protecci\u00f3n ante cortes de red para operaciones que no pueden detenerse.<\/p>\n      <\/div>\n\n      <div class=\"ben reveal d3\">\n        <div class=\"ben-num\">08<\/div>\n        <div class=\"ben-icon\">\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>\n        <\/div>\n        <h4>Visibilidad energ\u00e9tica ejecutiva<\/h4>\n        <p>Dashboards con KPIs energ\u00e9ticos, reportes de ahorro y seguimiento de objetivos de eficiencia para la direcci\u00f3n.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== EPC ===== -->\n<section class=\"section section--gray\" id=\"epc\">\n  <div class=\"container\">\n    <div class=\"epc-intro\">\n      <div>\n        <span class=\"eyebrow reveal\">Alcance EPC<\/span>\n        <h2 class=\"section-title reveal d1\">De la ingenier\u00eda<br>a la operaci\u00f3n<\/h2>\n      <\/div>\n      <p class=\"section-sub reveal d2\">\n        Gammva asume el proyecto completo: desde el diagn\u00f3stico inicial hasta la operaci\u00f3n y mantenimiento. Un solo interlocutor, control total del proceso y responsabilidad t\u00e9cnica integral en cada etapa.\n      <\/p>\n    <\/div>\n\n    <div class=\"epc-row reveal\">\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">01<\/div>\n        <h4>Diagn\u00f3stico<\/h4>\n        <p>An\u00e1lisis de consumo, demanda, calidad de energ\u00eda y condiciones del sitio para definir la soluci\u00f3n \u00f3ptima.<\/p>\n      <\/div>\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">02<\/div>\n        <h4>Ing. Conceptual<\/h4>\n        <p>Definici\u00f3n de la soluci\u00f3n energ\u00e9tica, dimensionamiento de equipos y evaluaci\u00f3n econ\u00f3mica del proyecto.<\/p>\n      <\/div>\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">03<\/div>\n        <h4>Ing. de Detalle<\/h4>\n        <p>Dise\u00f1o el\u00e9ctrico, estructural y civil. Memorias de c\u00e1lculo, especificaciones t\u00e9cnicas y planos para construcci\u00f3n.<\/p>\n      <\/div>\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">04<\/div>\n        <h4>Procura<\/h4>\n        <p>Selecci\u00f3n y adquisici\u00f3n de equipos con garant\u00edas de fabricante y cadena de suministro verificada y trazable.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"epc-row reveal d2\" style=\"margin-top:52px\">\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">05<\/div>\n        <h4>Construcci\u00f3n<\/h4>\n        <p>Instalaci\u00f3n con personal propio, supervisi\u00f3n t\u00e9cnica permanente y protocolos de seguridad el\u00e9ctrica.<\/p>\n      <\/div>\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">06<\/div>\n        <h4>Interconexi\u00f3n<\/h4>\n        <p>Gesti\u00f3n de tr\u00e1mites y obra de interconexi\u00f3n con la red CFE en baja tensi\u00f3n (BT) y media tensi\u00f3n (MT) bajo C\u00f3digo de Red.<\/p>\n      <\/div>\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">07<\/div>\n        <h4>Puesta en Marcha<\/h4>\n        <p>Comisionamiento integral, pruebas funcionales, calibraci\u00f3n de protecciones y entrega de documentaci\u00f3n t\u00e9cnica.<\/p>\n      <\/div>\n      <div class=\"epc-step\">\n        <div class=\"epc-num\">08<\/div>\n        <h4>O&amp;M y Monitoreo<\/h4>\n        <p>Operaci\u00f3n, mantenimiento preventivo y correctivo, y monitoreo continuo del sistema v\u00eda plataforma EIAS.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CONFIANZA ===== -->\n<section class=\"section\" id=\"confianza\">\n  <div class=\"container\">\n    <div class=\"trust-header\">\n      <div>\n        <span class=\"eyebrow reveal\">\u00bfPor qu\u00e9 Gammva?<\/span>\n        <h2 class=\"section-title reveal d1\">Experiencia t\u00e9cnica<br>en cada proyecto<\/h2>\n      <\/div>\n      <p class=\"section-sub reveal d2\" style=\"margin-top:8px\">\n        Gammva cuenta con experiencia comprobada en infraestructura el\u00e9ctrica de baja y media tensi\u00f3n (BT\/MT), adecuaciones el\u00e9ctricas industriales, cumplimiento del C\u00f3digo de Red y sistemas de supervisi\u00f3n e integraci\u00f3n de equipos el\u00e9ctricos para generaci\u00f3n distribuida y almacenamiento.\n      <\/p>\n    <\/div>\n\n    <div class=\"trust-grid reveal\">\n      <div class=\"trust-item\">\n        <div class=\"trust-big\">100<em>%<\/em><\/div>\n        <div class=\"trust-label\">Ejecuci\u00f3n propia<\/div>\n        <p>No subcontratamos. Todos los proyectos son ejecutados por el equipo Gammva, garantizando control de calidad y cumplimiento t\u00e9cnico en cada etapa del proceso.<\/p>\n      <\/div>\n      <div class=\"trust-item\">\n        <div class=\"trust-big\">BT<em>\/<\/em>MT<\/div>\n        <div class=\"trust-label\">Baja y media tensi\u00f3n<\/div>\n        <p>Capacidad comprobada en adecuaciones el\u00e9ctricas e infraestructura en baja tensi\u00f3n (BT) y media tensi\u00f3n (MT), incluyendo transformadores, tableros, protecciones y sistemas de distribuci\u00f3n para aplicaciones fotovoltaicas y de almacenamiento.<\/p>\n      <\/div>\n      <div class=\"trust-item\">\n        <div class=\"trust-big\">EPC<em>+<\/em><\/div>\n        <div class=\"trust-label\">Alcance integral<\/div>\n        <p>Dise\u00f1o, procura, construcci\u00f3n, interconexi\u00f3n, puesta en marcha y operaci\u00f3n. Todo bajo un mismo responsable t\u00e9cnico, sin dispersi\u00f3n de contratos ni p\u00e9rdida de control del proyecto.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CTA FINAL ===== -->\n<section id=\"cta\">\n  <div class=\"cta-content\">\n    <p class=\"eyebrow eyebrow--light reveal\" style=\"justify-content:center; margin-bottom:28px\">Siguiente paso<\/p>\n    <h2 class=\"cta-title reveal d1\">\n      Dise\u00f1emos una soluci\u00f3n<br>energ\u00e9tica para <em>su empresa<\/em>\n    <\/h2>\n    <p class=\"cta-sub reveal d2\">Hable con un ingeniero especializado. Sin compromiso.<\/p>\n    <div class=\"cta-actions reveal d3\">\n      <a href=\"https:\/\/wa.me\/5545515133\" target=\"_blank\" class=\"btn btn--white btn--lg\">\n        Contactar a un ingeniero\n      <\/a>\n      <a href=\"https:\/\/gammva.com.mx\/?page_id=842\" target=\"_blank\" class=\"btn btn--outline-light btn--lg\">\n        Regresar a servicios\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script>\n  \/* Reveal on scroll *\/\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('on'); });\n  }, { threshold: 0.1 });\n  document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n  \/* Hero canvas \u2014 network nodes *\/\n  (() => {\n    const canvas = document.getElementById('hero-canvas');\n    const ctx = canvas.getContext('2d');\n    let nodes = [], W, H, raf;\n\n    function resize() {\n      W = canvas.width = canvas.offsetWidth;\n      H = canvas.height = canvas.offsetHeight;\n      build();\n    }\n\n    function build() {\n      const n = Math.min(Math.floor((W * H) \/ 12000), 80);\n      nodes = Array.from({ length: n }, () => ({\n        x: Math.random() * W,\n        y: Math.random() * H,\n        vx: (Math.random() - 0.5) * 0.28,\n        vy: (Math.random() - 0.5) * 0.28,\n        r: Math.random() * 1.4 + 0.6\n      }));\n    }\n\n    function tick() {\n      ctx.clearRect(0, 0, W, H);\n      for (const n of nodes) {\n        n.x += n.vx; n.y += n.vy;\n        if (n.x < 0 || n.x > W) n.vx *= -1;\n        if (n.y < 0 || n.y > H) n.vy *= -1;\n      }\n      for (let i = 0; i < nodes.length; i++) {\n        for (let j = i + 1; j < nodes.length; j++) {\n          const dx = nodes[i].x - nodes[j].x;\n          const dy = nodes[i].y - nodes[j].y;\n          const d = Math.sqrt(dx * dx + dy * dy);\n          if (d < 130) {\n            ctx.beginPath();\n            ctx.strokeStyle = `rgba(28,138,72,${(1 - d \/ 130) * 0.22})`;\n            ctx.lineWidth = 0.6;\n            ctx.moveTo(nodes[i].x, nodes[i].y);\n            ctx.lineTo(nodes[j].x, nodes[j].y);\n            ctx.stroke();\n          }\n        }\n      }\n      for (const n of nodes) {\n        ctx.beginPath();\n        ctx.arc(n.x, n.y, n.r, 0, Math.PI * 2);\n        ctx.fillStyle = 'rgba(28,138,72,0.38)';\n        ctx.fill();\n      }\n      raf = requestAnimationFrame(tick);\n    }\n\n    resize();\n    tick();\n    window.addEventListener('resize', resize, { passive: true });\n  })();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>GAMMVA Renewable Energy &#038; Storage | EPC Energ\u00e9tico GAMMVA Renewable Energy &amp; Storage Sistemas Fotovoltaicosy de Almacenamiento Infraestructura energ\u00e9tica inteligente para empresas que buscan ahorro, continuidad operativa y control energ\u00e9tico. Contactar a un ingeniero Regresar a servicios Propuesta de valor Ingenier\u00eda, procuray construcci\u00f3n integral Gammva dise\u00f1a, integra y construye soluciones energ\u00e9ticas renovables y sistemas de [&hellip;]<\/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-870","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/870","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=870"}],"version-history":[{"count":4,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/870\/revisions"}],"predecessor-version":[{"id":932,"href":"https:\/\/gammva.com.mx\/index.php?rest_route=\/wp\/v2\/pages\/870\/revisions\/932"}],"wp:attachment":[{"href":"https:\/\/gammva.com.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}