* {
    scroll-behavior: smooth;
}


.menu{max-width: 100vw; width: 100%;float: left;height: 166px;background: url(content/fundo-menu.jpg)no-repeat center top #16154f;}
.logo{width: 345px;height: 47px;float: left;background: url(content/logo.svg)no-repeat center top;margin: 33px 0 0 50px;}

.engloba-contatos-menu{width: 720px;float: right;margin: 33px 0;}
.engloba-tel-menu{ transition: 0.4s; width: 260px; float: left;display: flex;align-items: center;}
.icon-tel-menu{transition: 0.4s; width: 47px;height: 47px;float: left;background: url(content/ligar.svg)no-repeat center, #006CC3;background-size: 15px;}
.tel-menu{float: left;font:800 18px montserrat;color: #1c1c50;margin: 0 0 0 15px;}
.tel-menu span{font: 400 18px montserrat;}
.menu-bottom{background: #006CC3; float: left; width: 100%; padding: 20px 0;}
.menu-bottom .links{display: flex; align-items: center; justify-content: space-between;}
.menu-bottom .links a{font: 400 14.5px montserrat; color: #fff;} 

.engloba-tel-menu:hover .icon-tel-menu{background: url(content/ligar.svg)no-repeat center, #151550;background-size: 15px; }
.engloba-tel-menu:hover .tel-menu span{color: #151550;}
.engloba-tel-menu:hover .text-menu p {color: #151550;}

.engloba-email-menu{width: 250px;float: left;margin: 0 0 0 45px;display: flex;align-items: center;}
.icon-email-menu{width: 47px;height: 47px;float: left;background: url(content/envelope.svg)no-repeat center #006CC3;background-size: 15px;}
.titulo-email{float: left;font:700 11px montserrat;color: #1c1c50;margin: 5px 0 0 17px;}
.email-menu{width: 269px;height: 16px;float: left;background: url(content/email.png)no-repeat center top;margin: 5px 0 0 17px;}

.engloba-email-menu:hover .icon-tel-menu{background: url(content/ligar.svg)no-repeat center, #151550;background-size: 15px; }
.engloba-email-menu:hover .tel-menu span{color: #151550;}
.engloba-email-menu:hover .text-menu p {color: #151550;}

.text-menu{display: flex;flex-direction: column;}
.text-menu p{font:500 13px montserrat;color: #8d8d90;padding: 0 0 0 15px;}

.engloba-redes{width: 108px;float: left;margin: 0 0 0 38px;}

.rede-1{width: 47px;height: 47px;float: left;background: url(content/insta.svg) no-repeat center / 20px, linear-gradient(10deg, #f9ce34, #ee2a7b, #6228d7); background-size: 20px, 200% 100%; background-position: center, 0% 0%; transition: background-position 1s;}
.rede-2{width: 47px;height: 47px;float: left;background: url(content/whatsapp.svg)no-repeat center #4BA92B;background-size: 18px;margin: 0 0 0 14px; transition: 0.4s;}

.rede-1:hover{background-position: center, 100% 0%;}
.rede-2:hover{background: url(content/whatsapp.svg)no-repeat center #3F8E25;background-size: 18px;} 

.div-paginas{width: 100%;float: left;margin: 34px 0 0 0;display: flex;align-items: center;justify-content: space-between;}
.div-paginas a{float: left;font:400 14.5px montserrat;color: #ffffff; height: 75px; display: flex ; align-items: center; text-align: center; padding: 0 20px; transition: 0.3s;} 
.div-paginas a:hover{background: #226cbf;}

.menu-categorias{display: none;}

.menu-categorias{width: 68%;float: left;margin: -2px 0 0 0;}
.menu-categorias a{width: 25%;float: left;font:500 15px montserrat;color: #8d8d90;text-align: center;padding: 21px 0;}
.menu-categorias a:hover{box-shadow: inset 0 2px 0 0 #d13d3d;}

.icon-menu{display: none;}

.ativo-menu-sub{background: #226cbf;}

@media(max-width: 1250px){
    .div-paginas a{padding: 0px 10px;}
    .engloba-contatos-menu {width: unset;}
    .engloba-redes,
    .engloba-email-menu {margin: 0 0 0 20px;}    
}

@media(max-width: 1190px){
    .logo{margin: 33px 0 0 0;}
}

@media(max-width: 1130px){
    .logo{width: 260px;height: 47px; background-size: contain;}
}

@media(max-width: 1025px){
    .engloba-redes{display: none;}
    /* .engloba-contatos-menu{width: 579px;} */
}

@media(max-width: 1020px){
    /* .engloba-contatos-menu{width: 680px;} */
    .engloba-email-menu{margin: 0 0 0 15px;}
    .engloba-redes{margin: 0 0 0 10px;}
}

@media(max-width: 990px){
    .engloba-contatos-menu{display: none;}
	.icon-menu { display: block; float: right; width: 32px; height: 32px; margin: 29px 4% 29px 0; background: url(content/menu.svg) no-repeat center; background-size: 32px;cursor: pointer;}
	.menu { height: 93px;border: none;position: fixed;top: 0;z-index: 9999;box-shadow: 0 0 20px 0 #000;}
	.logo { width: 300px; height: 35px; margin: 31px 0 0 3%; background-size: contain;}
	.fundo-menu { max-width: 100vw; width: 100%; position: fixed; height: 100%; top: 0; left: 0; padding: 0; z-index: 9999999;background: rgba(0, 0, 0, 0.65);left: -100%;}
	.div-paginas { display: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; z-index: 99999999;background: #ffffff; left: -80%;}
	.div-paginas a { padding: 2px 0 2px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left;color: #878a8e;font-size: 16px; height: 40px;}
    .div-paginas a br{ display: none;}
    .div-paginas a:hover { background: #2d8bf4; box-shadow: inset 10px 0px 0px 0px #2d8bf4 !important;color: #ffffff !important;}
    .ativo-menu{ background: #2d8bf4 !important; box-shadow: inset 10px 0px 0px 0px #2d8bf4 !important;color: #ffffff !important;}
    .celular-home { display: block; width: 30px; height: 30px; margin: 31px 5%; float: right; background: url(content/ligar-2.svg) no-repeat center top; background-size: 30px;}

	.menu-categorias {display: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0;z-index: 99999999; background: #ffffff;left: -80%;overflow: auto;}
	.menu-categorias a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left}
    .menu-categorias a:hover {background: #2d8bf4; box-shadow: inset 10px 0px 0px 0px #2d8bf4 !important;color: #ffffff !important;}

    .voltar-menu {font: 16px montserrat-bold !important;color: #36393f !important;display: flex;align-items: center;}
	.voltar-menu i{background: url(content/left-arrow.svg)no-repeat;padding: 9px 3%;margin: 0 10px 0 0;}
    .voltar-menu:hover {color: #ffffff !important;}
    
    .ativo-menu-sub{background: #2d8bf4; box-shadow: inset 10px 0px 0px 0px #2d8bf4 !important;color: #ffffff !important;}

    .logo-res{width: 100%;height: 70px;float: left;background: url(content/logo.svg)no-repeat center #ffffff;background-size: 200px;}
    .menu-bottom {display: none;}
    .menu-bottom .links {flex-direction: column; gap: 30px; align-items: flex-start; font-size: 18px;}
}

@media(max-width: 540px){
    .logo { width: 65%; height: 40px; margin: 30px 0 0 3%; background-size: contain;}
}

@media(max-width: 400px){
    .celular-home {margin: 31px 3% 0 2%;}
    .icon-menu {margin: 29px 2% 0 2%;}
}