{"id":85,"date":"2022-04-05T12:36:38","date_gmt":"2022-04-05T12:36:38","guid":{"rendered":"https:\/\/villsy.com\/?page_id=85"},"modified":"2026-05-26T08:13:23","modified_gmt":"2026-05-26T08:13:23","slug":"villas","status":"publish","type":"page","link":"https:\/\/villsy.com\/es\/villas\/","title":{"rendered":"Object list ES"},"content":{"rendered":"<div class="show-on-desktop d-none">
    <form class="container search-form list-search-desktop" data-objectGroupId="1">

        <div class="row g-0 bg-white rounded destination-search form-guide-container">
            <div class="col-lg border-start border-lg-end mt-lg-0 ">
              <div class="h-100 position-relative">
                <div class="h-100 destination-comp">
                  <label class="label-guide form-group px-4 py-3 d-flex flex-column h-100" role="button">
                    <div class="fw-bold pointer-none">Destino</div>
                    <div class="d-flex align-items-center w-100 h-100">
                      <div class="form-control form-guide h-100 mt user-select-none" tabindex="0" name="ms" data-placeholder="Destino deseado"
                        data-searchParams='{&quot;objectGroupId&quot;:1,&quot;partnerId&quot;:5597,&quot;setPlaceCoordinates&quot;:true}'
                        data-label_search="Empieza a escribir para buscar..."
                        data-label_browse="Seleccionar el destino"
                        data-label_searchResults="Resultados de la búsqueda"
                        data-label_noSearchResults="Nada que coincida con su término"
                        data-coordsplaceholder="Área en el mapa">
                      </div>
                      <span class="ms-clear d-non border-0 bg-transparent p-0" tabindex="-1">
                        <i class="las la-times-circle la-lg"></i>
                      </span>
                    </div>
                  </label>
                </div>
              </div>
            </div>

            <div class="col-lg border-lg-end mt-lg-0 ">
                <div class="datepicker-range h-100 position-relative " data-minstay="">
                  <div class="h-100 dates">
                    <label class="d-flex flex-column justify-content-center px-4 py-lg-3 py-0 h-100" role="button">
                      <div class="fw-bold pt-lg-0 pt-3 search-border-top">Fechas del viaje</div>
                      <div class="dest-dates pb-lg-0 pb-3 search-border-bottom">
                        <div class="d-flex g-0 align-items-center justify-content-between h-100">
                            <input name="dates" data-input id="search-datepicker"  class="dest-dates-input"
                              placeholder="Seleccione sus fechas de salida"
                              type="hidden" >
                            <label class="d-none" for="dates"> Fechas del viaje</label>
                          <button type="button" aria-label="Clear" data-clear="" class="dates-clear d-none border-0 bg-transparent p-0">
                            <span><i class="las la-times-circle la-lg"></i></span>
                          </button>
                        </div>
                      </div>
                    </label>
                  </div>
                </div>
            </div>


            <div class="col-lg-3 mt-lg-0 ">
              <div class="dropdown h-100 position-relative ">
                <label class="d-flex flex-column justify-content-center ps-4 py-3 w-100 h-100" role="button">
                  <div class="fw-bold">Huéspedes</div>
                  <input type="hidden" name="guests" class="">
                  <label class="d-none" for="dates"> Huéspedes</label>
                  <button class="simple-guests h-100 form-control guests" id="bb" type="button" data-bs-toggle="dropdown"
                  data-applyText="Aplicar"
                  data-adultsLabel="Adultos"
                  data-childrenLabel="Niños hasta {{y}} años"
                  data-infantsLabel="Bebés hasta {{y}} años"
                  data-guestsText="huéspedes"
                  data-childrenText="niños" 
                  data-showPets="1" 
                  data-petsText="mascotas"
                  data-yesText="Sí"
                  data-noText="No"
                  data-petFriendlyText="Se admiten mascotas"
                  data-luxuryPetText="Villas de lujo que admiten mascotas">
                    <div class="simple-guests-value"></div>
                  </button>
                  <span class="guests-clear d-none border-0 bg-transparent p-0" tabindex="-1">
                    <i class="las la-times-circle la-lg"></i>
                  </span>
                  <div class="dropdown-menu dropdown-menu-end simple-guests-controls"></div>
                </label>
              </div>
            </div>

            <div class="col-lg-1">
                <div class="d-flex h-100 justify-content-center align-items-center">
                    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#filtersModal">
    <i class="las la-filter"></i>
    <span>Filtros</span>
</button>


<div class="more-filters-container modal fade p-0" id="filtersModal" tabindex="-1" role="dialog">
    <div class="modal-dialog m-0 h-100 modal-fullscreen-lg-down modal-dialog-scrollable">
        <div class="modal-content rounded-0" style="min-height: 100%">

            <div class="modal-body p-0">
                <div class="">
                    <div class="more-filters-content">
                        <div class="row g-0 bg-white order-2">
                            <div class="col-12 px-4 pt-4 pb-3">
                                <div class="d-flex justify-content-between align-items-start">
                                    <div class="col-auto">
                                        <div class="h3 text-dark mb-1">Filtros adicionales</div>
                                        <div class="text-muted small">Buscar y reservar la villa perfecta</div>
                                    </div>
                                    <div class="col-auto h3 text-dark m-0">
                                        <button type="button" class="btn btn-white py-0 pe-1" data-bs-dismiss="modal" aria-label="Close">
                                            <i class="las la-times la-lg"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 px-4">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="rooms">Habitaciones</label>
                                        <div class="small text-muted">Número de habitaciones</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="roomsExact" 
                                            data-inputLabel="Habitaciones" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 px-4 mb-3">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="bathrooms">Baños</label>
                                        <div class="small text-muted">Número de baños</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="bathrooms" 
                                            data-inputLabel="Baños" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            
                            

                            <div class="col-12">
                                <div class="bg-lighter p-3 px-4 py-4">
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <div class="d-flex justify-content-start mb-2">
                                                <label class="col-auto h4 mb-1 text-dark" for="objectname">
                                                    
                                                    Buscar villa por nombre
                                                </label>
                                            </div>
                                            <input type="text" name="objectName" id="objectName"
                                                class="form-control border border-muted py-1 px-2"
                                                placeholder="Escribir el nombre de la villa">
                                            <label class="d-none" for="objectname">Escribir el nombre de la villa</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="bg-white pt-4 pb-3 px-4">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h3 text-dark">Colecciones de villas</div>
                            </div>
                            <div class="row">
                                <div class="col-12">

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="hasDiscount" 
                                            id="hasDiscount">
                                        <label class="form-check-label slab pointer" for="hasDiscount">Oferta especial</label>
                                    </div>
                                    
                                    

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1166" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-1166">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-1166">Villas con vistas al mar</label>
                                    </div>
    
                                    
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="pets" 
                                            id="pets">
                                        <label class="form-check-label slab pointer" for="pets">Se admiten mascotas</label>
                                    </div>

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="pool" 
                                            id="pool">
                                        <label class="form-check-label slab pointer" for="pool">Villas con piscina</label>
                                    </div>
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="sauna" 
                                            id="sauna">
                                        <label class="form-check-label slab pointer" for="sauna">Villas con sauna</label>
                                    </div>
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="521" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-521">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-521">Villas románticas</label>
                                    </div>

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1162" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-1162">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-1162">Villas frente a la playa</label>
                                    </div>
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1163" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-1163">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-1163">Villas de lujo</label>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="bg-lighter pt-4 pb-3 px-4 text-dark">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h4 text-dark">Rango de precios</div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    
                                    <div class="range-slider mt-2 mx-1" data-min="0" data-max="25000" data-start="0"
                                        data-end="13000" data-step="100" data-value-suffix="€">
                                        <input type="hidden" name="price">
                                        <label for="price" class="d-none">Precio</label>
                                    </div>
                                    <div class="mt-2 slab">
                                        <label for="price" class="mb-2">Precio por semana</label>
                                        <span class="range-slider-value"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="border-bottom bg-white pt-4 pb-3 px-4">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h3 text-dark">Servicios</div>
                            </div>
                            <div class="row">
                                
                                
                                
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="heatedPool" 
                                            id="heatedPool">
                                        <label class="form-check-label slab pointer" for="heatedPool">Piscina climatizada</label>
                                    </div>

                                    
                                </div>
                                
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="parking" 
                                            id="parking">
                                        <label class="form-check-label slab pointer" for="parking">Estacionamiento</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="ac" 
                                            id="ac">
                                        <label class="form-check-label slab pointer" for="ac">Aire acondicionado</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="dishWasher" 
                                            id="dishWasher">
                                        <label class="form-check-label slab pointer" for="dishWasher">Lavavajillas</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="washingMachine" 
                                            id="washingMachine">
                                        <label class="form-check-label slab pointer" for="washingMachine">Lavadora</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="grill" 
                                            id="grill">
                                        <label class="form-check-label slab pointer" for="grill">Parrilla</label>
                                    </div>

                                    
                                </div>
                                
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="internet" 
                                            id="internet">
                                        <label class="form-check-label slab pointer" for="internet">Internet</label>
                                    </div>

                                    
                                </div>
                               
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="babyCot" 
                                            id="babyCot">
                                        <label class="form-check-label slab pointer" for="babyCot">Cuna de bebé</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="seaview" 
                                            id="seaview">
                                        <label class="form-check-label slab pointer" for="seaview">Vista al mar</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="hydromassageBathtub" 
                                            id="hydromassageBathtub">
                                        <label class="form-check-label slab pointer" for="hydromassageBathtub">Bañera de hidromasaje</label>
                                    </div>

                                    
                                </div>
                                
                                
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="satTV" 
                                            id="satTV">
                                        <label class="form-check-label slab pointer" for="satTV">Televisión por satélite</label>
                                    </div>

                                    
                                </div>
  
                              </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="modal-footer justify-content-between">

                <div>
                    <button type="button" class="btn btn-white p-1 fw-bold" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times me-1"></i>Cerrar
                    </button>
                </div>
                <div>
                    <button type="button" class="btn btn-white p-1 fw-bold text-danger me-2 me-lg-3 clear-filters">
                        <i class="las la-undo-alt me-1"></i>Borrar filtros
                    </button>
                    <button type="submit" class="btn btn-warning fw-bold submit-filters px-3 px-lg-4" data-bs-dismiss="modal">Buscar</button>
                </div>


            </div>
        </div>
    </div>
</div>


                </div>
            </div>

        </div>
</form>
</div>

<div class="show-on-mobile d-none" style="z-index: 150;">
    <div class="position-absolute bottom-0 start-0 end-0 map-and-filters">
  <div class="d-flex justify-content-center">
    <div class="d-flex mobile-filters-wrapper bg-primary mb-2 px-4 py-3">
      <div id="fullscreen">
        <i class="las la-map-marker text-white"></i>
        <span class="text-white">Mapa</span>
      </div>
      <span class="mx-2 text-white"> | </span>
      <div type="button" data-bs-toggle="modal" data-bs-target="#filtersModal">
        <i class="las la-filter text-white"></i>
        <span class="text-white">Filtros</span>
      </div>
    </div>
  </div>
</div>
<div class="position-absolute bottom-0 start-0 end-0 map-close-btn d-none" style="pointer-events: none;">
  <div class="d-flex justify-content-center">
    <div class="d-flex mobile-filters-wrapper bg-primary mb-2 px-4 py-3" style="pointer-events: auto">
      <div id="close-map">
        <span class="text-white">Cerrar mapa</span>
      </div>
    </div>
  </div>
</div>




    <form class="search-form position-fixed more-filters-container modal fade p-0" id="filtersModal" tabindex="-1" role="dialog">
        <div class="modal-dialog m-0 h-100 modal-fullscreen-lg-down">
          <div class="modal-content rounded-0 h-100">
            <div class="modal-header">
                <div class="h5 fw-bolder text-dark m-0">Buscar y reservar la villa perfecta</div>
                <button type="button" class="btn btn-white py-0 pe-1" data-bs-dismiss="modal" aria-label="Close">
                    <i class="las la-times la-lg"></i>
                </button>
            </div>
            <div class="modal-body p-0">
                <div class="">
                    <div class="more-filters-content">
                        <div class="row g-0 destination-search form-guide-container pb-2 border-bottom border-light border-3">

                            <div class="col-12 mt-lg-0 ">
                              <div class="bg-white h-100 position-relative">
                                <div class="h-100 destination-comp">
                                  <label class="label-guide form-group px-4 py-3 d-flex flex-column h-100" role="button">
                                    <div class="fw-bold pointer-none">Destino</div>
                                    <div class="w-100 h-100">
                                      <div class="form-control form-guide h-100 mt user-select-none" tabindex="0" name="ms" data-placeholder="Destino deseado"
                                        data-searchParams='{&quot;objectGroupId&quot;:1,&quot;partnerId&quot;:5597,&quot;setPlaceCoordinates&quot;:true}'
                                        data-searchParams='{&quot;objectGroupId&quot;:1,&quot;partnerId&quot;:5597,&quot;setPlaceCoordinates&quot;:true}'
                                        data-label_search="Empieza a escribir para buscar..."
                                        data-label_browse="Seleccionar el destino"
                                        data-label_searchResults="Resultados de la búsqueda"
                                        data-label_noSearchResults="Nada que coincida con su término"
                                        data-coordsplaceholder="Área en el mapa">
                                      </div>
                                      <span class="ms-clear border-0 bg-transparent p-0" tabindex="-1">
                                        <i class="las la-times-circle la-lg"></i>
                                      </span>
                                      <label class="d-none" for="ms"> Destino</label>
                                    </div>
                                  </label>
                                </div>
                              </div>
                            </div>

                            <div class="col-12 mt-lg-0 ">
                                <div class="bg-white datepicker-range h-100 position-relative" data-minstay="">
                                    <div class="h-100 dates">
                                        <label class="d-flex flex-column justify-content-center px-4 py-lg-3 py-0 h-100" role="button">
                                          <div class="fw-bold pt-lg-0 pt-3 search-border-top">Fechas del viaje</div>
                                          <div class="dest-dates pb-lg-0 pb-3 search-border-bottom">
                                            <div class="d-flex g-0 align-items-center justify-content-between h-100">

                                                <input name="dates" data-input  class="dest-dates-input"
                                                    placeholder="Seleccione sus fechas de salida"
                                                    type="hidden" >
                                                <label class="d-none" for="dates"> Período</label>


                                              <button type="button" aria-label="Clear" data-clear="" class="dates-clear d-none border-0 bg-transparent p-0">
                                                <span><i class="las la-times-circle la-lg"></i></span>
                                              </button>
                                            </div>
                                          </div>
                                        </label>
                                      </div>
                                </div>
                            </div>


                            <div class="col-lg-12 mt-lg-0 ">
                              <div class="bg-white dropdown h-100 position-relative px-4 py-3">
                                <label class="d-flex flex-column justify-content-center h-100" role="button">
                                  <div class="fw-bold pointer-none">Huéspedes</div>
                                  <input type="hidden" name="guests" class="">
                                  <label class="d-none" for="guests"> Huéspedes</label>
                                  <button class="simple-guests h-100 form-control guests" id="bb" type="button" data-bs-toggle="dropdown"
                                        data-applyText="Aplicar"
                                        data-adultsLabel="Adultos"
                                        data-childrenLabel="Niños hasta {{y}} años"
                                        data-infantsLabel="Bebés hasta {{y}} años"
                                        data-guestsText="huéspedes"
                                        data-childrenText="niños" 
                                        data-showPets="1" 
                                        data-petsText="mascotas"
                                        data-yesText="Sí"
                                        data-noText="No"
                                        data-petFriendlyText="Se admiten mascotas"
                                        data-luxuryPetText="Villas de lujo que admiten mascotas">
                                    <div class="simple-guests-value"></div>
                                  </button>
                                  <span class="guests-clear d-none border-0 bg-transparent p-0" tabindex="-1">
                                    <i class="las la-times-circle la-lg"></i>
                                  </span>
                                  <div class="dropdown-menu dropdown-menu-end simple-guests-controls"></div>
                                </label>
                              </div>
                            </div>

                        </div>

                        <div class="mx-4 mt-4 mb-2">
                          <div class="h4 text-dark m-0">Filtros adicionales</div>
                        </div>

                        <div class="row g-0 bg-white">

                            <div class="col-12 px-4">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="rooms">Habitaciones</label>
                                        <div class="small text-muted">Número de habitaciones</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="roomsExact" 
                                            data-inputLabel="Habitaciones" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 px-4 mb-3">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="bathrooms">Baños</label>
                                        <div class="small text-muted">Número de baños</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="bathrooms" 
                                            data-inputLabel="Baños" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            
                          

                          

                          <div class="col-12">
                          </div>
                          
                        </div>
                        
                        <div class="p-3 px-4 pb-4 bg-lighter">
                            <div class="row">
                                <div class="col-12 form-group">
                                    <div class="d-flex justify-content-start mb-2">
                                        <label class="col-auto h3 text-dark" for="objectname">
                                            Buscar villa por nombre</label>
                                    </div>
                                    <input type="text" name="objectName" id="objectName"
                                        class="form-control border border-muted py-1 px-2"
                                        placeholder="Escribir el nombre de la villa">
                                    <label class="d-none" for="objectname">Escribir el nombre de la villa</label>
                                </div>
                            </div>
                        </div>

                        <div class="bg-white py-3 px-4">
                          <div class="d-flex justify-content-star">
                              <div class="col-auto h3 text-dark">Colecciones de villas</div>
                          </div>
                          <div class="row">
                              <div class="col-12">

                                <div class="form-check my-2">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="hasDiscount" 
                                          id="hasDiscount">
                                      <label class="form-check-label slab pointer" for="hasDiscount">Oferta especial</label>
                                </div>

                                

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1166" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-1166">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-1166">Villas con vistas al mar</label>
                                </div>

                                

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1" 
                                        name="pets" 
                                        id="pets">
                                    <label class="form-check-label slab pointer" for="pets">Se admiten mascotas</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1" 
                                        name="sauna" 
                                        id="sauna">
                                    <label class="form-check-label slab pointer" for="sauna">Villas con sauna</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="521" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-521">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-521">Villas románticas</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1162" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-1162">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-1162">Villas frente a la playa</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1163" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-1163">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-1163">Villas de lujo</label>
                                </div>

                              </div>
                          </div>
                      </div>
                      <div class="bg-lighter py-3 px-4 text-dark">
                          <div class="d-flex justify-content-star">
                              <div class="col-auto h3 text-dark">Price range</div>
                          </div>
                          <div class="row">
                              <div class="col-12">
                                  
                                  <div class="range-slider mt-2 mx-1" data-min="0" data-max="25000" data-start="0"
                                      data-end="13000" data-step="100" data-value-suffix="€">
                                      <input type="hidden" name="price">
                                      <label for="price" class="d-none">Precio</label>
                                  </div>
                                  <div class="mt-2 slab">
                                      <label for="price" class="mb-2">Precio por semana</label>
                                      <span class="range-slider-value"></span>
                                  </div>
                              </div>
                          </div>
                      </div>

                        <div class="border-bottom bg-white py-3 px-4">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h3 text-dark">Servicios</div>
                            </div>
                            <div class="row">
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="pets" 
                                          id="pets">
                                      <label class="form-check-label slab pointer" for="pets">Mascotas</label>
                                  </div>

                                  
                              </div>
                              
                              <div class="col-12 d-flex">

                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="pool" 
                                          id="pool">
                                      <label class="form-check-label slab pointer" for="pool">Piscina</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">

                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="heatedPool" 
                                          id="heatedPool">
                                      <label class="form-check-label slab pointer" for="heatedPool">Piscina climatizada</label>
                                  </div>

                                
                              </div>
                              
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="parking" 
                                          id="parking">
                                      <label class="form-check-label slab pointer" for="parking">Estacionamiento</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="ac" 
                                          id="ac">
                                      <label class="form-check-label slab pointer" for="ac">Aire acondicionado</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="dishWasher" 
                                          id="dishWasher">
                                      <label class="form-check-label slab pointer" for="dishWasher">Lavavajillas</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="washingMachine" 
                                          id="washingMachine">
                                      <label class="form-check-label slab pointer" for="washingMachine">Lavadora</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="grill" 
                                          id="grill">
                                      <label class="form-check-label slab pointer" for="grill">Parrilla</label>
                                  </div>

                                  
                              </div>
                              
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="internet" 
                                          id="internet">
                                      <label class="form-check-label slab pointer" for="internet">Internet</label>
                                  </div>

                                  
                              </div>
                             
                              <div class="col-12 d-flex">
                                <div class="form-check my-1">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1" 
                                        name="babyCot" 
                                        id="babyCot">
                                    <label class="form-check-label slab pointer" for="babyCot">Cuna de bebé</label>
                                </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="seaview" 
                                          id="seaview">
                                      <label class="form-check-label slab pointer" for="seaview">Vista al mar</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="hydromassageBathtub" 
                                          id="hydromassageBathtub">
                                      <label class="form-check-label slab pointer" for="hydromassageBathtub">Bañera de hidromasaje</label>
                                  </div>

                                  
                              </div>
                              
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="sauna" 
                                          id="sauna">
                                      <label class="form-check-label slab pointer" for="sauna">Sauna</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="satTV" 
                                          id="satTV">
                                      <label class="form-check-label slab pointer" for="satTV">Televisión por satélite</label>
                                  </div>

                                  
                              </div>

                            </div>
                        </div>

                       
                    </div>

                </div>
            </div>
            <div class="modal-footer justify-content-between bg-white">

              <div>
                  <button type="button" class="btn btn-white p-1 fw-bold" data-bs-dismiss="modal" aria-label="Close">
                      <i class="las la-times me-1"></i>Cerrar
                  </button>
              </div>
              <div>
                  <button type="button" class="btn btn-white p-1 fw-bold text-danger me-2 clear-filters">
                    <i class="las la-undo-alt me-1"></i>Borrar filtros
                  </button>
                  <button type="submit" class="btn btn-warning fw-bold submit-filters" data-bs-dismiss="modal">Buscar</button>
              </div>
       
          
      </div>
          </div>
        </div>
    </form>
</div>
</div>



\n\n\n\n<div class=\"list-wrap\">\n    <div class=\"list-container\">\n        <div class=\"list\"><\/div>\n        <div class=\"list-content\">\n            <p>\nDescubre la belleza de Croacia aloj\u00e1ndote en una villa de lujo con Villsy. Ya sea que busques relajarte en la costa d\u00e1lmata, explorar las islas del Adri\u00e1tico o disfrutar del encanto hist\u00f3rico de ciudades como Dubrovnik o Split, nuestras villas cuidadosamente seleccionadas te ofrecen comodidad, privacidad y vistas espectaculares.\n<\/p>\n<p>Con piscinas privadas, acceso directo al mar y todas las comodidades modernas, nuestras villas son ideales para familias, grupos de amigos o escapadas rom\u00e1nticas. Reserva con Villsy y vive unas vacaciones inolvidables en Croacia.<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"list-map\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Descubre la belleza de Croacia aloj\u00e1ndote en una villa de lujo con Villsy. Ya sea que busques relajarte en la costa d\u00e1lmata, explorar las islas del Adri\u00e1tico o disfrutar del encanto hist\u00f3rico de ciudades como Dubrovnik o Split, nuestras villas cuidadosamente seleccionadas te ofrecen comodidad, privacidad y vistas espectaculares. Con piscinas privadas, acceso directo al [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v19.6.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Encuentra y reserva tu Villa perfecta con piscina- Villsy<\/title>\n<meta name=\"description\" content=\"MARSDESC\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/villsy.com\/es\/villas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"website\" \/>\n<meta property=\"og:title\" content=\"Villas\" \/>\n<meta property=\"og:description\" content=\"MARSDESC\" \/>\n<meta property=\"og:url\" content=\"https:\/\/villsy.com\/es\/villas\/\" \/>\n<meta property=\"og:site_name\" content=\"Villsy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T08:13:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Villas\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Encuentra y reserva tu Villa perfecta con piscina- Villsy","description":"MARSDESC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/villsy.com\/es\/villas\/","og_locale":"es_ES","og_type":"website","og_title":"Villas","og_description":"MARSDESC","og_url":"https:\/\/villsy.com\/es\/villas\/","og_site_name":"Villsy","article_modified_time":"2026-05-26T08:13:23+00:00","twitter_card":"summary_large_image","twitter_title":"Villas","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/villsy.com\/es\/villas\/","url":"https:\/\/villsy.com\/es\/villas\/","name":"Encuentra y reserva tu Villa perfecta con piscina- Villsy","isPartOf":{"@id":"https:\/\/villsy.com\/es\/#website"},"datePublished":"2022-04-05T12:36:38+00:00","dateModified":"2026-05-26T08:13:23+00:00","description":"MARSDESC","breadcrumb":{"@id":"https:\/\/villsy.com\/es\/villas\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/villsy.com\/es\/villas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/villsy.com\/es\/villas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Villsy","item":"https:\/\/villsy.com\/es\/"},{"@type":"ListItem","position":2,"name":"Object list ES"}]},{"@type":"WebSite","@id":"https:\/\/villsy.com\/es\/#website","url":"https:\/\/villsy.com\/es\/","name":"Villsy","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/villsy.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/pages\/85"}],"collection":[{"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":7,"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":31182,"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/pages\/85\/revisions\/31182"}],"wp:attachment":[{"href":"https:\/\/villsy.com\/es\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}