/*=============================================
Animacíón botón de compra
=============================================*/
button.pulseAnimation{

	animation: increaseSize 3s infinite;
 
}

@keyframes increaseSize {
	0% {
	transform: scale(1);
	}
	10% {
	transform: scale(1.2);
	}

	20% {
	transform: scale(1);
	}

}

/*=============================================
Quitar controles de number
=============================================*/

input.showQuantity::-webkit-inner-spin-button, 
input.showQuantity::-webkit-outer-spin-button{ 
	-webkit-appearance: none; 
	margin: 0; 
}

.btnInc{
	cursor:pointer;	
}


/*=============================================
DESCONTADOR DE TIEMPO_inicio CSS
=============================================*/
.countdown-wrapper {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.countdown-box {
  text-align: center;
}

/*====letras_horas minutos segundos=====*/
.countdown-box small {
  display: block;
  margin-top: 4px;
  color: #ffffff;
}

.countdown-item {
  position: relative;
  width: 110px;
  height: 110px;
}

.countdown-item svg {
  width: 110px;
  height: 110px;
  transform: rotate(-90deg);
}

.countdown-bg,
.countdown-progress {
  fill: none;
  stroke-width: 4;
}

/*====circulo fondo gris ====*/
.countdown-bg {
  stroke: #444444;
}

.countdown-progress {
  stroke: #F3A53F;
  stroke-linecap: round;
  stroke-dasharray: 326.72;
  stroke-dashoffset: 326.72;
  transition: stroke-dashoffset 0.4s linear;
}

.countdown-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.countdown-content span {
  font-size: 2rem;
  font-weight: 700;
}
/*=============================================
DESCONTADOR DE TIEMPO_fin CSS
=============================================*/