<turbo-stream action="replace" target="properties"><template><div class="col-lg-8 col-md-12 list-layout">
  <turbo-frame id="properties">
    <div class="row justify-content-center">
      <div class="col-lg-12 col-md-12">
          <div class="alert alert-info alert-dismissible fade show property-1 position-relative" role="alert">
            <strong>Atención!</strong> No has seleccionado ninguna fecha. Selecciona fechas para ver la disponibilidad y los precios.
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Cerrar"></button>
          </div>
        <div class="item-shorting-box">
          <div class="item-shorting clearfix">
            <div class="left-column pull-left">
              <div class="left-column pull-left">
                <h4 class="fs-6 m-0">
                  13 inmuebles
                    de 99 inmuebles
                </h4>
              </div>
            </div>
          </div>
          <div class="item-shorting-box-right gap-3">
          </div>
        </div>
      </div>
    </div>
    <div class="row justify-content-center">
          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-tipolog%C3%ADa-exterior">
          <img class="img-fluid mx-auto rounded" alt="Mensual tipología exterior" src="https://ik.imagekit.io/c8kjc06ufo/mensual_tipologia_exterior_1935" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-tipolog%C3%ADa-exterior">Sagrada Familia vista - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="5.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(20 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-exterior-or">
          <img class="img-fluid mx-auto rounded" alt="Mensual exterior Or" src="https://ik.imagekit.io/c8kjc06ufo/mensual_exterior_or_2280" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-exterior-or">Sagrada Familia vista - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="4.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="far fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(5 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <a href="/es/reservar/sagrada-familia-la-pla%C3%A7a">
          <img class="img-fluid mx-auto rounded" alt="Sagrada Familia La Plaça" src="https://ik.imagekit.io/c8kjc06ufo/sagrada_familia_la_placa_3370" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/sagrada-familia-la-pla%C3%A7a">Piso con vistas Sagrada Familia</a>
            </h4>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              4 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-exterior-malva">
          <img class="img-fluid mx-auto rounded" alt="Mensual exterior Malva" src="https://ik.imagekit.io/c8kjc06ufo/mensual_exterior_malva_2201" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-exterior-malva">Sagrada Familia vista - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="5.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(14 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-tipolog%C3%ADa-interior">
          <img class="img-fluid mx-auto rounded" alt="Mensual tipología interior" src="https://ik.imagekit.io/c8kjc06ufo/mensual_tipologia_interior_1941" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-tipolog%C3%ADa-interior">Apto. Sagrada Familia - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="5.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(20 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-exterior-llevant">
          <img class="img-fluid mx-auto rounded" alt="Mensual exterior Llevant" src="https://ik.imagekit.io/c8kjc06ufo/mensual_exterior_llevant_2554" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-exterior-llevant">Sagrada Familia vista - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="4.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="far fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(5 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-interior-ponent">
          <img class="img-fluid mx-auto rounded" alt="Mensual Interior Ponent" src="https://ik.imagekit.io/c8kjc06ufo/mensual_interior_ponent_2573" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-interior-ponent">Apto. Sagrada Familia - mensual</a>
            </h4>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-interior-mestral">
          <img class="img-fluid mx-auto rounded" alt="Mensual Interior Mestral" src="https://ik.imagekit.io/c8kjc06ufo/mensual_interior_mestral_1987" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-interior-mestral">Apto. Sagrada Familia - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="4.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="far fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(10 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-interior-garbi">
          <img class="img-fluid mx-auto rounded" alt="Mensual Interior Garbi" src="https://ik.imagekit.io/c8kjc06ufo/mensual_interior_garbi_2006" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-interior-garbi">Apto. Sagrada Familia - mensual</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="5.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(5 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              1 baño
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

          <div class="col-xl-12 col-lg-12 col-md-12">
  <div class="property-listing property-1 bg-white p-2 rounded">
    <div class="listing-img-wrapper">
        <div class="position-absolute top-0 left-0 ms-3 mt-3 z-1">
          <div class="label bg-success text-light d-inline-flex align-items-center justify-content-center">
            <i class="fa-solid fa-tags me-2"></i>-10% OFERTA10
          </div>
        </div>
        <a href="/es/reservar/mensual-tarradellas">
          <img class="img-fluid mx-auto rounded" alt="Mensual Tarradellas" src="https://ik.imagekit.io/c8kjc06ufo/mensual_tarradellas_4408" />
</a>    </div>
    <div class="listing-content">
      <div class="listing-detail-wrapper-box">
        <div class="listing-short-detail d-flex justify-content-between">
          <div class="px-3">
              <span class="label bg-light-danger text-danger d-inline-flex mb-1">Apartamento</span>
              <span class="label bg-light-info text-info d-inline-flex mb-1">Min. 32 noches</span>
          </div>
          <div class="list-price d-flex flex-row align-items-center">
          </div>
        </div>
        <div class="listing-detail-wrapper d-flex align-items-start justify-content-between">
          <div class="listing-short-detail">
            <h4 class="listing-name mb-0">
              <a href="/es/reservar/mensual-tarradellas">Piso cómodo y céntrico</a>
            </h4>
              <div class="rating-single-on-list">
                <div class="star-rating" data-rating="5.0">
                  <i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i><i class="fas fa-star fs-xs mx-1"></i>
                  <span class="reviews_text fs-sm text-muted ms-2">(5 comentarios)</span>
                </div>
              </div>
          </div>
        </div>
      </div>
      <div class="price-features-wrapper">
        <div class="list-fx-features d-flex align-items-center justify-content-between mt-3 mb-1">
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-users fs-xs"></i></div>
              3 personas
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bed fs-xs"></i></div>
              2 habitaciones
            </div>
            <div class="listing-card d-flex align-items-center">
              <div class="square--25 text-muted-2 fs-sm circle gray-simple me-2"><i class="fa-solid fa-bath fs-xs"></i></div>
              2 baños
            </div>
        </div>
      </div>
      <div class="listing-footer-wrapper">
        <div class="listing-locate">
          <span class="listing-location text-muted-2"><i class="fa-solid fa-location-dot me-2"></i>Barcelona</span>
        </div>
        <div class="listing-detail-btn">
            <a class="btn btn-sm btn-warning d-inline-flex mb-1 dates-missing-js">Seleccione fechas</a>
        </div>
      </div>
    </div>
  </div>
</div>

    </div>
    <!-- Pagination -->
    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12 text-center">
        <nav class="pagy-bootstrap-nav" aria-label="pager"><ul class="pagination"><li class="page-item prev disabled"><a href="#" class="page-link"><<</a></li><li class="page-item active"><a href="/es/inmuebles?location=Barcelona&amp;rt=medium_term&amp;page=1"  class="page-link"  >1</a></li><li class="page-item"><a href="/es/inmuebles?location=Barcelona&amp;rt=medium_term&amp;page=2"  class="page-link"  rel="next" >2</a></li><li class="page-item next"><a href="/es/inmuebles?location=Barcelona&amp;rt=medium_term&amp;page=2"  class="page-link"  rel="next" aria-label="next">>></a></li></ul></nav>
      </div>
    </div>
</turbo-frame></div>
</template></turbo-stream>