header{background-color: #ffffff;margin: 0 auto;position: relative;height: 100px;width: 100%;z-index: 1;}
header>nav{align-items: center;margin-top: 10px;z-index: 2;margin: 0 auto;width: 100%;min-height: 100px;position: relative;display: flex;align-items: center;justify-content: space-between;}

.nav-menu-logo-tittle{margin-left: 100px; div{display: flex; align-items: center; gap: 10px;} img {width: 35px;height: 35px;} h1{font-size: 20px; font-weight: 400; padding: 0;padding-top: 5px;}}

.nav-menu-main{align-items: center; display: flex; margin-right: 0px;}
.nav-menu-main>ul {position: relative; z-index: 1; list-style: none;background-color: #fff; display: flex; align-items: center; gap: 20px; margin-right: 40px; }
.nav-item {display: flex; margin-left: 0px; } 
.nav-item a{font-family: "philosopher", sans-serif;font-weight: 700; padding: 13px 35px;font-style: normal;  text-decoration: none;letter-spacing: 0pt; transition: 0.3s;} 
.nav-item a:hover { font-weight: 700; letter-spacing: 0pt;}


.nav-item-hidden {display: none;}
.hidden-menu {display: hidden;}
/* Estilos para o ícone do menu de hambúrguer */
.hamburger {display: none   ;align-items: center;cursor: pointer;}
.hamburger span {display: block;transition: all 0.3s ease-in-out;}

@media screen and (max-width: 768px) {
header{margin: 0 auto;position: fixed;height: 70px;width: 100%;z-index: 5; top: 0;}
header>nav{min-height: 70px;}


.nav-menu-logo-tittle{margin-left: 15px; div{display: flex; align-items: center; gap: 10px;} img {width: 25px;height: 25px;} h1{font-size: 16px; font-weight: 700; padding: 0; padding-top: 5px;}}



.nav-menu-main{justify-content: right;width: 70px;}
.nav-menu-main>ul {overflow: hidden;margin-right: 0;padding: 5px;display: block;position: absolute;right: 0; flex-direction: column; background-color: #fff; width: 200px; height: 1920px;opacity: 0%;   border-radius: 10px;transition: 0.5s ease-in-out; transform: translateX(300px);}
/* Adicione a regra para o menu ativo */
.nav-menu-main ul.active {overflow: hidden;position: absolute;display: block;top: 70px;right: 0%;padding-top: 30px; width: 200px; background-color: #fff; transition: 0.3sx;opacity: 100%;z-index: 2;border-radius: 5px;transition: 0.5s ease-in-out;transform: translateX(10%);}

.hamburger span{width: 16px;height: 2px;background-color: #333;margin: 5px auto;}
.hamburger { overflow: hidden;position: fixed;right: 50px;display: block;}
.hamburger.active {align-items: center;justify-content: center;}
.hamburger.active>span{align-items: center; }
.hamburger.active>:nth-child(1){transform: rotate(-45deg);position: absolute;top: 0px;z-index: 3;}
.hamburger.active>:nth-child(2){opacity: 0%;align-content: center;z-index: 1;}
.hamburger.active>:nth-child(3){transform: rotate(45deg);position: absolute;top: 0px;z-index: 1;align-content: center;}



.nav-item {display: flex;padding: 15px 40px;margin: 0;}
.nav-item-hidden {display: flex;padding: 15px 40px;margin: 0;}
.nav-item-hidden a{font-family: "philosopher", sans-serif;font-weight: 1000;font-style: normal; color: #fff;}
.nav-item-hidden:hover {text-align: center;background-color: #F2B705; a{color: #0d0d0d;} border-radius: 5px;height: max-content;transition: 0.5s;}}