*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Aspectes generals  */

html{
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body{
	font-family: Poppins;
	display: flex;
	flex-direction: column; /* Se alinea en columna (por defecto, el contenido será de arriba hacia abajo) */
	justify-content: center; /* Centra el contenido verticalmente */
	align-items: center;
}

/* Aspectes generals: Tipografia  */

.semibold-titular{
	font-family: Poppins;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 50px;
}

.semibold-subtitular{
	font-family: Poppins;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}

.semibold-textnegreta{
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
}

.light-text{
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
}

/* Menú  */

.cont-menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	padding: 25px 50px;
	background-color: #ffffff;
}

	.menu-logo img{
		width: auto;
		height: 40px;
	}

	.menu-items{
		display: flex;
		justify-content: space-between;
		max-width: 584px;
		width: 100%;
		margin: 12px 0px;
		gap: 30px;
	}

		.menu-items-medium{
			display: inline-block;
			position: relative;
			color: #124944;
			font-size: 18px;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
			cursor: pointer;
		}

		.menu-items-medium::after{
			content: '';
			position: absolute;
			left: 0;
			bottom: -2px;
			width: 0%;
			height: 1.5px;
			background-color: #F2D606;
			transition: width 0.3s ease;
		}

		.menu-items-medium:hover::after{
			width: 100%;
		}

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

		.menu-boto{
			max-width: 207px;
			width: 100%;
			height: 40px;
			border: 1.5px solid #124944;
			border-radius: 100px;
			padding: 10px 20px 14px 20px;
			text-decoration: none;
		}

			.menu-boto a{
				text-decoration: none;
			}

			.menu-boto-medium{
				color: #124944;
				font-size: 18px;
				font-style: normal;
				font-weight: 500;
				line-height: 20px;
				cursor: pointer;
				text-align: center;
			}

		.menu-boto:hover{
			background-color: #124944;
		}

			.menu-boto-medium:hover{
				color: #ffffff;
			}

		.menu-toggle{
			display: none;
			flex-direction: column;
			justify-content: space-between;
			width: 30px;
			height: 20px;
			cursor: pointer;
		}

		.menu-toggle span{
			display: block;
			height: 1.5px;
			background-color: #124944;
			border-radius: 2px;
			transition: 0.3s;
		}

/* Encapçalat */

.cont-encapçalat{
	max-width: 1440px;
	width: 100%;
	height: auto;
	position: relative;
}

	.encapçalat-prin{
		max-width: 1340px;
		width: 100%;
		height: auto;
		margin: 0px 50px 20px 50px;
		padding: 40px 547px 123px 30px;
		background-color: #FCF8ED;
		border-radius: 20px;
		position: relative;
		z-index: 1;
	}

	.encapçalat-text{
		max-width: 763px;
		width: 100%;
		height: auto;
	}

		.encapçalat-semibold{
			max-width: 743px;
			width: 100%;
			height: auto;
			color: #124944;
			font-family: Poppins;
			font-size: 60px;
			font-style: normal;
			font-weight: 600;
			line-height: 68px;
			margin-bottom: 20px;
		}

		.encapçalat-text .light-text{
			max-width: 620px;
			width: 100%;
			height: auto;
			color: #124944;
		}

	.encapçalat-linia{
		position: absolute;
		bottom: 35px;
		left: 0;
		width: 100%;
		display: flex;
		justify-content: center;
		z-index: 2;
	}

		.encapçalat-linia img{
			width: auto;
			max-width: 100%;
			height: auto;
			opacity: 0;
			animation: aparició 2s ease-out forwards;
		}

		@keyframes aparició{
			0% { opacity: 0; transform: translateY(20px); }
			100% { opacity: 1; transform: translateY(0); }
		}

	.encapçalat-noticies{
		display: flex;
		max-width: 1340px;
		width: 100%;
		height: auto;
		margin: 0px 50px;
		gap: 20px;
		position: relative;
		justify-content: space-between;
		flex-wrap: wrap;
	}

		.noticia{
			max-width: 433px;
			width: 100%;
			height: auto;
			overflow: hidden;
		}

		.noticia-img{
			position: relative;
			width: 100%;
			height: 27vh;
			border-radius: 20px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat; 
			position: relative;
			overflow: hidden;
		}

		.noticia-text{
			position: absolute;
			flex-direction: column;
			top: 30px;
			left: 20px;
			max-width: 393px;
			width: 100%;
			height: auto;
			display: flex;
			color: #ffffff;
			margin: 0;
		}

		.noticia-boto{
			position: absolute;
			flex-direction: column;
			bottom: 20px;
			right: 20px;
			display: flex;
			margin: 0;
		}

			.noticia-boto:hover circle{
				fill: #ffffff;
			}

			.noticia-boto:hover path{
				fill: #124944;
			}

