.carousel-container 
	{
	  width: 100%;
	  overflow: hidden;
	  position: relative;
	  margin-top: 1rem;
	  max-width: 1320px;
	  padding-right: var(--bs-gutter-x, 2.75rem); /*puede esconder flechas  */
	  padding-left: var(--bs-gutter-x, 2.75rem); /*puede esconder flechas  */
	  margin-right: auto;
	  margin-left: auto;
	}

	.carousel-wrapper 
	{
	  width: 100%;
	  position: relative;
	  margin: 0 auto;
	}

	
	.carousel-item 
	{
	  flex: 0 0 auto;
	  width: 300px;
	  height: 300px;
	  margin-right: 20px;
	  scroll-snap-align: start;
	  border:black 10px;
	  /*padding-top: 12px;*/
	  /*padding-bottom: 12px;*/
	}

	.lin 
	{
	  text-decoration: none;
	  /*para hacer que todo el div padre sea link  */
	  display: block;
	  position: relative;
      width: 100%;
      height: 100%;
	}
	.imt
	{   
		width: 100%;
		
		/*centar img*/
		margin:auto;
		display:block;
		/*
		width:151px;
		height:100px;
		*/
		padding-top: 18px;
	    padding-bottom: 12px;
	}
	
	h4
	{
		line-height: 26px;
		color: #666;
		font-size: 19px;
		margin: 0 0.5rem;
		min-height: 80px;
		font-weight: 400;
		text-align: center;
		padding-top: 12px;
	    padding-bottom: 12px;
	}
	
	.d-block
	{
		display: block;
	}
	
	.precio
	{
		color: #d70929;
		font-size: 29px;
		font-weight: 600;
		text-align: center;
	}
	sup
	{
		font-size: 60%;
		top: -0.5em;
		position: relative;
		line-height: 0;
		vertical-align: baseline;
			
	}
	
/* css´s para la libreria slick*/
	.slick-slide
	{
		margin: 0 11px;
		border-radius: .25rem;
		box-shadow: 0 .1rem 1rem rgba(0,0,0,.1);
		border: 1px solid rgba(0, 0, 0, 0.125);
	}
	
	 .slick-prev:before, .slick-next:before 
	 { 
		 color:#000;
		 font-size: 30px;
	 }
	 
	 .slick-next 
	{
		right: -30px;
	}
	
	.slick-prev 
	{
		left: -40px;
	}