/* Mostrar solo en pantallas grandes (escritorio) */
#spanDesktop {
	display: block;
}

#spanMobil {
	display: none;
}

#textoMobil{
	font-size: 22 !important;
}

@media ( max-width : 767px) {
	#textoMobil {
		font-size: 17 !important;
	}
}

/* Mostrar solo en pantallas pequeñas (móvil) */
@media ( max-width : 767px) {
	#spanDesktop {
		display: none !important;
	}
	#spanMobil {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	#divImagenes {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#divImagenes a {
		margin: 15px 0;
	}
}

/* Estilo por defecto: navegadores de escritorio */
#divProductos {
	text-align: center;
}

/* Estilo para dispositivos móviles */
@media screen and (max-width: 768px) {
	#spanMobil {
		text-align: left;
	}
}

/* Estilo para dispositivos móviles */
@media screen and (max-width: 768px) {
	#divProductos {
		text-align: left;
	}
}

@media screen and (max-width: 768px) {
	#divImagenesFooter {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-content: center;
		max-width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	#divImagenesFooter b {
		margin: 15px 0;
	}
}

/* Efecto visual de presionado en botones + y - */
.js-minus .input-group-text:active,
.js-plus .input-group-text:active {
    background-color: #bfbfbf !important;
    transition: background-color 0.1s ease;
}