<section class="ref-header">
  <div class="ref-content">
    <div class="ref-cta-container">
      <span class="ref-cta-text ref-cta-no-box">TODO LO QUE NECESITAS PARA MANTENER</span>
      <span class="ref-cta-text ref-cta-box">TU OPERACIÓN EN MOVIMIENTO</span>
    </div>
  </div>
</section>
<section class="ld-red">
  <div class="floating-block-container">
      <div class="cat-cta-container">
        <span class="ref-cta-text cat-cta-box">CATÁLOGO</span>
      </div>
      <div class="floating-block">
        <div class="floating-block-content">
          <p class="description">En DRENAX PRO contamos con un amplio stock de refacciones para equipos hidroneumáticos, Vactor® y maquinaria especializada en limpieza de drenaje. Ofrecemos piezas originales y compatibles, seleccionadas para garantizar el máximo rendimiento, durabilidad y seguridad de tus unidades.</p>
        </div>
        <div class="floating-block-arrow"></div>
      </div>
      <div class="blocks-container">
        <span class="block-tex-box">Componentes hidráulicos</span>
        <span class="block-tex-box">Boquillas</span>
        <span class="block-tex-box">Mangueras</span>
        <span class="block-tex-box">Filtros</span>
        <span class="block-tex-box">Accesorios</span>
        <span class="block-tex-box">Refacciones específicas</span>
        <span class="block-tex-box">según tu equipo</span>
      </div>
      <div class="cat-cta-container">
        <span class="ref-cta-text ref-cta-no-box">TENEMOS LO</span><br>
        <span class="ref-cta-text ref-cta-no-box">QUE NECESITAS</span>
      </div>
      <div class="cat-card">
        <div class="card-header">
          <h3 class="header-title">¿Por qué elegir nuestras refacciones?</h3>
        </div>
        <div class="card-description">
          <p>Productos de alta calidad y disponibilidad inmediata.</p>
          <p>Asesoría personalizada para encontrar la pieza correcta.</p>
          <p class="highlight">Envíos a todo México.</p>
          <p>Soporte técnico con respaldo DRENAX PRO.</p>
        </div>
      </div>
  </div>
</section>
<section class="ld-blue-simple" style="height:60vh;">
  <div class="floating-block-container" style="top:-400px;">
    <div class="cat-cta-container">
      <span class="ref-cta-text cat-cta-box" style="background-color:#191990;">CATÁLOGO</span>
    </div>
    <div class="cat-end-card">
    </div>
    <div class="cat-cta-container">
      <span class="ref-cta-text ref-cta-no-box">MANTÉN TU EQUIPO AL 100%</span>
    </div>
  </div>
</section>
