/*=======================================
	Animación de Botón de Compra
========================================*/

.btn-compras{

	background-color: #4F4740;
	color: white;
	border: none;

}

.btn-compras:hover{


	background-color: #FAB100;
}



button.pulseAnimation{


	animation: increaseSize 4s infinite;

}

@keyframes increaseSize {

	0% {

	transform: scale(1);
	}

	10% {

	transform: scale(1.009);

	}

	20%{

	transform: scale(1);

	}


}

/*======================================
	Quitarle controles de Number
=======================================*/

input.showQuantity::-webkit-inner-spin-button,
input.showQuantity::-webkit-outer-spin-button{

	-webkit-appearance: none;
	margin: 0;

}


.btnInc{

	cursor: pointer;

}

/* ==========================================================================
   Corrección de superposición: Sticky vs Ventanas Modales
   ========================================================================== */
body.modal-open .blockMedia {
    z-index: 1040 !important;
}


.blockMedia {
	z-index: 990 !important;
}


/* Forzar fondo blanco en el input de cantidad cuando es de solo lectura */
input.showQuantity[readonly] {
    background-color: #ffffff !important;
    opacity: 1; /* Evita que algunos navegadores móviles reduzcan la opacidad */
}