/* =========================================================================
   Card de autoria ("Quem escreveu esse post?") — fim do post
   Para mudar a aparência, altere apenas as variáveis do bloco :root abaixo.
   ====================================================================== */

:root {
    /* Cores */
    --card-autor-fundo: #aef5a1;              /* fundo verde do card */
    --card-autor-titulo: #0b253f;             /* título, nome e ícone */
    --card-autor-texto: #142f44;              /* corpo do texto */
    --card-autor-linha: rgba(11, 37, 63, .8); /* divisória */

    /* Medidas */
    --card-autor-raio: 18px;
    --card-autor-espaco: 36px 40px;           /* padding interno */
    --card-autor-foto: 132px;                 /* diâmetro da foto */
    --card-autor-coluna: 38px;                /* respiro entre foto e divisória */
}

.card-autor {
    background: #aef5a1;
    background: var(--card-autor-fundo);
    border-radius: 18px;
    border-radius: var(--card-autor-raio);
    padding: 36px 40px;
    padding: var(--card-autor-espaco);
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    clear: both;
    float: none;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Lexend Deca', 'Raleway', sans-serif;
}

/* ---------- Coluna da esquerda: foto + nome ---------- */

.card-autor__perfil {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    padding-right: 38px;
    padding-right: var(--card-autor-coluna);
    border-right: 1px solid rgba(11, 37, 63, .8);
    border-right: 1px solid var(--card-autor-linha);
}

.card-autor__foto {
    width: 132px;
    width: var(--card-autor-foto);
    height: 132px;
    height: var(--card-autor-foto);
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 16px;
    background: rgba(11, 37, 63, .08);
}

.card-autor__foto img,
.card-autor__foto .avatar {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    max-width: none;
}

.card-autor__nome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    color: #0b253f;
    color: var(--card-autor-titulo);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.card-autor__nome-texto {
    display: inline-block;
}

.card-autor__linkedin + .card-autor__nome-texto {
    margin-left: 8px;
}

.card-autor__linkedin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    color: #0b253f;
    color: var(--card-autor-titulo);
    text-decoration: none;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.card-autor__linkedin:hover,
.card-autor__linkedin:focus {
    color: #0b253f;
    color: var(--card-autor-titulo);
    opacity: .7;
    text-decoration: none;
}

.card-autor__linkedin-icone {
    display: block;
    width: 18px;
    height: 18px;
}

/* ---------- Coluna da direita: título + texto ---------- */

.card-autor__conteudo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 26px;
}

.card-autor__titulo {
    margin: 0 0 14px;
    color: #0b253f;
    color: var(--card-autor-titulo);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
}

.card-autor__texto {
    color: #142f44;
    color: var(--card-autor-texto);
    font-size: 15px;
    line-height: 1.65;
}

.card-autor__texto p {
    margin: 0 0 12px;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.card-autor__texto p:last-child {
    margin-bottom: 0;
}

.card-autor__texto a {
    color: inherit;
    text-decoration: underline;
}

/* ---------- Telas menores ---------- */

@media screen and (max-width: 767px) {
    .card-autor {
        padding: 28px 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .card-autor__perfil {
        width: 100%;
        padding: 0 0 20px;
        border-right: 0;
        border-bottom: 1px solid rgba(11, 37, 63, .8);
        border-bottom: 1px solid var(--card-autor-linha);
    }

    .card-autor__foto {
        width: 110px;
        height: 110px;
    }

    .card-autor__conteudo {
        padding: 20px 0 0;
    }

    .card-autor__titulo {
        font-size: 18px;
        text-align: center;
    }
}