/* Altares — componentes de logo */
.brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.brand-logo__icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex-shrink: 0;
}

.brand-logo__name {
    height: 22px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    flex-shrink: 0;
}

.brand-logo__full {
    height: auto;
    max-width: 200px;
    width: min(100%, 200px);
    object-fit: contain;
    display: block;
}

.inst-logo.brand-logo .brand-logo__name {
    height: 20px;
}

.inst-footer-brand .brand-logo__full {
    max-width: 180px;
}

.nav-logo-wrap.brand-logo .brand-logo__icon {
    width: 28px;
    height: 28px;
}

.nav-logo-wrap.brand-logo .brand-logo__name {
    height: 18px;
}

.nav-logo-wrap.brand-logo .nav-brand {
    display: none;
}

.top-header-logo-link .brand-logo__name {
    height: 24px;
    max-width: 160px;
}

.top-header-logo-link .brand-logo__icon {
    width: 28px;
    height: 28px;
}

.sb-brand-logo .brand-logo__full,
.sb-brand-logo .brand-logo__name {
    max-width: 100%;
}

.sb-brand-logo .brand-logo__name {
    height: 18px;
}

.auth-brand .brand-logo__full {
    max-width: 220px;
    margin: 0 auto 24px;
}

.auth-brand .brand-logo__name {
    height: 28px;
    margin: 0 auto 24px;
}