/* Estilos personalizados */
#sidebar {
    height: 100vh; /* Altura completa de la ventana */
    background-color: #f8f9fa; /* Color de fondo */
    padding-top: 20px;
    transition: margin 0.3s ease;
  }
  
  #sidebar.collapse:not(.show) {
    margin-left: -25%; /* Oculta el navbar lateral */
  }
  
  #sidebar .nav-link {
    color: #333; /* Color del texto */
  }
  
  #sidebar .nav-link.active {
    background-color: #007bff; /* Color de fondo activo */
    color: white; /* Color del texto activo */
  }
  
  #content {
    padding: 20px;
    transition: margin 0.3s ease;
  }
  
  .logo {
    border-bottom: 1px solid #ddd;
  }