El Salvador

Conexsol Real Estate

conexsol.alterestate.com

<section class="conexsol-properties-section">
  <div class="conexsol-properties-header">
    <p class="conexsol-eyebrow">CONEXSOL REAL ESTATE</p>
    <h2>Propiedades disponibles y operaciones recientes</h2>
    <p>
      Explora propiedades activas, vendidas, alquiladas o fuera de mercado.
      Las propiedades cerradas se muestran como referencia de nuestra actividad comercial.
    </p>
  </div>

  <div class="conexsol-filter-bar">
    <button class="filter-btn active" data-filter="all">Todas</button>
    <button class="filter-btn" data-filter="activa">Activas</button>
    <button class="filter-btn" data-filter="vendida">Vendidas</button>
    <button class="filter-btn" data-filter="alquilada">Alquiladas</button>
    <button class="filter-btn" data-filter="fuera">Fuera de mercado</button>
  </div>

  <div class="conexsol-properties-grid">

    
    <article class="property-card" data-status="activa">
      <div class="property-image">
        <img src="https://images.pexels.com/photos/1396122/pexels-photo-1396122.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Casa en venta en Santa Elena, El Salvador">
        <span class="property-badge badge-active">Activa</span>
      </div>
      <div class="property-content">
        <p class="property-type">Casa en venta</p>
        <h3>Residencia moderna en Santa Elena</h3>
        <p class="property-location">Antiguo Cuscatlán, La Libertad</p>
        <div class="property-details">
          <span>4 habitaciones</span>
          <span>3 baños</span>
          <span>2 parqueos</span>
        </div>
        <p class="property-price">US$289,000</p>
        <div class="property-actions">
          <a href="https://wa.me/50378893803?text=Hola%20Conexsol,%20quiero%20informaci%C3%B3n%20sobre%20la%20residencia%20en%20Santa%20Elena" target="_blank" class="property-btn primary">
            Consultar por WhatsApp
          </a>
        </div>
      </div>
    </article>

    
    <article class="property-card property-closed" data-status="vendida">
      <div class="property-image">
        <img src="https://images.pexels.com/photos/106399/pexels-photo-106399.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Casa vendida en Nuevo Cuscatlán, El Salvador">
        <span class="property-badge badge-sold">Vendida</span>
      </div>
      <div class="property-content">
        <p class="property-type">Casa vendida</p>
        <h3>Casa familiar en Nuevo Cuscatlán</h3>
        <p class="property-location">Nuevo Cuscatlán, La Libertad</p>
        <div class="property-details">
          <span>3 habitaciones</span>
          <span>2 baños</span>
          <span>Jardín</span>
        </div>
        <p class="property-price">Vendida recientemente</p>
        <div class="property-actions">
          <a href="https://wa.me/50378893803?text=Hola%20Conexsol,%20quiero%20vender%20una%20propiedad%20similar" target="_blank" class="property-btn primary">
            Quiero vender mi propiedad
          </a>
        </div>
      </div>
    </article>

    
    <article class="property-card property-closed" data-status="alquilada">
      <div class="property-image">
        <img src="https://images.pexels.com/photos/259588/pexels-photo-259588.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Casa alquilada en Santa Tecla, El Salvador">
        <span class="property-badge badge-rented">Alquilada</span>
      </div>
      <div class="property-content">
        <p class="property-type">Casa alquilada</p>
        <h3>Casa en alquiler en Santa Tecla</h3>
        <p class="property-location">Santa Tecla, La Libertad</p>
        <div class="property-details">
          <span>3 habitaciones</span>
          <span>2 baños</span>
          <span>2 parqueos</span>
        </div>
        <p class="property-price">Alquilada recientemente</p>
        <div class="property-actions">
          <a href="https://wa.me/50378893803?text=Hola%20Conexsol,%20estoy%20buscando%20una%20propiedad%20similar%20en%20alquiler" target="_blank" class="property-btn primary">
            Buscar una similar
          </a>
        </div>
      </div>
    </article>

    
    <article class="property-card property-closed" data-status="fuera">
      <div class="property-image">
        <img src="https://images.pexels.com/photos/186077/pexels-photo-186077.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="Rancho fuera de mercado en Costa del Sol, El Salvador">
        <span class="property-badge badge-offmarket">Fuera de mercado</span>
      </div>
      <div class="property-content">
        <p class="property-type">Rancho privado</p>
        <h3>Rancho en Costa del Sol</h3>
        <p class="property-location">Costa del Sol, La Paz</p>
        <div class="property-details">
          <span>Frente a playa</span>
          <span>Piscina</span>
          <span>Consulta privada</span>
        </div>
        <p class="property-price">Disponible solo bajo consulta</p>
        <div class="property-actions">
          <a href="https://wa.me/50378893803?text=Hola%20Conexsol,%20quiero%20informaci%C3%B3n%20sobre%20propiedades%20fuera%20de%20mercado" target="_blank" class="property-btn primary">
            Solicitar información
          </a>
        </div>
      </div>
    </article>

  </div>
