/* CSS del módulo SLIDE */

/* BLOCK */
.block--bg-white {
    background-color: white;
  }
  
  /* SLIDE */
  .slide {
    padding: 0 30px 20px;
  }
  .slide .flickity-viewport{
    transition: height 150ms ease-out;
  }
  .slide .flickity-button {
    background-color: transparent;
    color: #18cced;
    width: 54px;
    height: 54px;
  }
  .slide .flickity-button svg {
    position: static;
    width: 50%;
    height: 50%;
  }
  .slide .flickity-button.previous {
    left: -20px;
  }
  .slide .flickity-button.next {
    right: -20px;
  }
  
  .slide-item {
    width: 100%;
  }
  .slide-item .slide-item__image {
    height: 200px;
  }
  .slide-item .slide-item__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .slide-item .slide-item__desc {
    margin-top: 20px;
  }
  
  /* MEDIA QUERIES */
  @media (min-width: 544px) {
    .slide-item .slide-item__image {
      height: 300px;
    }
  }
  @media (min-width: 767px) {
    .slide {
      padding: 0 50px 20px;
    }
    .slide-item .slide-item__image {
      height: 400px;
    }
    .slide .flickity-button svg {
      position: static;
      width: 70%;
      height: 70%;
    }
    .slide .flickity-button.previous {
      left: -10px;
    }
    .slide .flickity-button.next {
      right: -10px;
    }
  }
  @media (min-width: 980px) {
    .slide-item .slide-item__image {
      height: 500px;
    }
  }