/* Marca — solo pantallas de autenticación (login / registro) */
.auth-brand-logo {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    line-height: 0;
}

.auth-brand-logo__img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.auth-brand-logo--hero {
    background: #fff;
    border-radius: 12px;
    padding: 0.45rem 0.6rem;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.08),
        0 12px 36px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.08);
}

.auth-brand-logo--hero .auth-brand-logo__img {
    width: clamp(17rem, 38%, 28rem);
}

.auth-brand-logo--mobile .auth-brand-logo__img {
    width: min(20rem, 84vw);
}

@media (max-width: 991.98px) {
    .auth-brand-logo--hero .auth-brand-logo__img {
        width: min(84vw, 22rem);
    }
}