@keyframes pulse {
		0%,
		100% {
			transform: scale(1);
			box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
		}

		50% {
			transform: scale(1.05);
			box-shadow: 0 6px 20px rgba(40, 167, 69, 0.6);
		}
	}

	.btn-compra:hover {
		transform: scale(1.1);
		box-shadow: 0 8px 25px rgba(40, 167, 69, 0.7) !important;
		transition: all 0.3s ease;
	}

	/* Estilos responsive para el botón de compra */
	@media (max-width: 991.98px) {
		.navbar .container {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.btn-compra-mobile {
			position: relative;
			right: auto;
			top: auto;
			transform: none;
			padding: 0.5rem 1rem;
			font-size: 0.85rem;
			z-index: 1050;
			margin-left: auto;
		}

		.btn-compra-mobile i {
			font-size: 0.9rem;
		}
	}

	@media (max-width: 576px) {
		.navbar-brand img {
			width: 90px !important;
			height: 45px !important;
		}

		.btn-compra-mobile {
			padding: 0.4rem 0.8rem;
			font-size: 0.75rem;
			right: 10px;
		}

		.btn-compra-mobile i {
			font-size: 0.8rem;
			margin-right: 0.25rem !important;
		}
	}

	@media (max-width: 400px) {
		.btn-compra-mobile {
			padding: 0.35rem 0.6rem;
			font-size: 0.7rem;
		}

		.navbar-brand img {
			width: 80px !important;
			height: 40px !important;
		}
	}