.header {
   position: fixed;
   top: 0;
   left: 0;
   display: flex;
   width: 100%;
   height: 83px;
   background: white;
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
   z-index: 1000;
}

.header-left {
   width: 512px;
   display: flex;
   align-items: center;
   justify-content: right;
   background: var(--cor-primaria);
}

.logo-hero img {
   width: 143px;
   height: 57px;
   object-fit: contain;
}

.header-right {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 40px;
   background: #233d4c;
   position: relative;
}

.navigation {
   display: flex;
   gap: 45px;
}

.nav-item {
   color: white;
   text-decoration: none;
   font-size: 16.5px;
   transition: color 0.3s ease;
}

.nav-item:hover {
   color: #FF7B00;
}

.nav-item.active {
   color: #FF7B00;
   font-weight: bold;
   padding-bottom: 6px;
   border-bottom: 1px solid #FF7B00;
}

.menu-toggle {
   display: none;
   font-size: 28px;
   color: white;
   cursor: pointer;
}

@media (max-width: 768px) {
   .header {
      height: 60px;
   }

   .header-left {
      width: 130px !important;
      min-width: 130px;
      padding-right: 0;
   }

   .header-right {
      padding: 0 10px;
      width: calc(100% - 130px) !important;
   }

   .logo-hero img {
      width: 110px;
      height: auto;
   }
}