/* MCA Connect 5.3.2
   Ajuste exclusivo do logotipo no login do Portal do Membro.
   Não altera formulário, autenticação, Gestão ou Portal Pastoral. */

.mca530-member-login .access-brand{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

.mca530-member-login .access-brand > span:last-child{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
}

.mca530-member-login .access-brand-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 64px !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    margin:0 !important;
    padding:5px !important;
    overflow:hidden !important;
    border-radius:50% !important;
    background:#fff !important;
    border:1px solid rgba(255,255,255,.55) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18) !important;
}

.mca530-member-login .access-brand-logo img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:54px !important;
    max-height:54px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
    filter:none !important;
}

.mca530-member-login .access-brand strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:25px !important;
    font-weight:700 !important;
    line-height:1.03 !important;
    letter-spacing:-.015em !important;
    text-transform:none !important;
}

.mca530-member-login .access-brand small{
    display:block !important;
    margin:6px 0 0 !important;
    padding:0 !important;
    color:#e9b45f !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:8px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.18em !important;
    text-transform:uppercase !important;
}

/* Dá mais respiro entre a identidade e o conteúdo da lateral. */
.mca530-member-login .access-visual-copy{
    margin-top:clamp(62px,9vh,110px) !important;
}

/* Tablet */
@media (min-width:768px) and (max-width:1100px){
    .mca530-member-login .access-brand{
        gap:12px !important;
    }

    .mca530-member-login .access-brand-logo{
        flex-basis:58px !important;
        width:58px !important;
        height:58px !important;
        min-width:58px !important;
        max-width:58px !important;
        padding:5px !important;
    }

    .mca530-member-login .access-brand-logo img{
        max-width:48px !important;
        max-height:48px !important;
    }

    .mca530-member-login .access-brand strong{
        font-size:22px !important;
    }

    .mca530-member-login .access-brand small{
        font-size:7px !important;
    }
}

/* Celular */
@media (max-width:767px){
    .mca530-member-login .access-brand{
        gap:10px !important;
    }

    .mca530-member-login .access-brand-logo{
        flex:0 0 50px !important;
        width:50px !important;
        height:50px !important;
        min-width:50px !important;
        max-width:50px !important;
        padding:4px !important;
    }

    .mca530-member-login .access-brand-logo img{
        max-width:42px !important;
        max-height:42px !important;
    }

    .mca530-member-login .access-brand strong{
        font-size:19px !important;
    }

    .mca530-member-login .access-brand small{
        margin-top:4px !important;
        font-size:6px !important;
        letter-spacing:.15em !important;
    }

    .mca530-member-login .access-visual-copy{
        margin-top:38px !important;
    }
}