/*cambia el color del borde de los botones*/
:root {
	--gradient: linear-gradient(to left top, #570c83 10%, #570c83 90%) !important;
  }
  
  body {
	background: var(--gradient) !important;
	
  }
  
  
  .card {
	background: rgb(236, 229, 229);
	border: 1px solid #dd2476;
	color: rgba(250, 250, 250, 0.8);
	margin-bottom: 2rem;
	overflow: hidden;
  }
  img{
	  transition: 0.7s;
	  object-fit: cover;
  }
  
  img:hover{
	  transform: scale(1.4);
  }
  
  
  .btn {
	  color: white;
  }

  /*-----CARRUSELPRINCIPAL------*/
  .bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }

  @media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
  }
  .carousel {
	margin-bottom: 4rem;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
	bottom: 3rem;
	z-index: 10;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel-item {
	height: 32rem;
  }
  .carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
  }
  /*--- CARRUSEL RESPONSIVE ----*/
  @media (min-width: 40em) {
	/* Bump up size of carousel content */
	.carousel-caption p {
	  margin-bottom: 1.25rem;
	  font-size: 1.25rem;
	  line-height: 1.4;
	}
}

/* NAVBAR2productos */

.menucatalogo {
	background-color: linear-gradient(to left top, #a43be0 10%, #57a5d3cc 90%) !important; /*COLOR FONDO NAVBAR2*/
	width: 100%;
	position:flex;
	top: 0;
	padding: 5px;
	z-index: 999;
	text-align: center;
	display: flex;
	justify-content: center;
	font-family: 'Mukta', serif;
	margin-bottom: 60px;
}

.menucatalogo a {
	display: inline-block;
	padding: 10px 30px;
	font-size: 18px;
	background: linear-gradient(to left top, #a43be0 10%, #57a5d3cc 90%) !important; /*COLOR BOTON NAVBAR2*/
	margin: 0 10px;
	transition: .5s ease all;
	color:rgb(250, 245, 245);
	text-decoration: none;
}

.menucatalogo a:hover {
	transform: translateY(18px);
	background-color: var(--purple-light);
}

/*-----ESPACIOS----*/
.featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }