}
    a{color:inherit;text-decoration:none}

    /* ===== HEADER ===== */
    header{
      position:sticky;top:0;z-index:50;
      background:rgba(15,23,42,.96);
      border-bottom:1px solid rgba(148,163,184,.35);
      backdrop-filter:blur(14px);
    }
    .header-inner{
      max-width:1100px;margin:0 auto;
      padding:10px 18px;
      display:flex;align-items:center;gap:12px;
    }
    .logo-box{display:flex;align-items:center;gap:10px}
    .logo-img{
      height:56px; /* MÁS GRANDE */
      width:auto;display:block;
    }
    .logo-text{
      font-size:.9rem;font-weight:800;
      text-transform:uppercase;letter-spacing:.14em;
      color:#e5e7eb;
    }
    nav{margin-left:auto}
    .nav-list{
      list-style:none;
      display:flex;gap:18px;
      font-size:.9rem;
    }
    .nav-link{opacity:.92}
    .nav-link:hover{opacity:1}

    /* ===== HERO (VIDEO) ===== */
    .hero{
      position:relative;
      min-height:86vh;
      overflow:hidden;
      border-bottom:1px solid rgba(30,64,175,.55);
    }
    .hero-video{
      position:absolute;inset:0;
      width:100%;height:100%;
      object-fit:cover;
      filter:brightness(.72) saturate(1.05);
      z-index:-2;
    }
    .hero-overlay{
      position:absolute;inset:0;
      background:
        radial-gradient(circle at top, rgba(2,6,23,.20), rgba(2,6,23,.78)),
        linear-gradient(180deg, rgba(2,6,23,.30), rgba(2,6,23,.65));
      z-index:-1;
    }
    .hero-inner{
      max-width:1100px;margin:0 auto;
      padding:92px 18px 72px;
      display:flex;flex-direction:column;
      align-items:center;text-align:center;
      gap:18px;
    }
    .hero-kicker{
      font-size:1rem; /* MÁS VISIBLE */
      letter-spacing:.22em;
      text-transform:uppercase;
      color:#ffffff;
      font-weight:700;
      text-shadow:0 2px 10px rgba(0,0,0,.55);
    }
    .hero-title{
      font-size:clamp(2.8rem,6vw,4rem);
      font-weight:900;
      letter-spacing:.04em;
      text-shadow:0 3px 14px rgba(0,0,0,.55);
    }
    .hero-subtitle{
      max-width:900px;
      font-size:1.08rem;
      color:#e5e7eb;
      line-height:1.65;
      text-shadow:0 2px 12px rgba(0,0,0,.45);
    }
    .hero-buttons{
      display:flex;flex-wrap:wrap;
      justify-content:center;gap:14px;
      margin-top:10px;
    }
    .btn-primary{
      background:#f97316;color:#111827;
      border:none;border-radius:999px;
      padding:12px 28px;
      font-size:.98rem;font-weight:750;
      cursor:pointer;
      box-shadow:0 18px 45px rgba(0,0,0,.45);
      transition:transform .12s ease-out, background .12s ease-out;
    }
    .btn-primary:hover{background:#fb923c;transform:translateY(-1px)}
    .btn-secondary{
      background:transparent;color:#e5e7eb;
      border-radius:999px;
      border:1px solid rgba(148,163,184,.85);
      padding:12px 24px;
      font-size:.98rem;font-weight:650;
      cursor:pointer;
      transition:background .12s ease-out,border-color .12s ease-out;
    }
    .btn-secondary:hover{
      background:rgba(15,23,42,.9);
      border-color:#f97316;
    }

    /* ===== SECCIONES ===== */
    section{padding:70px 16px}
    .container{max-width:1100px;margin:0 auto}
    .section-title{
      font-size:2rem;
      text-align:center;
      margin-bottom:12px;
    }
    .section-sub{
      text-align:center;
      max-width:900px;
      margin:0 auto 38px;
      color:#cbd5f5;
      line-height:1.7;
      font-size:1rem;
    }

    /* ===== BLOQUE TESLA (fundación) ===== */
    .tesla-block-wrapper{
      background:radial-gradient(circle at top left, rgba(15,23,42,.96), #020617);
      padding:42px 16px 60px;
    }
    .tesla-block{
      max-width:1100px;margin:0 auto;
      padding:22px 24px;
      border-radius:18px;
      background:#020617;
      border:1px solid rgba(148,163,184,.38);
      display:flex;
      gap:22px;
      align-items:center;
      position:relative;
      overflow:hidden;
    }
    .tesla-block::before{
      content:"";
      position:absolute;top:0;left:0;
      width:100%;height:3px;
      background:linear-gradient(90deg,#f97316,#0ea5e9);
      opacity:.95;
    }
    .tesla-media{flex:0 0 280px;max-width:35%}
    .tesla-video{
      width:100%;
      border-radius:16px;
      display:block;
      box-shadow:0 18px 40px rgba(0,0,0,.55);
    }
    .tesla-chat{flex:1;color:#e5e7eb}
    .tesla-tag{
      display:inline-block;
      font-size:.74rem;
      text-transform:uppercase;
      letter-spacing:.12em;
      margin-bottom:10px;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid rgba(148,163,184,.65);
      background:rgba(15,23,42,.88);
      color:#e5e7eb;
    }
    .tesla-bubble{
      background:rgba(15,23,42,.96);
      border-radius:14px;
      padding:14px 16px;
      border:1px solid rgba(148,163,184,.55);
      box-shadow:0 10px 30px rgba(0,0,0,.45);
      font-size:.98rem;
      line-height:1.55;
    }
    .tesla-name{margin-bottom:6px;color:#f97316}
    .tesla-bubble p{margin:6px 0}

    /* ===== ZIGMA ===== */
    .box{
      background:rgba(15,23,42,.96);
      border:1px solid rgba(148,163,184,.3);
      border-radius:20px;
      padding:26px;
      max-width:920px;
      margin:0 auto;
    }
    .box strong{color:#f97316}

    /* ===== QUE HACEMOS ===== */
    .grid-3{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:22px;
    }
    .card{
      background:rgba(15,23,42,.96);
      border:1px solid rgba(148,163,184,.3);
      border-radius:18px;
      padding:22px;
    }
    .tag{
      display:block;
      font-size:.72rem;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:#f97316;
      margin-bottom:8px;
    }
    .card h3{margin-bottom:8px;font-size:1.12rem}
    .card p{color:#e5e7eb;opacity:.95;line-height:1.65}

    /* ===== RESPONSIVE ===== */
    @media (max-width:900px){
      .nav-list{display:none}
      .tesla-block{flex-direction:column;align-items:flex-start}
      .tesla-media{max-width:100%;width:100%}
      .tesla-video{max-width:320px}
      .grid-3{grid-template-columns:1fr}
      .logo-img{height:52px}
    }
    @media (max-width:640px){
      .hero-inner{padding-top:78px}
      .hero-title{font-size:2.55rem}
      .hero-subtitle{font-size:1rem}
    }
  </style>
</head>

<body>

  <!-- ===== HEADER ===== -->
  <header>
    <div class="header-inner">
      <div class="logo-box">
        <img src="logo-zigma.png" alt="Zigmasolar" class="logo-img" />
        <div class="logo-text">Zigmasolar</div>
      </div>

      <nav>
        <ul class="nav-list">
          <li><a href="index.html" class="nav-link">Inicio</a></li>
          <li><a href="dimensionador.html" class="nav-link">Taller</a></li>
          <li><a href="kits.html" class="nav-link">Kits Solares</a></li>
          <li><a href="construccion.html" class="nav-link">Construcción Eficiente</a></li>
          <li><a href="iso50001.html" class="nav-link">ISO 50001</a></li>
          <li><a href="blog.html" class="nav-link">Blog</a></li>
          <li><a href="contacto.html" class="nav-link">Contacto</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main>

    <!-- ===== HERO CON VIDEO (fundación) ===== -->
    <section class="hero">
      <video class="hero-video" src="video.mp4" autoplay muted loop playsinline></video>
      <div class="hero-overlay"></div>

      <div class="hero-inner">
        <div class="hero-kicker">La Plataforma Sustentable</div>
        <h1 class="hero-title">Zigmasolar</h1>

        <p class="hero-subtitle">
          Diseñamos soluciones de Energía Solar y Eficiencia Energética que reducen costos, aumentan la autonomía y disminuyen el impacto ambiental. SOMOS PIONEROS DEL DESARROLLO SUSTENTABLE
        </p>

        <div class="hero-buttons">
          <a href="dimensionador.html">
            <button class="btn-primary">Entrar al Taller de Energía Libre</button>
          </a>

          <a
            href="https://wa.me/5491127725458?text=Hola%2C%20vengo%20desde%20la%20p%C3%A1gina%20de%20inicio%20de%20Zigmasolar%20y%20quiero%20hacer%20una%20consulta."
            target="_blank" rel="noopener"
          >
            <button class="btn-secondary">Hablar por WhatsApp</button>
          </a>
        </div>
      </div>
    </section>

    <!-- ===== BLOQUE TESLA (fundación) ===== -->
    <section class="tesla-block-wrapper">
      <div class="tesla-block">
        <div class="tesla-media">
          <video class="tesla-video" src="tesla-mensaje.mp4" autoplay muted loop playsinline></video>
        </div>

        <div class="tesla-chat">
          <div class="tesla-tag">Mensaje de Tesla</div>

          <div class="tesla-bubble">
            <p class="tesla-name"><strong>Nikola Tesla</strong></p>
            <p>
             La energía que la Tierra recibe del Sol en una sola hora es mayor que la energía que consume toda la humanidad en un año.
            </p>
            <p>
              Ya lo habia dicho yo!! Llamá a los chicos de zigmasolar que te van a explicar como funciona esta tecnología.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- ===== ZIGMA ===== -->
    <section>
      <div class="container">
        <h2 class="section-title">Por qué  (Σ)</strong> Zigma?</h2>
        <div class="box">
          <p>
            <strong>Zigma (Σ)</strong>, Σ representa la continuidad de la energía.
En Zigmasolar gestionamos la transición energética hacia las energías renovables, integrando Energía Solar y Eficiencia Energética como soluciones concretas y sostenibles.</p>
          <p style="margin-top:12px">
            Por eso en <strong>Zigmasolar</strong> representamos esa continuidad Energía Solar y Eficiencia Energética para reducir costos y aumentar autonomía y ser sustentables.
          </p>
        </div>
      </div>
    </section>

    <!-- ===== QUÉ HACEMOS ===== -->
    <section>
      <div class="container">
        <h2 class="section-title">Qué hacemos</h2>
        <p class="section-sub">
           Soluciones Sustentables frente a la creciente demanda de consumo de energía de fuentes convencionales y a las limitaciones que tienen las empresas de suministro.
Soluciones Sustentables de Energía Solar, Construccion con sistema SIP, y gestión de la energía bajo norma ISO 50001. </p>

        <div class="grid-3">
          <article class="card">
            <span class="tag">Renovable</span>
            <h3>Kit Solar Inteligente</h3>
            <p>
              En Argentina, la energía solar es la fuente renovable de mayor crecimiento.
Al incorporar paneles solares resolvés tres aspectos clave:

Reducís cortes y problemas en horas pico de consumo.

Disminuís el costo de la energía en el tiempo.

Ganás independencia energética utilizando fuentes renovables.            </p>
          </article>

          <article class="card">
            <span class="tag">Construcción Eficiente SIP 5K</span>
            <h3>Etiqueta Energética de vivienda </h3>
            <p>
             La construcción Eficiente con sistema constructivo SIP, es una versión de vivienda sustentable, económica y confortable. Completamente aislada de la red
            </p>
          </article>

          <article class="card">
            <span class="tag">Escalable</span>
            <h3>Por etapas</h3>
            <p>
              Soluciones pensadas para crecer, adaptarse y evolucionar con el tiempo y la tecnología.
            </p>
          </article>
        </div>
      </div>
    </section>

  </main>

</body>
</html>