.navbar-nav :hover{ 
    background-color: rgb(237,28,36);
   
}


.navegacion{

    background-color: rgb(11, 11, 112)!important;
    width: 100%!important;
   box-shadow: 0 -5px 10px  rgb(78, 78, 250);
    border-bottom: 3px solid midnightblue;
     
   

} 

#navbarNav {
    background-color: rgb(212,0,14);
/* 
    background-color: rgb(237,28,36); */
    
    
}

/* .navbar-collapse {

 
} */


     
.navbar-nav {
    margin: 0 auto!important;
    

}


body.dark-mode  .navbar-collapse {
    background-color: black!important;

}

body.dark-mode  .navbar-collapse :hover {
    background-color: rgb(250, 3, 19)!important;

}

 
 body.dark-mode   .nav-link  {
    background-color: black!important;

}
 .collapse :hover{
    background-color:rgb(250, 3, 19)!important;
    color: bisque;
}

.colormenu{
    color: bisque;
    background-color: transparent;
    text-decoration: none!important;
     font-family: "Lilita One"!important;
   
    }

    .color--gray :hover{
        color: gray;
    }     
    


    .colormenu1{
        border-right: 2px solid rgb(226, 195, 156);
       
        
    }

    .colormenu2{
        border-left: 2px solid rgb(226, 195, 156);
       
        
    }



    .dropdown :hover{
        background-color: black;
    }

    .dropdown-menu .dropdown-item{
        color: gray;
    
    }
    
    .dropdown-toggle:hover {
        background-color: transparent!important;}
    
        /* estilos para eliminar el borde del boton de toggle*/
.navbar-dark .navbar-toggler {
    border-color: transparent; /* Para asegurarse de que el borde sea transparente */
    outline: none; /* Para eliminar cualquier contorno */
}

.navbar-dark .navbar-toggler:focus,
.navbar-dark .navbar-toggler:active {
    outline: none; /* Eliminar cualquier contorno de enfoque o activo */
    box-shadow:  none; /* Eliminar cualquier sombra del botón */
}

.nav-link:hover{
    color: gray!important;
}

/* .color--red{
    color: rgb(237,28,36)
} */



.zoome {
  
 
    transition: transform 0.2s; /* Transición para el efecto de rebote para menu */
  }
  
  /* Define los keyframes para el rebote */
  @keyframes bounce {
    0% {
      transform: translateY(1px);
    }
    50% {
      transform: translateY(-5px); /* Altura máxima del rebote */
    }
    100% {
      transform: translateY(8);
    }
  }
  
  /* Aplica la animación de rebote al pasar el cursor sobre el elemento */
  .zoome:hover {
    animation: bounce 0.5s ;
  }