/* ============ *\
	   SLIDER 
\* ============ */

#slider-lavanderia{
  background-color: none;
  z-index: -1;
}

section{
  background: none;
}

/* Slider */
.slider {
  height: 40vh;
  
}

.wallpaper {
  -webkit-animation: slider 1s ease infinite;
  animation: slider 14s ease infinite;
  background: linear-gradient(to bottom, #202c56 , #202c566b), url('https://images.unsplash.com/photo-1508921340878-ba53e1f016ec?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') #fff center / cover no-repeat scroll;
  
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  /*border-radius: 0 0 90% 90%/0 0 30% 30%;*/
}

.wallpaper:nth-child(2) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  background: linear-gradient(to bottom, #202c56 , #202c566b), url('https://images.unsplash.com/photo-1577100078279-b3445eae827c?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') #fff center / cover no-repeat scroll;
}

.wallpaper:nth-child(3) {
  background: linear-gradient(to bottom, #202c56 , #202c566b), url('https://images.unsplash.com/photo-1611928505960-5ffb0f8c0bd1?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') #fff center / cover no-repeat scroll;
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
}

@media (max-width: 991px){
  .slider {
    height: 50vh;
    
  }
  
  .wallpaper {

    border-radius: 0 0 250% 250%/0 0 91% 91%;
  }

}

.ctn-content-slider h1 {
  color: #fff;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 0px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 30%;
}

  
@media (max-width: 991px){
  .ctn-content-slider h1 {
      color: #fff;
      font-weight: 700;
      font-size: 1.7rem;
      line-height: 0px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
    }
  }

/*Los movi al css general al recursos style*/

/*
.btn-slider {
  background-color: #ec5483;
  border-radius: 30px;
  font-size: 1.2rem;
  padding: 10px 20px;
  text-align: center;
  transition: ease-in;
}

.btn-slider:hover {
  transition: ease-in .7s;
  background-color: #c03c66;
}

*/

.ctn-book-now {
  background-color: #000000;
  font: bold 18px sans-serif;
  padding: 0.5rem 1rem;
  right: calc(0% - 5px);
  transform: rotateZ(270deg) translateY(100%);
  z-index: 1;
}


@-webkit-keyframes slider {	
    20% {
        opacity: 1;
        visibility: visible;
  }
}

@keyframes slider {	
    20% {
        opacity: 1;
        visibility: visible;
  }
}



/**** Grid ****/


.grid-gallery {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  padding: 2rem;
}

.card {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  transition: ease-in .2s;
}

.card:hover {
  transition: ease-in .2s;
  transform: scale(1.05);
  background: white;
}

.card img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.card .text {
  padding: 1rem;
}

.card.horizontal {
  flex-direction: row;
  align-items: center;
}

.card.horizontal img {
  width: 150px;
  height: 150px;
  border-radius: 0;
}

.card.featured {
  grid-column: span 2;
  background: #e8f5e9;
}


/* Responsive tweaks */
@media (max-width: 600px) {
  .card.featured {
    grid-column: span 1;
  }

  .card.horizontal {
    flex-direction: column;
  }

  .card.horizontal img {
    width: 100%;
    height: auto;
  }
}