<section class="ehc-header">
  <div class="ehc-content">
    <div class="ehc-logo"></div>
    <p class="ehc-slogan">Equipamos con tecnología, capacitamos con experiencia.</p>
    <div class="cta-container">
      <span class="cta-text cta-box">VENTA Y RENTA</span>
      <span class="cta-text cta-no-box">DE EQUIPOS</span>
    </div>
  </div>
</section>
<section class="ld-white row ws-x--bg">
    <div class="products-grid">
      <div class="product-card">
        <div class="product-image sewer-uss-jetting"></div>
        <div class="info-block blue-bg">
          <h3 class="product-name">Sewer USS Jetting</h3>
          <p class="product-details">ID: VC047-2025 Horas: 389 Serie: 2115 P118</p>
        </div>
        <div class="btn-block red-bg">
          <a href="#" class="info-btn" data-toggle="modal" data-target="#modal-sewer-uss">MÁS INFORMACIÓN</a>
        </div>
      </div>
    </div>
</section>

<!-- Modal Sewer USS Jetting -->
<div class="modal fade equipo-modal" id="modal-sewer-uss" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header equipo-modal-header">
        <h4 class="modal-title">Sewer USS Jetting</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="equipo-gallery">
          <div class="equipo-gallery-main">
            <img id="sewer-uss-main-img" src="assets/img/sewer-uss-jetting.png" alt="Sewer USS Jetting">
          </div>
          <div class="equipo-gallery-thumbs">
            <img class="equipo-thumb active" src="assets/img/sewer-uss-jetting.png" alt="Sewer USS Jetting - Vista 1" onclick="changeMainImage('sewer-uss-main-img', this)">
            <!-- Agregar más fotos aquí -->
            <!-- <img class="equipo-thumb" src="assets/img/sewer-uss-2.jpg" alt="Sewer USS Jetting - Vista 2" onclick="changeMainImage('sewer-uss-main-img', this)"> -->
          </div>
        </div>
        <div class="equipo-info">
          <table class="equipo-specs">
            <tr><th>ID</th><td>VC047-2025</td></tr>
            <tr><th>Horas</th><td>389</td></tr>
            <tr><th>Serie</th><td>2115 P118</td></tr>
          </table>
        </div>
      </div>
      <div class="modal-footer equipo-modal-footer">
        <a href="?id=cot" class="btn equipo-btn-contact">SOLICITAR INFORMACIÓN</a>
      </div>
    </div>
  </div>
</div>
