/* Chá Digital Pro v3.9.14 — identidade de quem publicou */
.publication-author{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 10px;
    min-width:0;
}

.publication-author-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    display:block;
    object-fit:cover!important;
    border-radius:50%!important;
    border:2px solid color-mix(
        in srgb,
        var(--primary) 28%,
        #fff
    );
    background:var(--soft,#f8f8f8);
    box-shadow:0 2px 7px rgba(0,0,0,.10);
    cursor:pointer;
}

.publication-author-avatar:hover{
    border-color:var(--primary);
    box-shadow:0 3px 10px color-mix(
        in srgb,
        var(--primary) 18%,
        transparent
    );
}

.publication-author-fallback{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    font-size:17px;
    cursor:default;
}

.publication-author-copy{
    display:flex;
    flex-direction:column;
    gap:1px;
    min-width:0;
    line-height:1.2;
}

.publication-author-name{
    color:var(--text);
    font-size:13px;
    font-weight:650;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.publication-author-time{
    color:var(--muted);
    font-size:10.5px;
    font-weight:400;
}

.publication-author + h3{
    margin-top:4px;
}

@media(max-width:700px){
    .publication-author-avatar{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        flex-basis:30px!important;
    }

    .publication-author-name{
        font-size:12.5px;
    }

    .publication-author-time{
        font-size:10px;
    }
}


/* ===== V3.9.16 — IDENTIDADE VISUAL DO AUTOR DOS COMENTÁRIOS ===== */
/*
 * O comentário segue a mesma escala visual usada na publicação e no
 * avatar "Meu Cadastro": 34px desktop e 30px mobile.
 */
.social-comment-head{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.social-comment-head .comment-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    display:block;
    object-fit:cover!important;
    border-radius:50%!important;
    border:2px solid color-mix(
        in srgb,
        var(--primary) 28%,
        #fff
    );
    background:var(--soft,#f8f8f8);
    box-shadow:0 2px 7px rgba(0,0,0,.10);
}

.social-comment-head img.comment-avatar{
    cursor:pointer;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.social-comment-head img.comment-avatar:hover{
    border-color:var(--primary);
    box-shadow:0 3px 10px color-mix(
        in srgb,
        var(--primary) 18%,
        transparent
    );
}

.social-comment-head .comment-avatar-fallback{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    font-size:17px;
    cursor:default;
}

.comment-author-copy{
    display:flex;
    flex-direction:column;
    gap:1px;
    min-width:0;
    line-height:1.2;
}

.comment-author-name{
    color:var(--text);
    font-size:13px;
    font-weight:650;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.comment-author-time{
    display:block;
    color:var(--muted);
    font-size:10.5px;
    font-weight:400;
}

@media(max-width:700px){
    .social-comment-head .comment-avatar{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        flex-basis:30px!important;
    }

    .comment-author-name{
        font-size:12.5px;
    }

    .comment-author-time{
        font-size:10px;
    }
}