/* Estilos del slider y controles */
.wrapper-slider .slider {
  width: 100%;
  position: relative;
}

.slider-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.6);
  color: #000;
  border: none;
  font-size: 2rem;
  /*display: flex;*/
  /*align-items: center;*/
  /*padding: 0.5rem 1rem;*/
  cursor: pointer;
  z-index: 2;
  /*border-radius: 50%;*/
  margin: 0;
  padding: 15px 15px 6px 15px;
  transition: background 0.3s;
}

#prev-slide {
  left: 20px;
}

#next-slide {
  right: 20px;
}

.slider-control:hover {
  /*background: rgba(12, 79, 154, 1);*/
  background-color: rgba(255, 255, 255, 1);
}

.fade-in {
  animation: fadeIn 3s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}