
/* ============ *\
	   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-1580894732930-0babd100d356?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-1690264603288-4e41a4178565?q=80&w=1621&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-1752650732799-6e81d5f4c398?q=80&w=1631&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;
    }
  }