/* Ocultar menu hambúrguer no desktop */
@media (min-width: 769px) {
.nav-toggle {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Garantir que o menu desktop seja exibido */
.nav-menu {
display: block !important;
position: static !important;
background: transparent !important;
height: auto !important;
width: auto !important;
left: auto !important;
top: auto !important;
}
.nav-list {
display: flex !important;
visibility: visible !important;
flex-direction: row !important;
gap: 2rem !important;
width: auto !important;
text-align: left !important;
padding: 0 !important;
margin: 0 !important;
}
.nav-item {
width: auto !important;
}
.nav-link {
display: inline-block !important;
padding: 0 !important;
font-size: 1rem !important;
}
}
/* Correção específica para o menu mobile */
@media (max-width: 768px) {
/* Forçar exibição do nav-toggle em mobile */
.nav-toggle {
display: flex !important;
flex-direction: column;
cursor: pointer;
z-index: 9999;
padding: 10px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.1);
border-radius: 4px;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* Garantir que as barras sejam visíveis */
.nav-toggle .bar {
width: 25px;
height: 3px;
background: white !important;
margin: 3px 0;
transition: 0.3s;
display: block !important;
}
/* Ocultar menu desktop */
.nav-menu {
display: none !important;
}
/* Ajustar navbar para mobile */
.navbar {
position: relative;
}
.navbar .container {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
/* Menu mobile overlay */
.nav-menu {
position: fixed !important;
top: 70px !important;
left: -100% !important;
width: 100% !important;
height: calc(100vh - 70px) !important;
background: rgba(45, 90, 74, 0.98) !important;
backdrop-filter: blur(10px);
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
padding-top: 2rem !important;
transition: left 0.3s ease !important;
z-index: 999 !important;
overflow-y: auto !important;
}
/* Mostrar menu quando ativo */
.nav-menu.active {
left: 0 !important;
display: flex !important;
}
.nav-menu .nav-list {
display: flex !important;
flex-direction: column !important;
gap: 2rem !important;
width: 100% !important;
text-align: center !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.nav-menu .nav-item {
width: 100% !important;
}
.nav-menu .nav-link {
display: block !important;
padding: 1rem !important;
font-size: 1.1rem !important;
color: white !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
}
.nav-menu .nav-link:hover {
background: rgba(244, 185, 66, 0.2) !important;
color: #f4b942 !important;
}
}
@media (max-width: 768px) {
.nav-toggle.active .bar:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.nav-toggle.active .bar:nth-child(2) {
opacity: 0;
}
.nav-toggle.active .bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
}