p {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 200%;
	-webkit-background-clip: text;
	background-clip: text;
	animation: gradient 5s ease infinite;
	-webkit-text-fill-color: transparent;
}

#fondoProducts {
	background: linear-gradient(-45deg, #11eaea, #21b4a9, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 20s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.four-Carousel {
	loop: true;
	margin: 10;
	dots: true;
	nav: false;
	/*responsive: {
		0 {
			items: 1;
		}
		600 {
			items: 3;
		}
		1000: {
			items: 4;
		}
	}*/
}

/* Estilos por defecto para Swiper */
.swiper-slide {
  width: 20%; /* Ancho por defecto, ocupará el 100% del contenedor */
}

/* Media query para pantallas más pequeñas */
@media screen and (max-width: 768px) {
  .swiper-slide {
    width: 35%; /* Ancho del 50% para pantallas más pequeñas */
  }
}