/* Com funciona */

.cont-com-funciona-info{
	max-width: 1340px;
	width: 100%;
	height: auto;
	margin: 40px 50px 50px 50px;
}

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

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

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

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

		.pasos-info{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			max-width: 320px;
			width: 100%;
			height: 276px;
			color: #124944;
			background-color: #FCF8ED;
			border-radius: 20px;
			padding: 30px 20px 28px 20px;
		}

.cont-faqs{
	display: flex;
	max-width: 1340px;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
}

	.faqs-text{
		width: 400px;
		height: auto;
		color: #124944;
	}

	.faqs-text h3{
		margin-bottom: 30px;
	}

	.faqs-preguntas-dos{
		max-width: 1000px;
		width: 100%;
		height: auto;
		border-radius: 20px;
		border: 1.5px solid #124944;
		margin-bottom: 20px;
	}

		/* FAQ's 1 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

		/* FAQ's 2 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat-dos{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat-dos{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat-dos{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

		/* FAQ's 3 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat-tres{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat-tres{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat-tres{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

		/* FAQ's 4 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat-quatre{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat-quatre{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat-quatre{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

		/* FAQ's 5 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat-cinc{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat-cinc{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat-cinc{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

		/* FAQ's 6 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat-sis{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat-sis{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat-sis{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

		/* FAQ's 7 */

		input[type="checkbox"]{
			display: none;
		}

		.preguntas-no-desplegat-set{
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1000px;
			padding: 25px 20px 27px 20px;
			cursor: pointer;
			color: #124944;
		}

		.preguntas-desplegat-set{
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.4s ease, padding 0.4s ease;
			background-color: #ffffff;
			color: #124944;
			padding: 0 10px;
		}

		input[type="checkbox"]:checked ~ .preguntas-desplegat-set{
			max-height: 200px;
			padding: 0px 20px 20px 20px;
		}

/* Media query (768p) */

@media (max-width: 768px){

	/* Com funciona */

	.cont-com-funciona-info{
		max-width: 668px;
		margin: 0px 50px 30px 50px;
	}

		.com-funciona-text-info{
		}

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

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

		.com-funciona-pasos-info{
			flex-wrap: wrap;
			margin-top: 20px;
			gap: 20px;
		}

			.pasos-info{
				max-width: 324px;
				height: 217px;
				border-radius: 15px;
				padding: 20px 15px 20px 15px;
			}


	/* Faq's */
	.cont-faqs{
		flex-direction: column;
		align-items: center;
		max-width: 668px;
		gap: 20px;
		margin-bottom: -30px;
	}

		.faqs-text{
			text-align: center;
			width: 668px;
		}

		.faqs-text h3{
			margin-bottom: 20px;
		}

		.faqs-preguntas-dos{
			max-width: 668px;
			border-radius: 15px;
			border: 1px solid #124944;
			margin-bottom: 15px;
		}

			/* FAQ's 1 */

			.preguntas-no-desplegat, .preguntas-no-desplegat-dos,
			.preguntas-no-desplegat-tres, .preguntas-no-desplegat-quatre,
			.preguntas-no-desplegat-cinc, .preguntas-no-desplegat-sis,
			.preguntas-no-desplegat-set{
				max-width: 668px;
				padding: 20px 15px 20px 15px;
			}

				.preguntas-no-desplegat svg, .preguntas-no-desplegat-dos svg,
				.preguntas-no-desplegat-tres svg, .preguntas-no-desplegat-quatre svg,
				.preguntas-no-desplegat-cinc svg, .preguntas-no-desplegat-sis svg,
				.preguntas-no-desplegat-set svg{
					max-width: 15px;
					max-height: 15px;
				}

			.preguntas-desplegat, .preguntas-desplegat-dos, .preguntas-desplegat-tres,
			.preguntas-desplegat-quatre, .preguntas-desplegat-cinc, .preguntas-desplegat-sis
			.preguntas-desplegat-set{
				max-height: 0;
				padding: 0 10px;
			}

			input[type="checkbox"]:checked ~ .preguntas-desplegat,
			.preguntas-desplegat-dos, .preguntas-desplegat-tres,
			.preguntas-desplegat-quatre, .preguntas-desplegat-cinc,
			.preguntas-desplegat-sis, .preguntas-desplegat-set{{
				padding: 0px 15px 20px 15px;
			}	
}

/* Media query (480p) */

@media (max-width: 480px){

	/* Com funciona */

	.cont-com-funciona-info{
		max-width: 420px;
		margin: 0px 30px 15px 30px;
	}

		.com-funciona-text-info{
		}

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

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

		.com-funciona-pasos-info{
			flex-wrap: wrap;
			margin-top: 15px;
			gap: 10px;
		}

			.pasos-info{
				max-width: 420px;
				height: 133px;
				border-radius: 10px;
				padding: 10px 10px 10px 10px;
			}

	/* Faq's */
	.cont-faqs{
		flex-direction: column;
		align-items: center;
		max-width: 420px;
		gap: 15px;
		margin-bottom: -10px;
	}

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

		.faqs-text h3{
			margin-bottom: 15px;
		}

		.faqs-preguntas-dos{
			max-width: 420px;
			border-radius: 10px;
			margin-bottom: 10px;
		}

			/* FAQ's 1 */

			.preguntas-no-desplegat, .preguntas-no-desplegat-dos,
			.preguntas-no-desplegat-tres, .preguntas-no-desplegat-quatre,
			.preguntas-no-desplegat-cinc, .preguntas-no-desplegat-sis,
			.preguntas-no-desplegat-set{
				max-width: 420px;
				padding: 10px 10px 10px 10px;
			}

				.preguntas-no-desplegat svg, .preguntas-no-desplegat-dos svg,
				.preguntas-no-desplegat-tres svg, .preguntas-no-desplegat-quatre svg,
				.preguntas-no-desplegat-cinc svg, .preguntas-no-desplegat-sis svg,
				.preguntas-no-desplegat-set svg{
					max-width: 10px;
					max-height: 10px;
				}

			.preguntas-desplegat, .preguntas-desplegat-dos, .preguntas-desplegat-tres,
			.preguntas-desplegat-quatre, .preguntas-desplegat-cinc, .preguntas-desplegat-sis
			.preguntas-desplegat-set{
				max-height: 0;
				padding: 0 10px;
			}

			input[type="checkbox"]:checked ~ .preguntas-desplegat,
			.preguntas-desplegat-dos, .preguntas-desplegat-tres,
			.preguntas-desplegat-quatre, .preguntas-desplegat-cinc,
			.preguntas-desplegat-sis, .preguntas-desplegat-set{{
				padding: 0px 10px 5px 10px;
			}

			
}