</section>

<style>
  .conexsol-properties-section {
    width: 100%;
    padding: 60px 20px;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: #111111;
  }

  .conexsol-properties-header {
    max-width: 950px;
    margin: 0 auto 35px auto;
    text-align: center;
  }

  .conexsol-eyebrow {
    margin: 0 0 10px;
    color: #c8102e;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
  }

  .conexsol-properties-header h2 {
    margin: 0 0 14px;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.1;
    font-weight: 800;
  }

  .conexsol-properties-header p {
    max-width: 720px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
    line-height: 1.6;
  }

  .conexsol-filter-bar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 35px;
  }

  .filter-btn {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #111111;
    padding: 11px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s ease;
  }

  .filter-btn:hover,
  .filter-btn.active {
    background: #111111;
    color: #ffffff;
    border-color: #111111;
  }

  .conexsol-properties-grid {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .property-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }

  .property-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
  }

  .property-image {
    position: relative;
    height: 230px;
    overflow: hidden;
    background: #f2f2f2;
  }

  .property-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .property-closed .property-image img {
    filter: grayscale(30%);
    opacity: 0.78;
  }

  .property-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 8px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #ffffff;
  }

  .badge-active {
    background: #0f8a3b;
  }

  .badge-sold {
    background: #c8102e;
  }

  .badge-rented {
    background: #111111;
  }

  .badge-offmarket {
    background: #666666;
  }

  .property-content {
    padding: 22px;
  }

  .property-type {
    margin: 0 0 8px;
    color: #c8102e;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
  }

  .property-content h3 {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
  }

  .property-location {
    margin: 0 0 16px;
    color: #666666;
    font-size: 14px;
  }

  .property-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
  }

  .property-details span {
    background: #f5f5f5;
    color: #333333;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
  }

  .property-price {
    margin: 0 0 18px;
    font-size: 20px;
    font-weight: 900;
    color: #111111;
  }

  .property-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .property-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 999px;
    padding: 11px 15px;
    font-size: 14px;
    font-weight: 800;
    transition: all 0.25s ease;
  }

  .property-btn.primary {
    background: #c8102e;
    color: #ffffff;
  }

  .property-btn.primary:hover {
    background: #a60d25;
  }

  .property-card.hidden {
    display: none;
  }

  @media (max-width: 980px) {
    .conexsol-properties-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 640px) {
    .conexsol-properties-section {
      padding: 45px 16px;
    }

    .conexsol-properties-grid {
      grid-template-columns: 1fr;
    }

    .property-image {
      height: 210px;
    }

    .property-actions {
      flex-direction: column;
    }

    .property-btn {
      width: 100%;
    }
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const filterButtons = document.querySelectorAll(".filter-btn");
    const propertyCards = document.querySelectorAll(".property-card");

    filterButtons.forEach(function (button) {
      button.addEventListener("click", function () {
        const selectedFilter = button.getAttribute("data-filter");

        filterButtons.forEach(function (btn) {
          btn.classList.remove("active");
        });

        button.classList.add("active");

        propertyCards.forEach(function (card) {
          const cardStatus = card.getAttribute("data-status");

          if (selectedFilter === "all" || selectedFilter === cardStatus) {
            card.classList.remove("hidden");
          } else {
            card.classList.add("hidden");
          }
        });
      });
    });
  });
</script>

<a href="https://conexsolrealestate.com/herramientas-inmobiliarias">
  Ver herramientas inmobiliarias
</a>

Explora propiedades en venta y alquiler en El Salvador con Conexsol Real Estate. Encuentra casas, apartamentos, terrenos y oportunidades inmobiliarias con asesoría profesional y atención personalizada.

Buscar Propiedad