/* SLIDER */

.slider-item{
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: 40px 0;
}

.slider-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:
  linear-gradient(to right,
  rgba(0,0,0,.45),
  rgba(0,0,0,.10));
  z-index:0;
}

.slider-item .container-fluid{
  position:relative;
  z-index:2;
}

/* ALTURA */

.min-vh-75{
  min-height: 75vh;
}

/* FONDOS */

.slider-orange{
  background:
  radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 30%),
  linear-gradient(135deg,#ff9800 0%, #ff6d00 100%);
}

.slider-green{
  background:
  radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 30%),
  linear-gradient(135deg,#7cb342 0%, #2e7d32 100%);
}

.slider-blue{
  background:
  radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 30%),
  linear-gradient(135deg,#1976d2 0%, #0d47a1 100%);
}

/* TEXOS */

.slider-item h1,
.slider-item h2,
.slider-item p,
.slider-item span{
  text-shadow: 0 3px 10px rgba(0,0,0,.25);
}

/* IMAGENES */

.product-img{
  max-height: 780px;
  width:auto;
  transform: scale(1.05);
  filter: drop-shadow(0 25px 40px rgba(0,0,0,.35));
  position: relative;
  z-index: 2;
}

/* CIRCULO */

.circle-bg{
  position: absolute;
  width: 520px;
  height: 520px;
  background: rgba(255,255,255,.10);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* FEATURES */

.feature-box{
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(5px);
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 600;
  color: white;
}

/* ANIMACION */

.floating{
  animation: floating 4s ease-in-out infinite;
}

@keyframes floating{

  0%{
      transform: translateY(0px);
  }

  50%{
      transform: translateY(-12px);
  }

  100%{
      transform: translateY(0px);
  }

}

/* CONTROLES */

.carousel-control-prev,
.carousel-control-next{
  width: 70px;
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
  background-color: rgba(0,0,0,.35);
  border-radius: 50%;
  padding: 25px;
  background-size: 55%;
  transition: .3s;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover{
  background-color: rgba(255,255,255,.25);
}

/* INDICADORES */

.carousel-indicators{
  bottom: 15px;
}

.carousel-indicators [data-bs-target]{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid white;
  background-color: rgba(255,255,255,.5);
}

.carousel-indicators .active{
  background-color: white;
}

/* BADGES */

.badge{
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(5px);
  font-size: .8rem;
  letter-spacing: 1px;
}

/* BOTONES */

.btn{
  border: none;
  transition: .3s;
}

.btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

/* RESPONSIVE */

@media(max-width:991px){

  .slider-item{
      text-align:center;
      padding: 30px 20px;
  }

  .min-vh-75{
      min-height:auto;
  }

  .product-img{
      max-height: 380px;
      margin-top: 30px;
  }

  .display-2{
      font-size: 2.5rem;
  }

}