/***************************************
 * estilos.css (versión minimalista)
 * 
 * Objetivos:
 * - No forzar colores ni fondos
 * - Dejar a Bootstrap manejar .active, :hover, etc.
 * - Mantener algún espaciado o tipografía básica
 ****************************************/

/* 
  1) Espaciado en cada “accordion-item” dentro del sidebar
     (Opcional: da un pequeño margen entre items) 
*/
.sidebar-menu .accordion-item + .accordion-item {
    margin-top: 0.5rem;
}

/* 
  2) Si quieres ajustar la apariencia del título "Menú":
     Ejemplo: un poco más grande y negrita 
*/
.sidebar-menu h5 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

/*
  3) Ajustes mínimos para el contenedor del sidebar.
     - Sin color de fondo forzado (dejamos "bg-white" de Bootstrap)
     - Sin overrides de color o background para enlaces
*/
.sidebar-menu .accordion-button,
.sidebar-menu .nav-link {
    border: none;       /* quita borde extra */
    box-shadow: none;   /* quita sombra interna si existiera */
    font-weight: bold;  /* o normal si prefieres */
    /* No forzamos color, background, etc. */
}

/* 
  4) Si en algún momento deseas quitar el subrayado o bullets,
     podrías añadir .nav-link { text-decoration: none; }
     o .nav { list-style: none; }, etc.
     Pero de fábrica, Bootstrap ya maneja bien el .nav flex-column.
*/

/*
  5) IMPORTANTE: Eliminamos cualquier regla anterior
     que forzaba background-color: #4CAF50 (verde) 
     o color: #000 !important.

  EJEMPLO DE REGLAS A ELIMINAR (no las incluyas en este CSS):
    .sidebar-menu .accordion-button:hover,
    .sidebar-menu .nav-link:hover,
    .sidebar-menu .accordion-button:not(.collapsed),
    .sidebar-menu .nav-link.active {
        background-color: #4CAF50 !important; 
        color: #fff !important;
    }

    .nav-link.active {
        background-color: #4CAF50 !important;
        color: #fff !important;
    }

    .sidebar-menu .nav-link {
        color: #000 !important;
    }
  
  Todo eso debe desaparecer para que Bootstrap aplique sus colores.
*/

/*
  6) Si hay reglas para .sidebar (sin “-menu”) que ya no se usan,
     bórralas o coméntalas, p.ej.:

     .sidebar .accordion-button {
         background-color: ...;
         ...
     }

     .sidebar .nav-link {
         color: ...;
         ...
     }
*/
