/* ===================================
    global
====================================== */

.cover{
  width: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: linear-gradient(180deg, #65AF64 0%, #1F4C51 100%);
  background-attachment: local !important;
}

.img-cover-movil{
  position: relative;
  top:0px;
  width: 100%;
  height: 100%;
  display: inline;
}

.grid-select{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.content-select{
  display: flex;
  flex-direction: column;
}


.card-propiedad{
  background: #ECF9EF;
  border-radius: 10px;
  margin-bottom: 20px;
}

.grid-propiedad{
  display: grid;
  grid-template-columns:1fr;
  grid-template-areas:
  "img"
  "inf"
  "ele"
  "link";
}

.card-propiedad .img{
  width: 100%;
  height: 200px;
}

.card-propiedad .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0px;
}


.card-propiedad .info{
  padding:20px;
  display: flex;
  justify-content:center;
  align-items: flex-start;
  flex-direction: column;
}

.card-propiedad .info .tag-categ{
  min-width: 130px;
  height: 30px;
  padding-right: 5px;
  padding-left: 5px;
  background: #1F4C51;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  margin-left: 0px;
  margin-top: 10px;
}

.card-propiedad .info .tag-categ span{
  color:#fff!important;
  font-size: 12px!important;
  line-height: normal!important;
  text-transform: uppercase!important;
  font-weight: 600!important;
  font-family: "Outfit"!important;
}

.card-propiedad .info .description{
  margin-top: 15px;
}

.card-propiedad .info .description p{
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.card-propiedad .info .precio{
  display: flex;
  flex-direction: column;
}

.card-propiedad .element{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin-bottom: 10px;
}

.card-propiedad .element .icon{
  margin-bottom: 0px!important;
  display: flex;
  justify-content: center;
  align-items:center;
  flex-direction: column;
  text-align: center;
}

.card-propiedad .enlace{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  padding-bottom: 20px;
}

.card-propiedad .enlace a{
  color: #65AF64;
}


.img-propiedad{grid-area: img;}
.inf-propiedad{grid-area:inf;}
.element-card-property{grid-area: ele;}
.enlace-card-property{grid-area: link;}

/*-----Section Renta-----*/

.grid-galeria-renta{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:15px;
  grid-template-areas:
  "img1 img1"
  "img2 img3"
  "img4 img5";
}

.grid-galeria-renta img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img1{grid-area: img1;}
.img2{grid-area: img2;}
.img3{grid-area: img3;}
.img4{grid-area: img4;}

.grid-renta{
  display: grid;
  grid-template-columns: 1fr;
  gap:20px;
}

.grid-caracteristicas{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:10px;
}

.grid-caracteristicas .icon{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.grid-caracteristicas .icon .content-icon{
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-caracteristicas .icon .content-icon svg{
  width: 35px;
  height: 35px;
}


.precio{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content:space-between;

}

.tag-categ{
  min-width: 130px;
  height: 30px;
  padding-right: 5px;
  padding-left: 5px;
  background: #1F4C51;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  margin-left: 0px;
  margin-top: 10px;
}

.tag-categ span{
  color:#fff!important;
  font-size: 12px!important;
  line-height: normal!important;
  text-transform: uppercase!important;
  font-weight: 600!important;
  font-family: "Outfit"!important;
}


.img-sdbl{
  background-image: url('../../assets/img/propiedades/dbl.jpg');
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}


/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {

.grid-caracteristicas{grid-template-columns: repeat(3,1fr);}

.card-propiedad .info .precio{flex-direction: row;}

} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.img-sdbl{ background-position: center;}

.content-select{flex-direction: row;}

.grid-propiedad{
  grid-template-columns:1fr 1fr;
  grid-template-areas:
  "img img"
  "inf inf"
  "ele link";
}

.grid-caracteristicas{grid-template-columns: repeat(3,1fr);}

.card-propiedad .enlace{padding-right: 20px;padding-bottom: 0px;}

.precio{flex-direction: row;}
.card-propiedad .info .tag-categ{margin-left: 15px;margin-top: 0px;}
.tag-categ{margin-left: 15px;margin-top: 0px;}

}
/* md  */ @media (min-width: 768px) {

.cover{background:linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 49.55%),url('../../assets/img/propiedades/cover-alt.jpg');}
.img-cover-movil{display: none;}

.grid-propiedad{
  grid-template-columns:1fr 1fr;
  grid-template-areas:
  "img img"
  "inf inf"
  "ele link";
}

.grid-galeria-renta{
  grid-template-columns: repeat(4,1fr);
  grid-template-areas:
  "img1 img1 img2 img3"
  "img1 img1 img4 img5";
}

.grid-caracteristicas{grid-template-columns: repeat(3,1fr);}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.grid-renta{grid-template-columns: 50% auto;gap:0px;}

.grid-select{grid-template-columns: 50% auto;gap:0px;}

.grid-propiedad{
  grid-template-columns:50% auto 150px;
  grid-template-areas:
  "img img img"
  "inf ele link";
}



.grid-caracteristicas{grid-template-columns: repeat(4,1fr);}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {

.grid-propiedad{
  grid-template-columns: 20% 40% auto 150px;
  grid-template-areas:
  "img inf ele link";
}
.card-propiedad .img img{border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}

.grid-caracteristicas{grid-template-columns: repeat(4,1fr);}

}
/* xxl */ @media (min-width: 1400px) {

.grid-propiedad{
  grid-template-columns: 25% 40% auto 150px;
  grid-template-areas:
  "img inf ele link";
}


}