header{width: 100%; z-index: 99; position: fixed;box-shadow:0 0px 2px #c0c0c0;}
.linha-top-menu{width: 100%;float: left; height: 4px;background: var(--vermelho-rosa);}
.engloba-top-menu{width: 100%; float: left; background: var(--branco)}
.engloba-top-menu .alinha-top-menu{width: calc(100% - 60px);padding: 0 30px; display: flex; justify-content: space-between; align-items: center;}
.engloba-top-menu .alinha-top-menu .logo{width: 199px; height: 98px; background: url(../img/header/logo.svg)no-repeat center;background-size: 180px; display: block;}
.engloba-top-menu .alinha-top-menu .paginas-menu {height: 98px;display: flex;justify-content: space-between;align-items: center;gap: 37px}
.engloba-top-menu .alinha-top-menu .paginas-menu .paginas{font: 14px montserrat-semibold; text-align: center; color: var(--font); height: 100%; display: flex; align-items: center;cursor: pointer;}
.engloba-top-menu .alinha-top-menu .paginas-menu .paginas:hover{color: var(--vermelho-rosa);text-decoration: underline;}
.engloba-top-menu .alinha-top-menu .paginas-menu .paginas.link-ativo{color: var(--vermelho-rosa);}
.engloba-top-menu .alinha-top-menu .redes-sociais{display: flex; align-items: center; gap: 30px;}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp{display: flex; align-items: center;}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp .bolinha{ min-width: 17px; height: 17px; margin-right: 8px;}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp .bolinha i{width: 100%;height: 100%;display: block;background: url(../img/header/whats.svg)no-repeat center; background-size: 17px;}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp.telefone .bolinha i{background: url(../img/header/tell.svg)no-repeat center; background-size: 17px;}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp .txt b{font: 17.8px montserrat-bold;line-height: 20px;color: var(--font-bold);}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp:hover .txt b{color: var(--whats);}
.engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp.telefone:hover .txt b{color: var(--vermelho-rosa);}
.icon-menu{display: none;}
.menu-mobile{display: none;}

@media(max-width: 1220px){
    .engloba-top-menu .alinha-top-menu {width: 100%; padding: 0;}
    .engloba-top-menu .alinha-top-menu .logo{width: 120px; height: 88px;background-size: contain;}
    .engloba-top-menu .alinha-top-menu .paginas-menu {gap: 35px}
    .engloba-top-menu .alinha-top-menu .redes-sociais{gap: 12px;}
    .engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp .bolinha{margin: 0;width: 43px;height: 42px;border-radius: 50%;background-color: var(--vermelho-rosa) !important;}
    .engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp .bolinha i{filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(16%) hue-rotate(320deg) brightness(105%) contrast(104%) !important;}
    .engloba-top-menu .alinha-top-menu .redes-sociais .whatsapp .txt{display: none;}
}

@media(max-width: 990px){
    .engloba-top-menu{box-shadow: 0px 0px 3px 0px #888;}
    .engloba-top-menu .alinha-top-menu .redes-sociais{display: none;}
    .engloba-top-menu .alinha-top-menu .paginas-menu {display: none;}
    .engloba-bottom-menu{display: none;}
    .engloba-top-menu .alinha-top-menu .logo{width: 110px; height: 70px;}
    .alinha-icon-menu {display: flex; align-items: center; float: right; width: 48px; height: 100%;}
    .icon-menu {width: 43px; height: 43px; background: var(--vermelho-rosa); border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; margin: -73px 0 0 -13px;}
    .fatia {width: 20px; height: 3px; background: var(--branco); 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: 80px; background: url(../img/header/logo.svg) no-repeat center; background-size: 25%;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div .item-menu {transition: 0.6s; float: left; width: calc(100% - 40px); padding: 15px 20px; font: 14.5px montserrat-regular; color: #000; box-shadow: inset 0px -1px 0px 0px #ddd;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div .item-menu.link-ativo {background: #f4e8eb;}
    .menu-mobile .menu-mobile-div .menu-mobile-div-div .item-menu.fechar-menu{background: #747474;color: var(--branco);}
    .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: 80px; background: var(--vermelho-rosa); font: 30px montserrat-bold; cursor: pointer;}
    a.ligar-mb {width: 43px; height: 43px; background: var(--vermelho-rosa); border-radius: 50px; display: flex; cursor: pointer; margin: -3px 70px 0 0;float: right;}
    a.ligar-mb i{width: 100%; height: 100%; display: block; background: url(../img/header/tell.svg) no-repeat center; background-size: 22px; filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(16%) hue-rotate(320deg) brightness(105%) contrast(104%);}
}
@media (max-width:767px){
    .menu-mobile .menu-mobile-div .menu-mobile-div-div span { background-size:129px}
}
