/* Configuración general */
header {
	display: flex; flex-direction: row; align-items: center; flex-grow: 1;
	justify-content: space-between; gap: var(--gapHeader); padding-inline: var(--gapHeader);
	height: var(--altoHeader); max-height: var(--altoHeader);
	background: var(--fondoHeader); color: var(--colorHeader);
	z-index: 2;

	.formIconoMenu {
		position: relative; color: var(--colorMain);
		i.mostrarClick {color: var(--grisClaro);}
		.menuForm {
			position: absolute; bottom: 0; translate: 0 100%;
			border-radius: 5px; font-size: 1rem;
			display: flex; flex-direction: column;
			background-color: var(--amarilloClaro);
			width: max-content;
			.menuOpcion {
				padding: 5px 10px;
				&.activo {background-color: var(--grisOscuro); color: snow;}
				&:hover {background-color: var(--amarilloOscuro); color: inherit;}
			}
		}
	}
}