:root {
  --white: #FFFFFF;
  --black: #000000;
}
body {
  color: var(--black);
  overflow-x: hidden;
  position: relative;
}

.slider-wrapper {
  padding: 0 3rem;
  background: url(../images/folders-con-datos_FONDO02.jpg) no-repeat;
  background-position: center;
  background-size: cover;
}
.slider {

}
.slider .slick-arrow {
  z-index: 1;
  width: 27px;
  height: 35px;
}
.slider .slick-list {
  overflow: visible;
}
.slider .slick-slide .image {
  padding: 0 0.5rem;
}
.slider .slick-prev::before {
  font: var(--fa-font-solid);
  font-weight: 900;
  content: '\f053';
  font-size: 35px;
  color: var(--black);
  opacity: 1;
}
.slider .slick-next::before {
  font: var(--fa-font-solid);
  font-weight: 900;
  content: '\f054';
  font-size: 35px;
  color: var(--black);
  opacity: 1;
}
.slider .slick-prev.slick-disabled:before,
.slider .slick-next.slick-disabled:before {
  opacity: 0;
}
.slick-dots li button {
  display: block;
  width: 24px;
  height: 24px;
  padding: 5px;
}
.slick-dots li button:before {
  font-size: 14px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}

/* Responsiveness */

/* Desktop */
@media screen and (min-width: 1009px) {
  .slider .slick-list {
    
  }
}

/* Full HD */
@media screen and (min-width: 1440px) {
  
}

/* Touch */
@media screen and (max-width: 1008px) {
  
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1008px) {
  
}

/* Mobile */
@media screen and (max-width: 767px) {
  .slider-wrapper {
    padding: 0 2rem;
  }
}

/* Mini mobile, haha */
@media screen and (max-width: 320px) {

}