@import url(style.css);

/* Menu specific styles */
.menu-toggle{
     display:none;
     border:0;
     background:transparent;
     padding:6px;
     cursor:pointer
}

.menu-toggle .bar{
    display:block;
    width:22px;
    background:#333;
    margin:4px 0;
    border-radius:2px
}

#mainNav {
  background-color: var(--primary);
  padding: 0 5% 0 15%;
  margin: 0; 
  border-bottom: 5px solid #0683f0  !important;

}


#mainNav ul li a {
  color:  var(--white);
  text-transform: lowercase;
  font-weight: 600 !important;
}


@media (max-width:900px){
    .menu-toggle{display:block}
    .primary-menu{position:relative}
    .primary-menu ul{flex-direction:column}
}


/* Ajustes de tipografía y enlaces */
body {
    font-family: 'Inter', sans-serif; /* Asegúrate de cargarla de Google Fonts */
}

.nav-link {
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    padding: 1.5rem 1rem !important; /* Aumenta el área táctil y el aire */
}

/* Efecto Hover en el Mega Menú */
.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-item {
    font-size: 0.9rem;
    color: #555;
    transition: color 0.3s ease;
}

.dropdown-item:hover {
    background: transparent;
    color: #000;
    text-decoration: underline;
}

/* Bordes y sombras minimalistas */
.dropdown-menu {
    border-top: 1px solid #eee !important;
}