/* =========================================================
   VALUR — AJUSTES OFICIAIS DAS MARCAS
   ========================================================= */

/* Logo do Valur no login e no cadastro */

.auth-page .brand-mark-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 88px;
    width: 88px;
    height: 88px;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.auth-page .brand-mark-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Raposa da AN Soluções no login e no cadastro */

.auth-page .signature-symbol-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.auth-page .signature-symbol-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Logo da raposa no rodapé geral */

.footer-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.footer-brand-logo {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.footer-brand-text {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
}

/* Logo do Valur no cabeçalho da apresentação pública */

.public-page .public-brand-logo {
    display: block;
    flex: 0 0 104px;
    width: 104px;
    height: 72px;
    max-width: none;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Raposa nas áreas institucionais da apresentação */

.public-page .public-developer-logo {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.public-page .public-footer-logo {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Responsividade */

@media (max-width: 700px) {
    .auth-page .brand-mark-image {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
    }

    .auth-page .signature-symbol-image {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .public-page .public-brand-logo {
        flex-basis: 82px;
        width: 82px;
        height: 58px;
    }
}

@media (max-width: 430px) {
    .auth-page .brand-mark-image {
        flex-basis: 64px;
        width: 64px;
        height: 64px;
    }

    .public-page .public-brand-logo {
        flex-basis: 72px;
        width: 72px;
        height: 52px;
    }
}

/* Identidade VALUR: símbolo à esquerda, nome forte e subtítulo compacto. */
.auth-page .brand-lockup,
.public-page .public-brand,
.dashboard-brand,
.internal-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.auth-page .brand-mark-image {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
}
.public-page .public-brand-logo {
    flex: 0 0 60px;
    width: 60px;
    height: 54px;
}
.dashboard-brand-logo,
.internal-brand img {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    object-fit: contain;
}
.auth-page .brand-name,
.public-page .public-brand-name,
.dashboard-brand-name,
.internal-brand strong {
    display: block;
    color: inherit;
    font-size: 1.36rem;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}
.auth-page .brand-category,
.public-page .public-brand-category,
.dashboard-brand-category,
.internal-brand small {
    display: block;
    font-size: 0.61rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.065em;
    text-transform: uppercase;
    white-space: normal;
}
.internal-brand > span { min-width: 0; }
@media (max-width: 430px) {
    .auth-page .brand-mark-image,
    .public-page .public-brand-logo,
    .dashboard-brand-logo,
    .internal-brand img {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
    }
    .auth-page .brand-name,
    .public-page .public-brand-name,
    .dashboard-brand-name,
    .internal-brand strong { font-size: 1.13rem; }
    .auth-page .brand-category,
    .public-page .public-brand-category,
    .dashboard-brand-category,
    .internal-brand small { font-size: 0.53rem; }
}