body{ padding:4rem 0 0 0; }
.header{ position:fixed; top:0; left:0; width:100%; z-index:3; height:4rem; transition:all ease 0.4s; z-index:100; }
.header-bkg{ position:absolute; top:0; left:0; width:100%; height:4rem; background-color:var(--lightColor); box-shadow:var(--shadowSoft); }
.home .header-bkg{ background-color:var(--colorInverted); box-shadow:none; }
.header-marca{ height:2rem; width:6.7rem; display:inline-block; margin:1rem 0; background:url(../../../image/hubefy-logo.svg) no-repeat left center; background-size:contain; }
.header-marca a{ display:block; width:100%; height:2rem; }
.padding-header{ position:relative; display:block; width:100%; height:4rem; top:0; left:0; }
@media (min-width:768px){
	body{ padding:4.5rem 0 0 0; }
	.header, .header-bkg, .header-shadow, .padding-header{ height:4.5rem; }
	.header-marca{ margin:1.25rem 0; background:url(../../../image/hubefy-logo.svg) no-repeat left center; }
}

.header-access{ display:none; background-color:var(--secondaryColor); font-size:0.65rem; line-height:1.2; text-align:center; padding:0.5rem; border:1px solid var(--color); border-radius:var(--radiusSM); }
.header-access.admin{ background-color:#f08af5; }
.header-access.architect{ background-color:#fff9a7; }
.header-access.architect-100{ background-color:#fff700; }
.header-access.architect-101{ background-color:#7ec53b; }
.header-access.architect-102{ background-color:#38bb21; }
.header-access.architect-103{ background-color:#0a9c0e; }
.header-access.architect-104{ background-color:#f4941e; }
.header-access.broker{ background-color:#44eded; }
.header-access.owner{ background-color:#7b73e7; }
.header-access.client{ background-color:#cd8c8c; }
.header-access-type{ font-size:1rem; line-height:1.1; margin:0.2rem 0 0 0; }
@media (min-width:768px){
	.header-access-no{ display:block; }
}