body {
    background-color: #F5F5F5;
    font-family: 'Arial', sans-serif;
}

.navbar {
    background-color: #1A2A3A;
    color: #FFFFFF;
}

.sidebar {
    background-color: #2C3E50;
    color: #FFFFFF;
    height: 100vh;
    position: fixed;
    left: 0;
    width: 250px;
}

.sidebar a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
    display: block;
}

.sidebar a:hover {
    background-color: #1A2A3A;
}

.main-content {
    margin-left: 250px;
    padding: 20px;
}

.card {
    background-color: #FFFFFF;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-primary {
    background-color: #2C3E50;
    border: none;
}

.btn-primary:hover {
    background-color: #1A2A3A;
}

.alert-success {
    background-color: #27AE60;
    color: #FFFFFF;
}

.alert-danger {
    background-color: #E74C3C;
    color: #FFFFFF;
}
/* Estilos específicos para el sidebar */
.custom-sidebar {
    background-color: #2C3E50; /* Color de fondo */
    color: #FFFFFF; /* Color del texto */
    height: 100vh; /* Altura completa */
    position: fixed; /* Fijo en la pantalla */
    left: 0;
    width: 250px; /* Ancho del sidebar */
    padding: 20px; /* Espaciado interno */
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); /* Sombra lateral */
    font-family: 'Roboto', sans-serif; /* Nueva tipografía */
}

.sidebar-title {
    font-size: 1.5rem; /* Tamaño del título */
    margin-bottom: 20px; /* Espaciado inferior */
    font-weight: 500; /* Peso de la fuente */
}

.sidebar-brand {
    color: #FFFFFF; /* Color del texto del título */
    text-decoration: none; /* Sin subrayado */
    font-weight: bold; /* Texto en negrita */
}

.sidebar-brand:hover {
    color: #1ABC9C; /* Color al pasar el mouse */
}

.sidebar-menu {
    margin: 0;
    padding: 0;
}

.sidebar-item {
    margin-bottom: 8px; /* Reducir espaciado entre botones */
}

.sidebar-link {
    display: block; /* Hace que el enlace ocupe todo el ancho */
    padding: 10px 15px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    text-align: left; /* Alineación del texto */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave */
    font-size: 0.9rem; /* Tamaño de fuente más pequeño */
    font-weight: 400; /* Peso de la fuente */
}

.sidebar-link:hover {
    background-color: #1ABC9C; /* Color de fondo al pasar el mouse */
    color: #FFFFFF; /* Color del texto al pasar el mouse */
    text-decoration: none; /* Sin subrayado */
}

/* Estilos específicos para el botón de Cerrar Sesión */
.sidebar-link.btn-danger {
    background-color: #E74C3C; /* Color de fondo del botón de cerrar sesión */
    border: none; /* Sin borde */
}

.sidebar-link.btn-danger:hover {
    background-color: #C0392B; /* Color de fondo al pasar el mouse */
}