/* Sobre Voolo */

.cont-sobre-voolo{
	display: flex;
	max-width: 1440px;
	width: 100%;
	height: auto;
	margin-top: 95px;
	margin-right: 50px;
}

	.sobre-voolo-img{
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		max-height: 268px;
		height: 100%;
	}

	.sobre-voolo-text{
		margin: 0px 0px 0px 20px;
		color: #124944;
	}


		.titular-subrayat{
			background: linear-gradient(to bottom, #f2d606 80%, transparent 30%);
			
		}

		.sobre-voolo-text .light-text{
			max-width: 660px;
			width: 100%;
			height: auto;
			margin: 30px 0px;
		}

		.sobre-voolo-text .medium-botons{
			display: flex;
			justify-content: center;
			align-items: center;
			max-width: 432px;
			width: 100%;
			height: 40px;
			border-radius: 100px;
			background-color: #124944;
			color: #ffffff;
			text-align: center;
			font-family: Poppins;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
			text-decoration: none;
		}

		.sobre-voolo-text .medium-botons:hover{
			background-color: #f2d606;
			color: #124944;
		}
		
			.animado-revelacion{
				position: relative;
				opacity: 1;
				overflow: hidden;
			}

			.animado-revelacion::before {
				content: '';
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
				background-color: #ffffff;
				transition: width 1s ease-out;
				z-index: 1;
			}

			.animado-revelacion.visible::before {
				width: 0%;
			}

/* Com funciona */

.cont-com-funciona{
	max-width: 1340px;
	width: 100%;
	height: auto;
	margin-top: 100px;
	margin-left: 50px;
	margin-right: 50px;
}

	.com-funciona-text{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		flex-direction: column;
		color: #124944;
	}

		.com-funciona-text .semibold-titular{
			margin-bottom: 30px;
		}

		.com-funciona-text .light-text{
			max-width: 660px;
			width: 100%;
			height: auto;
		}

	.com-funciona-pasos{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-top: 30px;
		gap: 20px;
	}

		.pasos{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			max-width: 320px;
			width: 100%;
			height: auto;
			color: #124944;
		}

			.pasos-numero{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 94px;
				height: 94px;
				background-color: #F2D606;
				color: #ffffff;
				border-radius: 100px;
				font-family: Poppins;
				font-size: 48px;
				font-style: normal;
				font-weight: 600;
				line-height: 50px;
				margin-bottom: 20px;
			}

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

				.animado-fade-in{
  					opacity: 0;
					transform: translateY(50px);
					transition: all 0.8s ease-out;
				}

				.animado-fade-in.visible {
					opacity: 1;
					transform: translateY(0);
				}

/* Experiència */

.cont-experiencia{
	display: flex;
	max-width: 1390px;
	width: 100%;
	height: auto;
	margin-top: 100px;
	margin-left: 50px;
}

	.experiencia-usuaris{
		display: flex;
		flex-wrap: wrap;
		max-width: 887px;
		width: 100%;
		height: auto;
		row-gap: 20px;
		column-gap: 20px;
	}

		.experiencia-ressenya{
			position: relative;
			max-width: 387px;
			width: 100%;
			height: auto;
			background-color: #FCF8ED;
			border-radius: 20px;
			margin-left: 46px;
			padding: 40px 20px 52px 69px;
			z-index: 2;
		}

			.ressenya-img-1, .ressenya-img-3{
				position: absolute;
				left: -46px;
			}

			.ressenya-img-2, .ressenya-img-4{
				position: absolute;
				left: -46px;
			}

				.ressenya-img-1 img, .ressenya-img-2 img, .ressenya-img-3 img, .ressenya-img-4 img{
					border-radius: 100px;
				}

			.ressenya-usuaris{
				color: #124944;
			}

				.ressenya-usuaris .normal-subtext{
					color: rgba(20, 74, 69, 0.50);
					font-family: Poppins;
					font-size: 14px;
					font-style: normal;
					font-weight: 400;
					line-height: 16px;
					margin-top: 10px;
					margin-bottom: 12px;
				}

	.experiencia-titular{
		max-width: 413px;
		width: 100%;
		height: auto;
		margin-left: 20px;
		margin-top: 30px;
		z-index: 2;
	}

		.experiencia-titular .semibold-titular{
			color: #124944;
		}

	.experiencia-linia{
		position: relative;
		z-index: 1;
	}

		.experiencia-linia img{
			position: absolute;
			right: -90px;
			top: 140px;
		}

/* Descàrrega */

.cont-descarrega{
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
	max-width: 1440px;
	gap: 20px;
}

	.descarrega-img{
		max-width: 660px;
		width: 100%;
		height: auto;
		z-index: 2;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
	}

		.descarrega-img img{
			width: 300px;
			margin-top: 60px;
			animation: movil-animado 2s ease-in-out infinite;
		}

			@keyframes movil-animado{
				0% { transform: translateY(0);}
				50% { transform: translateY(-10px);}
				100% { transform: translateY(0);}
			}

	.descarrega-text{
		max-width: 1050px;
		width: 100%;
		height: auto;
		margin-top: 165px;
		z-index: 2;
	}

		.descarrega-text .semibold-titular{
			color: #124944;
			margin-bottom: 30px;
		}

		.descarrega-text .light-text{
			color: #124944;
			margin-bottom: 30px;
		}

		.descarrega-text .medium-botons{
			display: flex;
			justify-content: center;
			align-items: center;
			max-width: 207px;
			width: 100%;
			height: 40px;
			border-radius: 100px;
			background-color: #124944;
			color: #ffffff;
			text-align: center;
			font-family: Poppins;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
			text-decoration: none;
		}

			.descarrega-text .medium-botons:hover{
				background-color: #f2d606;
				color: #124944;
			}

	.descarrega-linia{
		position: relative;
		max-width: 1440px;
		z-index: 1;
	}

		.descarrega-linia img{
			position: absolute;
			left: -810px;
			top: -400px;
		}

/* Footer */

.cont-footer{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	background-color: #fcf8ed;
	margin-top: 60px;
	padding: 40px 163px 40px 50px;
}

	.footer-general{
		display: flex;
		justify-content: space-between;
	}

		.general-logo img{
			max-width: 207.4px;
			width: 100%;
			height: auto;
			margin-bottom: 40px;
		}

		.general-logo{
			max-width: 320px;
			width: 100%;
			height: auto;
			color: #124944;
			font-family: Poppins;
			font-size: 30px;
			font-style: normal;
			font-weight: 300;
			line-height: 32px;
		}

		.general-items{
			display: flex;
			gap: 20px;
		}

			.general-items .general-sobre{
				display: flex;
				flex-direction: column;
				width: 207px;
				height: auto;
				color: #124944;
			}

			.general-sobre .light-text{
				margin-top: 20px;
				text-decoration: none;
				color: #124944;
			}

				.general-sobre .light-text:hover{
					color: #F2D606;
				}

			.general-items .general-xarxes{
				width: 207px;
				height: auto;
				color: #124944;
			}

			.general-xarxes img{
				margin-top: 20px;
				margin-right: 20px;
			}

	.footer-linia{
		width: 100%;
		height: 1px;
		margin: 40px 0px 30px 0px;
		background-color: rgba(18, 73, 68, 0.10);
	}

	.footer-credits{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: rgba(20, 74, 69, 0.50);
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
	}

/* Media query (768p) */

@media (max-width: 768px){

	/* Aspectes generals: Tipografia  */

	.semibold-titular{
		font-family: Poppins;
		font-size: 36px;
		font-style: normal;
		font-weight: 600;
		line-height: 38px;
	}

	.semibold-subtitular{
		font-family: Poppins;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 22px;
	}

	.semibold-textnegreta{
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 16px
	}

	.light-text{
		font-family: Poppins;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 16px;
	}

	/* Menú */
	.cont-menu{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: auto;
		padding: 20px 30px;
		background-color: #ffffff;
	}

	.menu-logo img{
		height: 35px;
	}

	.menu-items-medium{
		display: inline-block;
		position: relative;
		color: #124944;
		font-family: Poppins;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 22px;
		cursor: pointer;
	}

	.menu-toggle{
		display: flex;
	}

	.menu-items{
		display: none;
		position: absolute;
		top: 70px;
		left: 0px;
		background-color: #ffffff;
		flex-direction: column;
		align-items: flex-start;
		max-width: 768px;
		height: auto;
		padding: 20px 50px 20px 50px;
		gap: 20px;
		z-index: 10;
	}

	.menu-items.active{
		display: flex;
	}

	/* Encapçalat */

	.cont-encapçalat{
		max-width: 768px;
	}

		.encapçalat-prin{
			max-width: 668px;
			margin: 0px 50px 15px 50px;
			padding: 30px 224px 65px 20px;
			background-color: #FCF8ED;
			border-radius: 15px;
		}

		.encapçalat-text{
			max-width: 763px;
		}

			.encapçalat-semibold{
				max-width: 424px;
				font-family: Poppins;
				font-size: 36px;
				font-style: normal;
				font-weight: 600;
				line-height: 38px; 
				margin-bottom: 20px;
			}

			.encapçalat-text .light-text{
				max-width: 304px;
			}

		.encapçalat-linia{
			bottom: 20px;
		}

		.encapçalat-noticies{
			max-width: 668px;
			gap: 20px;
		}

			.noticia{
				max-width: 209px;
			}

			.noticia-img{
				max-width: 209px;
				height: 20vh;
				border-radius: 15px;
			}

			.noticia-text{
				top: 20px;
				left: 15px;
				max-width: 179px;
				gap: 10px;
			}

			.noticia-boto a{
				position: absolute;
				max-width: 27px;
				max-height: 27px;
				bottom: 0px;
				right: 0px;
				flex-direction: column;
				display: flex;
				margin: 0;
			}

			.noticia-boto{
				max-width: 27px;
				max-height: 27px;
				bottom: 15px;
				right: 25px;
			}


	/* Sobre Voolo */

	.cont-sobre-voolo{
		max-width: 768px;
		margin-top: 50px;
	}

		.sobre-voolo-img{
			display: flex;
			justify-content: right;
			align-items: right;
			width: auto;
			max-height: 275px;
			height: 100%;
		}

			.sobre-voolo-text .light-text{
				max-width: 600px;
				margin: 20px 0px;
			}

			.sobre-voolo-text .medium-botons{
				max-width: 324px;
				height: 30px;
				font-size: 14px;
				line-height: 10px;
			}

	/* Com funciona */

	.cont-com-funciona{
		max-width: 668px;
		margin-top: 50px;
	}

			.com-funciona-text .semibold-titular{
				margin-bottom: 20px;
			}

			.com-funciona-text .light-text{
				max-width: 438px;
			}

		.com-funciona-pasos{
			align-items: flex-start;
			flex-wrap: wrap;
		}

			.pasos{
				max-width: 324px;
			}

				.pasos-numero{
					font-size: 36px;
					line-height: 38px;
					margin-bottom: 15px;
				}

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

	/* Experiència */

	.cont-experiencia{
		max-width: 718px;
		margin-top: 50px;
	}

		.experiencia-usuaris{
			max-width: 480px;
		}

			.experiencia-ressenya{
				max-width: 209px;
				border-radius: 15px;
				margin-left: 20px;
				padding: 20px 15px 20px 40px;
			}

				.ressenya-img-1, .ressenya-img-3{
					left: -20px;
				}

				.ressenya-img-2, .ressenya-img-4{
					left: -20px;
				}

					.ressenya-img-1 img, .ressenya-img-2 img, .ressenya-img-3 img, .ressenya-img-4 img{
						max-width: 50px;
					}

					.ressenya-usuaris .normal-subtext{
						font-family: Poppins;
						font-size: 11px;
						font-style: normal;
						font-weight: 400;
						line-height: 13px;
						margin-bottom: 10px;
					}

		.experiencia-titular{
			max-width: 209px;
			margin-left: 20px;
			margin-top: 10px;
		}

			.experiencia-linia img{
				max-width: 450px;
				right: -80px;
				top: 180px;
			}

	/* Descàrrega */

	.cont-descarrega{
		margin-top: 50px;
		max-width: 768px;
		gap: 20px;
	}

		.descarrega-img{
			max-width: 323px;
		}

			.descarrega-img img{
				margin-top: 0px;
				width: 200px;
			}


		.descarrega-text{
			max-width: 768px;
			width: 100%;
			height: auto;
			margin-top: 0px;
		}

			.descarrega-text .semibold-titular{
				color: #124944;
				margin-bottom: 20px;
			}

			.descarrega-text .light-text{
				color: #124944;
				margin-bottom: 20px;
			}

			.descarrega-text .medium-botons{
				max-width: 324px;
				height: 30px;
				font-size: 14px;
				line-height: 10px;
			}

		.descarrega-linia{
			max-width: 768px;
		}

			.descarrega-linia img{
				max-width: 1000px;
				left: -550px;
				top: -250px;
			}

	/* Footer */

	.cont-footer{
		margin-top: 50px;
		padding: 30px 50px 30px 50px;
	}

		.footer-general{
			display: flex;
			justify-content: space-between;
		}

			.general-logo img{
				max-width: 169px;
				width: 100%;
				height: auto;
				margin-bottom: 20px;
			}

			.general-logo{
				max-width: 208px;
				font-size: 20px;
				line-height: 22px;
			}

			.general-items{
				gap: 0px;
			}

				.general-items .general-sobre{
					width: 115px;
				}

				.general-sobre .light-text{
					margin-top: 10px;
					text-decoration: none;
					color: #124944;
				}

				.general-items .general-xarxes{
					width: 115px;
				}

				.general-xarxes img{
					width: 27px;
					margin-top: 10px;
					margin-right: 10px;
				}

		.footer-linia{
			margin: 20px 0px 20px 0px;
		}

		.footer-credits{
			font-size: 11px;
			line-height: 13px;
		}
}


/* Media query (480p) */

@media (max-width: 480px){

	/* Aspectes generals: Tipografia  */

	.semibold-titular{
		font-family: Poppins;
		font-size: 25px;
		font-style: normal;
		font-weight: 600;
		line-height: 27px;
	}

	.semibold-subtitular{
		font-family: Poppins;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 18px;
	}

	.semibold-textnegreta{
		font-family: Poppins;
		font-size: 11px;
		font-style: normal;
		font-weight: 600;
		line-height: 13px;
	}

	.light-text{
		font-family: Poppins;
		font-size: 11px;
		font-style: normal;
		font-weight: 300;
		line-height: 13px;
	}

	/* Menú */

	.menu-logo img{
		height: 30px;
	}

	.menu-items-medium{
		font-size: 16px;
		line-height: 28px;
	}

	.menu-items{
		top: 60px;
		max-width: 480px;
		padding: 20px 30px 20px 30px;
	}

	.menu-boto{
		display: none;
	}

	/* Encapçalat */

	.cont-encapçalat{
		max-width: 480px;
	}

		.encapçalat-prin{
			max-width: 420px;
			margin: 0px 30px 15px 30px;
			padding: 15px 107px 75px 15px;
			border-radius: 10px;
		}

		.encapçalat-text{
			position: relative;
			max-width: 298px;
			z-index: 3;
		}

			.encapçalat-semibold{
				max-width: 424px;
				font-family: Poppins;
				font-size: 25px;
				font-style: normal;
				font-weight: 600;
				line-height: 27px; 
				margin-bottom: 20px;
			}

			.encapçalat-text .light-text{
				max-width: 285px;
			}

		.encapçalat-linia{
			max-width: 420px;
			bottom: 30px;
			z-index: 2;
		}

		.encapçalat-noticies{
			display: flex;
			flex-direction: column;
			margin: 0px 30px;
			max-width: 420px;
			gap: 10px;
		}

			.noticia{
				max-width: 420px;
			}

			.noticia-img{
				max-width: 420px;
				height: 15vh;
				border-radius: 10px;
			}

			.noticia-text{
				top: 10px;
				left: 10px;
				max-width: 190px;
				gap: 10px;
			}

			.noticia-boto a{
				position: absolute;
				max-width: 30px;
				max-height: 30px;
				bottom: 0px;
				right: 0px;
				flex-direction: column;
				display: flex;
				margin: 0;
			}

			.noticia-boto{
				max-width: 30px;
				max-height: 30px;
				bottom: 10px;
				right: 20px;
			}


	/* Sobre Voolo */

	.cont-sobre-voolo{
		display: flex;
		flex-direction: column;
		max-width: 420px;
		margin: 30px 30px 0px 30px;
	}

		.sobre-voolo-img{
			display: none;
		}

		.sobre-voolo-text{
			margin: 0px 0px;
			max-width: 420px;
		}

			.sobre-voolo-text .semibold-titular{

				text-align: center;
			}

			.sobre-voolo-text .light-text{
				text-align: center;
				margin: 15px 0px;
			}

			.sobre-voolo-text .medium-botons{
				max-width: 420px;
				height: 30px;
				font-size: 11px;
				line-height: 13px;
			}

	/* Com funciona */

	.cont-com-funciona{
		max-width: 420px;
		margin-top: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}

			.com-funciona-text .semibold-titular{
				max-width: 420px;
				margin-bottom: 15px;
			}

			.com-funciona-text .light-text{
				max-width: 420px;
			}

		.com-funciona-pasos{
			align-items: flex-start;
			flex-wrap: wrap;
		}

			.pasos{
				max-width: 420px;
			}

				.pasos-numero{
					max-width: 60px;
					max-height: 60px;
					font-size: 22px;
					line-height: 24px;
					margin-bottom: 10px;
				}

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

	/* Experiència */

	.cont-experiencia{
		display: flex;
		flex-direction: column-reverse;
		max-width: 420px;
		margin-top: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}

		.experiencia-usuaris{
			max-width: 480px;
		}

			.experiencia-ressenya{
				max-width: 173px;
				border-radius: 10px;
				margin-left: 20px;
				padding: 15px 15px 15px 33px;
			}

			.experiencia-no{
				display: none;
			}

				.ressenya-img-1, .ressenya-img-3{
					left: -27px;
				}

				.ressenya-img-2, .ressenya-img-4{
					left: -27px;
				}

					.ressenya-img-1 img, .ressenya-img-2 img, .ressenya-img-3 img, .ressenya-img-4 img{
						max-width: 50px;
					}

					.ressenya-usuaris .normal-subtext{
						font-size: 11px;
						line-height: 13px;
						margin-bottom: 10px;
					}

		.experiencia-titular{
			max-width: 300px;
			margin: 0px 60px;
			margin-bottom: 15px;
		}

			.experiencia-linia img{
				max-width: 520px;
				right: -30px;
				top: 10px;
			}

	/* Descàrrega */

	.cont-descarrega{
		flex-direction: column-reverse;
		justify-content: center;
		margin-top: 30px;
		max-width: 420px;
		margin-left: 30px;
		margin-right: 30px;
		gap: 0px;
	}

		.descarrega-img{
			max-width: 420px;
		}

			.descarrega-img img{
				margin-top: 0px;
				width: 200px;
			}

		.descarrega-text{
			text-align: center;
			align-items: center;
			max-width: 420px;
			width: 100%;
			height: auto;
			margin-bottom: 30px;
		}

			.descarrega-text .semibold-titular{
				color: #124944;
				margin-bottom: 20px;
			}

			.descarrega-text .light-text{
				color: #124944;
				margin-bottom: 20px;
			}

			.descarrega-text .medium-botons{
				max-width: 480px;
				height: 30px;
				font-size: 14px;
				line-height: 10px;
			}

		.descarrega-linia{
			max-width: 768px;
		}

			.descarrega-linia img{
				max-width: 1000px;
				left: -600px;
				top: -300px;
			}

	/* Footer */

	.cont-footer{
		margin-top: 30px;
		padding: 20px 30px 20px 30px;
	}

		.footer-general{
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}

			.general-logo img{
				max-width: 170px;
				width: 100%;
				height: auto;
				margin-bottom: 15px;
			}

			.general-logo{
				text-align: center;
				max-width: 420px;
				font-size: 20px;
				line-height: 22px;
				margin-bottom: 15px;
			}

			.general-items{
				justify-content: center;
				align-items: center;
				flex-direction: column;
				gap: 10px;
			}

				.general-items .general-sobre{
					text-align: center;
					width: 115px;
				}

				.general-sobre .light-text{
					margin-top: 10px;
					text-decoration: none;
					color: #124944;
				}

				.general-items .general-xarxes{
					text-align: center;
					width: 115px;
				}

				.general-xarxes img{
					width: 27px;
					margin-top: 10px;
					margin-right: 5px;
					margin-left: 5px;
				}

		.footer-linia{
			margin: 15px 0px 15px 0px;
		}

		.footer-credits{
			font-size: 10px;
			line-height: 11px;
		}
}