#home {
	.banner {
		background-image: url('../images/fondo_header.webp');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		aspect-ratio: 2001 / 725;

		@media all and (max-width: 768px) {
			background-position: left center;
		}

		#banner-subtitle {
			font-size: 1.1em;
			font-weight: 400;
			color: var(--color-text);

			strong {
				font-weight: 700;
			}

			@media all and (max-width: 1024px) {
				font-size: 0.9em;
			}
		}

		#banner-logo {
			width: 120px;
			height: auto;
			margin-top: 1em;
			filter: brightness(0) saturate(100%);
		}

		#banner-container {
			width: 50%;
			max-width: 550px;
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			margin-left: -40%;
			text-align: left;

			@media all and (max-width: 768px) {
				width: 90%;
				margin-left: unset;
			}

			h2 {
				font-size: 1.8em;
				font-weight: 600;
				color: var(--color-text);
				text-transform: none;
				line-height: 1.1em;
			}
		}
	}

	section {
		.boxed-info {
			background-color: var(--color-primary);
			color: var(--color-text-alt);
			margin: 0;
			padding: 1em 1.5em;

			h3 {
				margin: 0.5em 0;
			}

			a {
				color: var(--color-text-alt);
			}

			@media all and (max-width: 768px) {
				padding: 0.8em 1em;

				h3 {
					margin: 0.3em 0;
				}
			}

			.info-container {
				display: flex;
				gap: 1em;
				align-items: center;

				i.fas {
					font-size: 1.7em;

					@media all and (max-width: 768px) {
						font-size: 0.9em;
					}
				}

				p {
					margin: 0.5em 0;
				}

				@media all and (max-width: 1024px) {
					display: grid;
					grid-template-columns: auto 1fr;
					gap: 0.5em 0.5em;
					align-items: center;

					>div[style*="flex"] {
						display: none;
					}

					p {
						margin: 0;
					}

					i.fas:nth-of-type(1) {
						grid-column: 1;
						grid-row: 1;
					}

					p:nth-of-type(1) {
						grid-column: 2;
						grid-row: 1;
					}

					i.fas:nth-of-type(2) {
						grid-column: 1;
						grid-row: 2;
					}

					p:nth-of-type(2) {
						grid-column: 2;
						grid-row: 2;
					}
				}
			}
		}
	}

	#info-buttons {
		display: flex;
		justify-content: center;
		column-gap: 75px;
		padding: 1em 0;

		>* {
			width: 200px;
		}

		.button {
			font-size: 0.9em;
			padding: 0.6em 1em;
		}

		@media all and (max-width: 768px) {
			flex-direction: column;
			align-items: center;
			row-gap: 1em;
			column-gap: 0;

			>* {
				width: 100%;
				max-width: 300px;
			}
		}
	}

	.info-content {
		display: none;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		transition: opacity 0.3s ease, max-height 0.3s ease;

		&.expanded {
			display: block;
			opacity: 1;
			max-height: 1000px;
			margin-top: 1em;
		}
	}

	.image-text-container {
		img {
			float: left;
			max-width: 300px;
			height: auto;
			margin-right: 1em;
		}

		&::after {
			content: "";
			display: table;
			clear: both;
		}
	}

	@media all and (max-width: 768px) {
		.image-text-container {
			display: flex;
			flex-direction: column;
			gap: 1em;

			img {
				width: 100%;
				height: auto;
				order: -1;
			}
		}
	}

	@media all and (max-width: 1025px) {}
}