/*-----------------------------navbar--------------------------------------*/

 nav {
     width: 100%;
 }



 .custom-navbar .navbar-nav .nav-link {
     color: white;
     /* Color de texto blanco para contraste */
     display: flex;
     align-items: center;
     height: 100%;
     /* Asegura que el enlace ocupe toda la altura del navbar */
     width: 100%;
     padding-top: 0;
     padding-bottom: 0;
 }

 .dropdown-menu {
     background-color: rgba(0, 0, 0, 0.5);
     /* Color de fondo deseado cuando el ítem está activo */
     margin-top: 15px;
 }

 .nav-link:hover,
 .nav-link:focus {
     color: white;
     /* Color de texto negro al pasar el mouse y cuando está en foco */
     text-decoration: none;
     /* Eliminar subrayado si es necesario */
    
 }


 .dropdown-item:active {

     color: white;
     /* Color de texto deseado cuando el ítem está activo */
 }
 .custom-navbar .dropdown-item:focus {

    color: rgb(0, 0, 0);
    /* Color de texto deseado cuando el ítem está activo */
}
.custom-navbar .dropdown-item:hover {

    color: rgb(0, 0, 0);
    /* Color de texto deseado cuando el ítem está activo */
}
 .custom-navbar .dropdown-item {
     
     color: white;
     /* Color de texto de los ítems del menú desplegable */
 }


 .flat {
     height: 2vh;
 }

 /* Mostrar el menú al pasar el mouse sobre el dropdown */
 .nav-item.dropdown:hover .dropdown-menu {
     display: block;
 }




 /* Ocultar el logo en modo responsive */
 @media (max-width: 992px) {
     #logo {
         display: none;
     }

     .navbar-toggler {
         background-color: rgba(0, 0, 0, 0.5);
         padding: 20px;
     }

     header {
         background-color: transparent;
     }

     .collapse {
         background-color: rgba(0, 0, 0, 0.5);
         padding: 10px;
         margin-top: 10px;
         border-radius: 3px;

     }
 }