/* Descobreix Voolo */

.descobreix-voolo{
	max-width: 1440px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	margin-right: 50px;
	margin-bottom: 50px;
}

	.descobreix-voolo .descobreix-pc{
		max-width: 823px;
	}

	.descobreix-voolo .descobreix-tablet{
		display: none;
	}

	.descobreix-voolo .descobreix-mobil{
		display: none;
	}

	.voolo-text{
		max-width: 617px;
		color: #124944;
	}

		.voolo-text .semibold-titular{
			max-width: 320px;
			width: 100%;
			margin-bottom: 30px;
		}

		.voolo-text .light-text{
			height: auto;
		}

/* Descobreix valors */

.descobreix-valors{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

	.descobreix-valors h3{
		color: #124944;
		margin-bottom: 30px;
	}

	.valors{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
	}

		.valors-1{
			max-width: 320px;
			width: 100%;
			height: 30vh;
			background-color: #FCF8ED;
			border-radius: 20px;
			position: relative;
		}

			.valors-text{
				position: relative;
				padding: 30px 20px 0px 20px;
				color: #124944;
				z-index: 2;
			}

				.valors-text .semibold-textnegreta{
					margin-bottom: 20px;
				}

			.valors-img-un{
				position: relative;
				bottom: 35px;
				z-index: 1;
			}

			.valors-img-dos{
				position: relative;
				bottom: 27px;
				z-index: 1;
			}

			.valors-img-tres{
				position: relative;
				bottom: 132px;
				left: 229px;
				z-index: 1;
			}

			.valors-img-quatre{
				position: relative;
				bottom: 50px;
				z-index: 1;
			}

			.valors-img-cinc{
				position: relative;
				bottom: 90px;
				z-index: 1;
			}

			.valors-img-sis{
				position: relative;
				bottom: 132px;
				z-index: 1;
			}

			.valors-img-set{
				position: relative;
				left: 56px;
				bottom: 0px;
				z-index: 1;
			}

			.valors-img-vuit{
				position: relative;
				bottom: 14px;
				z-index: 1;
			}

/* Media query (768p) */

@media (max-width: 768px){

	/* Descobreix Voolo */

	.descobreix-voolo{
		max-width: 768px;
		gap: 20px;
		margin-right: 50px;
		margin-bottom: 30px;
		margin-left: -20px;
	}

		.descobreix-voolo .descobreix-pc{
			display: none;
		}

		.descobreix-voolo .descobreix-tablet{
			display: block;
		}

		.descobreix-voolo .descobreix-mobil{
			display: none;
		}

		.voolo-text{
			max-width: 439px;
		}

			.voolo-text .semibold-titular{
				max-width: 439px;
				margin-bottom: 20px;
			}

	/* Descobreix valors */

	.descobreix-valors{
	}

		.descobreix-valors h3{
			color: #124944;
			margin-bottom: 20px;
		}

		.valors{
			flex-wrap: wrap;
			gap: 20px;
		}

			.valors-1{
				max-width: 200px;
				width: 100%;
				height: 20vh;
				border-radius: 15px;
			}

				.valors-text{
					position: relative;
					padding: 20px 15px 36px 15px;
					color: #124944;
					z-index: 2;
				}

					.valors-text .semibold-textnegreta{
						margin-bottom: 10px;
					}

				.valors-img-un img,
				.valors-img-quatre img, .valors-img-cinc img, .valors-img-sis img,
				 .valors-img-vuit img{
					max-width: 200px;
				}

				.valors-img-dos img, .valors-img-set img{
					max-width: 170px;
				}

				.valors-img-tres img{
					max-width: 56px;
				}

				.valors-img-un{
					bottom: 85px;
				}

				.valors-img-dos{
					bottom: 95px;
				}

				.valors-img-tres{
					bottom: 146px;
					left: 144px;
				}

				.valors-img-quatre{
					bottom: 120px;
				}

				.valors-img-cinc{
					position: relative;
					bottom: 100px;
					z-index: 1;
				}

				.valors-img-sis{
					position: relative;
					bottom: 146px;
					z-index: 1;
				}

				.valors-img-set{
					position: relative;
					left: 30px;
					bottom: 65px;
					z-index: 1;
				}

				.valors-img-vuit{
					position: relative;
					bottom: 90px;
					z-index: 1;
				}

}

/* Media query (768p) */

@media (max-width: 480px){

	/* Descobreix Voolo */

	.descobreix-voolo{
		flex-direction: column;
		max-width: 480px;
		gap: 15px;
		margin-right: 30px;
		margin-bottom: 15px;
		margin-left: 30px;
	}

		.descobreix-voolo .descobreix-pc{
			display: none;
		}

		.descobreix-voolo .descobreix-tablet{
			display: none;
		}

		.descobreix-voolo .descobreix-mobil{
			margin-left: -30px;
			display: block;
		}

		.voolo-text{
			text-align: center;
			max-width: 420px;
		}

			.voolo-text .semibold-titular{
				max-width: 420px;
				margin-bottom: 10px;
			}

	/* Descobreix valors */

	.descobreix-valors{
	}

		.descobreix-valors h3{
			color: #124944;
			margin-bottom: 10px;
		}

		.valors{
			flex-wrap: wrap;
			row-gap: 10px;
			column-gap: 20px;
		}

			.valors-1{
				max-width: 200px;
				width: 100%;
				height: 20vh;
				border-radius: 10px;
			}

				.valors-text{
					padding: 10px 10px 41px 10px;
				}

					.valors-text .semibold-textnegreta{
						margin-bottom: 10px;
					}

				.valors-img-un img,
				.valors-img-quatre img, .valors-img-cinc img, .valors-img-sis img,
				 .valors-img-vuit img{
					max-width: 200px;
				}

				.valors-img-dos img, .valors-img-set img{
					max-width: 164px;
				}

				.valors-img-tres img{
					max-width: 46px;
				}

				.valors-img-un{
					bottom: 60px;
				}

				.valors-img-dos{
					bottom: 65px;
				}

				.valors-img-tres{
					bottom: 114px;
					left: 154px;
				}

				.valors-img-quatre{
					bottom: 90px;
				}

				.valors-img-cinc{
					position: relative;
					bottom: 85px;
					z-index: 1;
				}

				.valors-img-sis{
					position: relative;
					bottom: 114px;
					z-index: 1;
				}

				.valors-img-set{
					left: 30px;
					bottom: 65px;
				}

				.valors-img-vuit{
					bottom: 75px;
				}
}