/****** Estilo para la Navegacion *******/
 .nav-link.active,
 .dropdown-item.active {
     color: #fff;
     width: 100px;
     /* Texto en blanco */
     background-color: #66dbf0;
     /* Fondo azul */
     border-radius: 10px;
     /* Borde redondeado */
 }

 /* Para .dropdown-toggle.active (Botón que despliega el menú) */
 .dropdown-toggle.active {
     color: #fff;
     background-color: #66dbf0;
 }

 /* Para pestañas personalizadas: .active-tab y .inactive-tab */
 .active-tab {
     border-radius: 5px;
     background-color: rgb(120, 222, 240);
     /* Azul claro */
     color: #fff;
     /* Texto en blanco */
 }

 .inactive-tab {
     background-color: transparent;
     /* Sin fondo */
     color: #000;
     /* Texto en negro */
 }