/* ==========================================================
   HEADER V2.0.0
   Layouts pré-formatados para headers responsivos e limpos
   ========================================================== */
header {
	display: flex;
	align-items: center;
	padding: 1rem 2rem;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	box-sizing: border-box;
}

/* ===============================
   POSICIONAMENTO ÚNICO
   =============================== */

/* Conteúdo alinhado à esquerda */
.header-left {
	justify-content: flex-start;
	text-align: left;
}

/* Conteúdo alinhado à direita */
.header-right {
	justify-content: flex-end;
	text-align: right;
}

/* Conteúdo centralizado */
.header-center {
	justify-content: center;
	text-align: center;
}

/* ===============================
   LAYOUT EM COLUNAS
   =============================== */

/* Duas colunas: esquerda e direita */
.header-2col {
	justify-content: space-between;
}
.header-2col > * {
	flex: 1;
}
.header-2col > :first-child {
	text-align: left;
}
.header-2col > :last-child {
	text-align: right;
}

/* Três colunas: esquerda, centro, direita */
.header-3col {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
}
.header-3col > :first-child {
	text-align: left;
}
.header-3col > :nth-child(2) {
	text-align: center;
}
.header-3col > :last-child {
	text-align: right;
}

/* ===============================
   RESPONSIVIDADE (opcional)
   =============================== */
@media (max-width: 768px) {
	.header-2col,
	.header-3col {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
	.header-2col > *,
	.header-3col > * {
		margin: 0.25rem 0;
	}
}