/* ===============. Align ================ */

.align-right {
  text-align: right !important;
}

.align-right-c {
  text-align: right;
}

.align-right-l {
  text-align: right;
}

.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
}

.align-left-c {
  text-align: left;
}

/* =============== Controls slide ================ */

.controls-slide1 {
  padding: 20px 0px 20px 0px;
  color: #000000;
}

.controls-slide1 span {
  font-size: 14px;
}

.controls-slide1 button {
  width: 53px;
  height: 53px;
  background-color: transparent;
  border: 1px solid #000000;
  border-radius: 100px;
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin: 0px 20px 0px 20px;
}

.controls-slide1 button:hover {
  border: 1px solid #555555;
  background-color: #7e7e7e;
  color: #000000;
  cursor: pointer;
} 

/* .controls-slide1 button:focus {
  border: 1px solid #000000;
  background-color: #000000;
  color: #000000;
  outline: none;
  cursor: pointer;
} */

.slide-productos {
  padding: 100px 10px 100px 0px;
  background-size: cover;
  background-color: transparent;
  margin-top: -130px;
  z-index: 10;
  margin-bottom: -100px;
  transition: all 0.5s ease;
}

.slide-productos.color-azul {
  background-image: url("/assets/img/bg-azul.svg");
}

.slide-productos.color-rojo {
  background-image: url("/assets/img/bg-rojo.svg");
}

.slide-productos.color-verde {
  background-image: url("/assets/img/bg-verde.svg");
}

.slide-productos.color-aqua {
  background-image: url("/assets/img/bg-aqua.svg");
}

@media (max-width: 1367px) {
  .slide-productos {
    padding: 134px 10px;
  }
}

@media (max-width: 992px) {
  .slide-productos {
    padding: 40px 0px 80px 0px;
    background-size: cover;
    background-color: transparent;
    margin-top: -130px;
    z-index: 10;
    margin-bottom: -110px;
  }
}