body {
  font-family: 'Ysabeau Office', sans-serif;
  font-family: 'Karla', sans-serif;
  font-family: 'Montserrat', sans-serif;
}

.logo {
  font-family: 'Sofia', cursive;
}

.card{
  padding: 1rem;
}
.reservar {
  background-color: var(--white-color);
  box-shadow: 0 6px 20px rgba(87, 86, 86, .1);
  border-radius: 10px; 
  padding-top: 10px;
  transform: translateY(-40%);
  z-index: 9;
  position: relative;
  border: 1px solid #ccc;
  padding-bottom: 10px;
}

.texto-main {
  transform: translateY(-70%);
}

.text-justify {
  text-align: justify;
}

.nav-item{
  min-width: 6rem;
}
.nav-item :hover{ 
  transition: 0.5;
  color: white;
  background: rgb(220,53,69); 
}

.dropdown-menu{
  background: white !important;
}


@media (max-width: 767.98px) {
  .reservar {
    transform: translateY(-10px);
  }

}






.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%; 
  object-fit: cover;
}

.brand {
  color: #c30000;
}

.color-main-services {
  color: #c30000;
  color: #f1a700;
  font-size: 30px !important;

}

.carousel-height{
 --height: 250px;
}

.swiper-button-next, .swiper-button-prev{
  color: #c30000 !important;
}
 

.list-apartments{
  height: 180px;
}


.color-footer{
  background:#8d0202;
}

.color-main{
  /*    border-bottom: 0.1rem solid #ccc;*/
      background: #8d0202;
      background: unset;
  }
 

  .logo , .logo :hover{
    color: white;
    color:#8d0202;
    color: #dc3545 !important;
  }

  .navbar_top h3 :hover{
    color: black;
  }

  .linea-main{
    border-bottom: 0.1rem solid #ccc;
  }