/* Estilos para el nav */
#navbar {
    background-color: #f7f7f7;
}
/* Ajustar el contenido para que no quede detrás del navbar */
.main-content {
    padding-top: 60px; /* Ajusta el valor según la altura de tu navbar */
}

/* Estilos generales del navbar */
.navbar-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f7f7f7;
    z-index: 10000;
    padding: 10px 20px;
}

/* Ajuste de la disposición de los elementos */
.container-fluid {
    display: flex;
    align-items: center;
    justify-content: end; /* Centra el logo */
    position: relative;
}

/* Estilo del logo */
.logo {
    max-width: 50px;
    width: 46px;
    height: 43px;
}
.navbar-container .navbar-brand {
    margin-right: 10px; /* Espacio al lado derecho del logo */
}