/* ==================================================
   HEADER - OMG TÊXTIL
================================================== */

.site-header{

    position: sticky;
    top: 0;
    z-index: 999;

    width: 100%;

    background: #FFFFFF;

    border-bottom: 1px solid #ECECEC;

    transition: all .3s ease;

}

.site-header .container{

    max-width: 1240px;

    margin: 0 auto;

    padding: 0 30px;

    height: 90px;

    display: flex;

    align-items: center;

}

/* ==================================================
   LOGO
================================================== */

.logo{

    flex: 0 0 240px;

    display:flex;

    align-items:center;

}

.custom-logo-link{

    display:flex;

    align-items:center;

}

.custom-logo{

    max-height:55px;

    width:auto;

    display:block;

}

/* ==================================================
   MENU
================================================== */

.main-menu{

    flex:1;

    display:flex;

    justify-content:center;

}

.main-menu ul{

    display:flex;

    align-items:center;

    gap:42px;

    margin:0;

    padding:0;

    list-style:none;

}

.main-menu li{

    margin:0;

}

.main-menu a{

    color:#082C63;

    font-family:"Inter",sans-serif;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.main-menu a:hover{

    color:#1157C6;

}

/* ==================================================
   RESPONSIVO
================================================== */

@media(max-width:992px){

    .site-header .container{

        height:80px;

        padding:0 20px;

    }

    .logo{

        flex:0 0 auto;

    }

    .custom-logo{

        max-height:45px;

    }

    .main-menu{

        justify-content:flex-end;

    }

    .main-menu ul{

        gap:20px;

    }

}