main{width:100%;padding: 128px 0 0;}
header {width: 100%; float: left;position: fixed;background: var(--azul-marinho);box-shadow: 0 0 3px 0 #bbb;z-index:99;}
.linha-dourado-menu{width: 100%; height: 2px; background: var(--cinza-escuro);}
.alinha-header{width: calc(100% - 60px); margin: 0 30px; display: flex; justify-content: space-between;}
.alinha-header .logo{width: 300px;height: 124px;background: url(../img/header/logo.svg)no-repeat center;background-size: 380px;}
.alinha-header .engloba-dir {width: 733px;}
.alinha-header .engloba-dir .infos{width: 100%; height: 58px; display: flex; justify-content: space-between;}
.alinha-header .engloba-dir .infos .telefones{width: fit-content;gap: 86px; display: flex; justify-content: space-between;align-items: center;}
.alinha-header .engloba-dir .infos .telefones .padrao{height: 100%;display: flex; align-items: center;}
.alinha-header .engloba-dir .infos .telefones .padrao i{margin: 0 5px 0 0}
.alinha-header .engloba-dir .infos .telefones .padrao i.whats{width: 18px;height: 18px;background: url(../img/header/whats.svg)no-repeat center;}
.alinha-header .engloba-dir .infos .telefones .padrao i.tell{width: 20px;height: 17px;background: url(../img/header/icon-telefone2.svg)no-repeat center; background-size: contain;}
.alinha-header .engloba-dir .infos .telefones .padrao p{font: 15px montserrat-medium;color: var(--branco);}
.alinha-header .engloba-dir .infos .telefones .padrao p b{font-family: montserrat-medium;}
.alinha-header .engloba-dir .infos .telefones a.padrao:hover p{text-decoration: underline;}
.alinha-header .engloba-dir .infos .mais{display: flex; justify-content: space-between; align-items: center;}
.alinha-header .engloba-dir .infos .mais .padrao-dir{display: flex; align-items: center; justify-content: center;}
.alinha-header .engloba-dir .infos .mais .padrao-dir i.email{width: 20px;height: 20px;margin: 1px 5px 0 0;background: url(../img/header/icon-email.svg)no-repeat center;background-size: contain;}
.alinha-header .engloba-dir .infos .mais .padrao-dir p{font: 15px montserrat-medium;color: var(--branco);}
.alinha-header .engloba-dir .infos .mais .padrao-dir p b{color: var(--vermelho);}
.alinha-header .engloba-dir .infos .mais a.padrao-dir:hover p{text-decoration: underline;}
.alinha-header .engloba-dir .menu{width: 100%; height: 69px; display: flex; align-items: center; justify-content: space-between; box-shadow: inset 0px 2px 0px 0px #7f828b; z-index: 1; position: relative;}
.alinha-header .engloba-dir .menu .item-menu{height: 100%; display: flex; align-items: center;}
.alinha-header .engloba-dir .menu .item-menu{font: 15px montserrat-regular;color: var(--branco);cursor: pointer;}
.alinha-header .engloba-dir .menu .item-menu:hover{box-shadow: inset 0px 7px 0px 0px var(--cinza-escuro);}
.alinha-header .engloba-dir .menu .item-menu.link-ativo{box-shadow: inset 0px 7px 0px 0px var(--cinza-escuro);}
.linha-cinza-menu{width:50%; height: 2px;background: #7f828b; position: absolute; right: 0; top: 60px;}
.menu-mobile{display: none}
.alinha-icon-menu{display: none}

@media (max-width:1220px) {
    main{padding: 106px 0 0;}
    .linha-cinza-menu {top: 55px;}
    .alinha-header .logo{height: 106px; width: 24%; background-size: 110%;}
    .alinha-header .engloba-dir {width: 70%;}
    .alinha-header .engloba-dir .infos{height: 53px;}
    .alinha-header .engloba-dir .infos .telefones{gap: 20px}
    .alinha-header .engloba-dir .infos .telefones .padrao p{font-size: 16px;}
    .alinha-header .engloba-dir .infos .mais {width: fit-content;}
    .alinha-header .engloba-dir .menu{height: 53px;}
    .alinha-header .engloba-dir .menu .item-menu:hover{box-shadow: inset 0px 4px 0px 0px var(--dourado);}
    .alinha-header .engloba-dir .menu .item-menu.link-ativo{box-shadow: inset 0px 4px 0px 0px var(--dourado);}

}
@media (max-width:990px) {
    main{padding: 80px 0 0;}
    .alinha-header{width: 100%; margin: 0;}
    .linha-cinza-menu{display: none;}
    .alinha-header .engloba-dir .infos {display:none}
    .alinha-header .engloba-dir .menu {display:none}

    .alinha-header .engloba-dir{width: 50%;}
    .alinha-icon-ligar {display: flex; align-items: center; float: right; width: 48px; height: 100%; margin: 0 8px 0 0}
    .icon-ligar {width: 46px; height: 46px; background: url(../img/header/icon-telefone2.svg)no-repeat center;background-size: 36px; border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center;transform: rotate(15deg);}
    
    .alinha-header .logo{height: 80px;min-width: 180px;}
    .alinha-icon-menu {display: flex; align-items: center; float: right; width: 48px; height: 100%;}
    .icon-menu {width: 46px; height: 46px; background: #c0c0c0; border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
    .fatia {width: 20px; height: 3px; background: var(--azul-marinho); margin-bottom: 5px;}
    .fatia:nth-child(3) {margin-bottom: 0px;}

    .menu-mobile { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: -100%; z-index: 99999; background: rgb(0 0 0 / 50%); }
    .menu-mobile .menu-mobile-div { float: left; width: 80%; height: 100%; background: #fff; overflow-y: auto;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div { float: left; width: 100%; margin: 0 0 100px;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div span { float: left; width: 100%; height: 60px; background: url(../img/header/logo.svg) no-repeat center var(--azul-marinho); background-size: 60%; padding: 20px 0;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div a { float: left; width: calc(100% - 40px); padding: 15px 20px; font: 14.5px montserrat-regular; color: var(--fontes); box-shadow: inset 0px -1px 0px 0px #C2DBF6;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div a.item-menu.link-ativo {background: #cfe9ff;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div strong{ float: left; width: 100%; display: none}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div strong a { width: calc(100% - 60px); padding: 15px 20px 15px 40px; background: #c3cd9e;}
    .menu-mobile i { float: left; width: 20%; color: #fff; display: flex; align-items: center; justify-content: center; height: 90px; background: var(--dourado); font: 30px montserrat-bold; cursor: pointer;}
    .submenu-mobile {cursor: pointer;}
}
@media (max-width: 767px){
    .alinha-header {width: 100%; margin: 0px}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div span {background-size: 280px;}
}
@media (max-width: 400px){
    .menu-mobile .menu-mobile-div .menu-mobile-div-div span {background-size: 100%;}
}