header {
	background-color: var(--color-fondo);
}

header > .header-container {
	display: grid;
	grid-template-columns: 1fr auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	padding: 16px;
	align-items: center;
	margin: 0 auto;
}

header > .header-container > .contact-container > p {
	font-size: 14px;
	color: var(--color-texto);
}
header > .header-container > .contact-container > p > a {
	font-weight: 700;
	text-decoration: underline;
}

header > .header-container > .socials-container {
	display: flex;
	align-items: center;
}
header > .header-container > .socials-container > p {
	font-size: 14px;
	color: var(--color-texto);
}
header > .header-container > .socials-container > * {
	margin: 0 4px;
}
header > .header-container > .socials-container > a {
	display: block;
	width: 28px;
	height: 28px;
	background-color: var(--color-texto);
	mask-size: cover;
	-webkit-mask-size: cover;
}
header > .header-container > .socials-container > a.facebook {
	mask-image: url(../imgs/icons/fb.png);
	-webkit-mask-image: url(../imgs/icons/fb.png);
}
header > .header-container > .socials-container > a.instagram {
	mask-image: url(../imgs/icons/ig.png);
	-webkit-mask-image: url(../imgs/icons/ig.png);
}

@media (max-width: 600px) {
	header > .header-container {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 16px;
	}
	header > .header-container > .contact-container > p {
		text-align: center;
	}
}