.navBarWfors {
	position: fixed;
	right: 0;
	top: 0;
	left: 0;
	font-family: Lato, ui-sans-serif, system-ui, -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
		"Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
		"Segoe UI Symbol", "Noto Color Emoji";
	box-shadow: 0 3px 3px -2px rgb(0 0 0 / 50%);
	backdrop-filter: blur(12px);
	z-index: 1;
	display: flex;
	flex-direction: column;
	height: 92.5px;
}

.logoNav {
	display: block;
	height: -webkit-fill-available;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logoNav img {
	background-color: black;
	padding: 1rem;
}

.tituloCabecera {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    margin: auto;
}

.tituloCabecera a {
    font-size: 1.5rem;
}



.userLogout {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
    margin: .5rem;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
    color: rgb(0,61,246);
}
body{
	   margin: 0rem;
}
.user {
	font-weight: 600;
	text-align: end;
}

.logout {
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 600;
	color: rgb(0,61,246);
	width: fit-content;
}
button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

@media only screen and (min-width: 644px) {
	.navBarWfors {
		flex-direction: row;
		align-items: center;
		height: 55px;
	}
	
	.userLogout {
		flex-direction: column;
		margin: 0;
    	margin-right: .5rem;
    	margin-left: auto;
	}
	
	.tituloCabecera {
		margin-left: .5rem;
	}
}