.header-topo {
    display:flex;
    gap:10px;
    height:44px;
    justify-content:end;
    align-items:center;
    padding-right:40px;
    padding-left:40px;
    margin-right:auto;
    margin-left:auto;
    background:#212121;
    color:#f5f5f5
}
.header-topo .social {
    display:flex;
    justify-content: end;
    gap:5px;
}
.header-topo .social a {
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:14px;
    border-radius:100%;
    border:solid 1px;
    padding:8px;
    aspect-ratio:1.9/1
}
.header-topo .social a img {
    height:14px
}
.header-topo .social i {
    margin:auto
}
.header-topo .divisor {
    width:1px;
    height:100%;
    background-color:hsla(0,0,100%,.15)
}
.search .search-form {
    display:flex;
    border-radius:4px;
    width:18vw;
    height:100%;
    padding:3px 3px 3px 10px;
    background-color:#e5e5e5
}
.search label:has(>input.search-field) {
    flex:100%
}
.search .search-field::placeholder {
    color:#919496
}
.search .search-field {
    width:100%;
    border:0;
    border-radius:0;
    background:0;
    padding:0 10px 0 0;
    font-family:"Work Sans",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:300;
    flex:1
}
.search .search-submit {
    width:15px;
    border-radius:0;
    border:0;
    padding:0;
    color:#000;
    font-size:12px;
    font-weight:900;
    margin:auto 0;
    text-align:center
}
.search .search-submit:hover {
    background-color:transparent !important
}
.search .search-submit img {
    display:flex
}