header{width:100%;padding:0 1%;height:90px;max-height:90px;border-bottom:0 solid #eee;z-index:99}header *{color:var(--font-color)}header h1{font-size:30px}header nav,header ul{display:flex;list-style:none;gap:50px;height:100%}header nav li{cursor:pointer;justify-content:center}header .header-block-container,header nav li{position:relative;height:100%;display:flex;align-items:center}header .header-block-container:hover .tooltip-perfil{display:flex}header .header-block-container .tooltip-perfil{position:absolute;top:90px;left:50%;transform:translateX(-50%);background-color:var(--Secundary-Opacity);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:10px;display:flex;align-items:center;flex-direction:column;min-width:200px;gap:20px;display:none;z-index:999}header .header-block-container .tooltip-perfil div{width:100%;display:flex;justify-content:center;align-items:center}header .header-block-container .tooltip-perfil .options-container ul{display:flex;flex-direction:column;text-align:center;gap:10px}header nav li:hover{color:var(--Primary);transition:all .2s}header nav li:after{content:"";position:absolute;display:block;height:1px;width:0;background-color:var(--Primary);bottom:10px;transition:all .2s}header nav li:hover:after{width:150%}header .container{display:flex;flex-direction:row;justify-content:space-between;height:100%;align-items:center}header .perfil-wrapper{background-color:var(--Primary);border-radius:100%;width:50px;height:50px;cursor:pointer}header .perfil-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:100%}.page-spacing{height:calc(100vh - 180px)}