/* Estilos para el logo en la barra de navegación */
.logo-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo-title img {
    height: 41px;
    width: auto;
}

/* Estilos para la versión del tag al lado del logo */
.version-tag {
    font-size: 1rem;
    color: #6c757d;
    font-weight: normal;
    margin-left: 5px;
    white-space: nowrap;
}

/* Responsive: ajustar tamaño del logo en pantallas pequeñas */
@media (max-width: 768px) {
    .logo-title img {
        height: 28px;
    }
    
    .logo-title h4 {
        font-size: 1.1rem;
    }
}

/* Hover effect para el logo */
.logo-title:hover img {
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.navbar-brand-login {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
    margin: 0 auto;
}

.navbar-brand-login .organization-name {
    font-weight: 600;
    color: #212529;
}