header {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
}


.navbar {
  display: flex;
  justify-content: space-between; 
  align-items: center; 
}


.navbar-nav .nav-item .nav-link {
  position: relative;
  color: #9B9B9B; 
  text-decoration: none; 
  transition: color 0.3s ease; 
}

.navbar-nav .nav-item .nav-link:hover {
  color: #00cfff; 
  font-family: "MontserratExtraBold";
}

.navbar-nav .nav-item .nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 5px; 
  background: linear-gradient(to right, rgba(254,153,0,1) 0%, rgba(237,206,1,1) 40%, rgba(102,193,20,1) 70%, rgba(17,178,209,1) 75%, rgba(17,178,209,1) 100%);
  left: 50%; 
  bottom: 0; 
  transform: translateX(-50%); 
  transition: width 0.3s ease; 
}

.navbar-nav .nav-item .nav-link:hover::after {
  width: 50%; 
}


/***************************REDES SOCIALES***********************/

.redes {
  display: flex; 
  align-items: center; 
  gap: 10px; 
}

.redes_item img {
  width: 32px; 
  height: 32px; 
}


.navbar-nav .nav-item {
  margin-left: 25px; 
}

/*************************************************/
/*************************************************/
/*************************************************/



@media (max-width: 425px) {
  img#logo {
    width: 20vh;
  }
  
  
}


@media (max-width: 991px) {

  img#logo {
    width: 15vh;
  }
  div#navbarCollapse {
    margin: 3rem 0rem;
}
.navbar-nav .nav-item {
  margin: 10px 0px 10px 0px;
}

.navbar-nav .nav-item .nav-link {

  border-bottom: 1px solid #9B9B9B;
  padding: 10px 0px;
}
}


@media (min-width: 992px) {
  img#logo {
    width: 15vh;
}
/*nav.container-fluid{
  padding: 0rem 2rem;
}*/
}  

 

@media (min-width: 1200px) {
  img#logo {
    width: 18vh;
  }
}  


@media (min-width: 1320px) {
  img#logo {
    width: 20vh;
}

 
/*
nav.container-fluid{
  padding: 0rem 3rem;
}*/
} 
/*
@media (min-width: 1400px) {
  nav {
       padding-left: 5% !important;
        padding-right: 5% !important;
  }
} */