/**
 * Acorde Acordes — Layout estrutural
 */

/* Container padrão */
.aa-container {
	width: 100%;
	max-width: var(--aa-container);
	margin-inline: auto;
	padding-inline: var(--aa-gutter-desktop);
}

/* Container para textos e conteúdos estreitos */
.aa-container--narrow {
	width: 100%;
	max-width: var(--aa-container-narrow);
	margin-inline: auto;
}

/* Espaçamento vertical padrão de seção */
.aa-section {
	padding-block: var(--aa-section-space-desktop);
}

/* Tablet */
@media (max-width: 1024px) {

	.aa-container {
		padding-inline: var(--aa-gutter-tablet);
	}

}

/* Mobile */
@media (max-width: 767px) {

	.aa-container {
		padding-inline: var(--aa-gutter-mobile);
	}

	.aa-section {
		padding-block: var(--aa-section-space-mobile);
	}

}

/* Pilha vertical padrão */
.aa-stack {
	display: flex;
	flex-direction: column;
	gap: var(--aa-space-4);
}