/* Wrapper principal da Caixa do Autor */
.author-section-wrapper {
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* Parte Interna: Imagem e Detalhes */
.author-section-inner {
    display: flex;
    align-items: center;
    padding: 20px 15px; /* 20px superior e inferior, 15px laterais */
}

/* Imagem do Autor */
.author-photo-container {
    flex-shrink: 0;
    margin-right: 15px; /* Espaço entre a imagem e os textos */
    display: flex; /* Adicionado para alinhar ao centro */
    align-items: center; /* Centraliza verticalmente a imagem */
}

.author-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%; /* Forma circular */
    border: 1px solid #eee;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Detalhes do Autor */
.author-details-container {
    flex-grow: 1;
}

.author-name {
    font-size: 1rem; /* Tamanho maior para o nome */
    font-weight: bold;
    color: #333; /* Cor escura */
    margin: 0;
    margin-bottom: 5px; /* Espaço entre o nome e a descrição */
}

/* Remover sublinhado no link do nome */
.author-name a {
    text-decoration: none; /* Remove o sublinhado */
    color: inherit; /* Mantém a cor do texto */
}

.author-name a:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}

.author-description {
    font-size: 0.875rem; /* Tamanho padrão para a descrição */
    color: #1f1f1f; /* Cor mais clara para contraste */
    line-height: 1.313rem; /* Altura de linha ajustada */
}


/* Redes Sociais */
.author-socials-container {
    padding: 12px 15px;
    background-color: #fcfcfc; /* Fundo cinza claro */
    border-radius: 0 0 8px 8px; /* Bordas arredondadas apenas nos cantos inferiores */
    border-top: 1px solid #ddd; /* Borda superior de 1px na cor preta */
    display: flex; /* Alinha os itens em linha */
    justify-content: space-between; /* Espaçamento entre as redes sociais e o botão */
    align-items: center; /* Alinha os itens verticalmente no centro */
}

/* Conteúdo das redes sociais */
.author-socials-content {
    display: flex; /* Garante o alinhamento horizontal */
    flex-wrap: nowrap; /* Impede quebra de linha */
    gap: 15px; /* Espaçamento maior entre os ícones */
}

/* Links de Redes Sociais */
.author-socials-container .social-link {
    text-decoration: none;
    display: inline-flex; /* Garante o alinhamento horizontal dos ícones */
    align-items: center; /* Centraliza verticalmente os ícones */
    justify-content: center; /* Centraliza horizontalmente os ícones */
    width: 25px; /* Tamanho uniforme */
    height: 25px; /* Tamanho uniforme */
    transition: color 0.3s ease, fill 0.3s ease; /* Suaviza as transições */
}

/* Estilo de Hover Individual por Rede Social */
.social-facebook:hover svg {
    fill: #365899; /* Cor no hover do Facebook */
}

.social-twitter:hover svg {
    fill: #0d8ddb; /* Cor no hover do Twitter/X */
}

.social-instagram:hover svg {
    fill: #C13584; /* Cor no hover do Instagram */
}

.social-linkedin:hover svg {
    fill: #005582; /* Cor no hover do LinkedIn */
}

.social-youtube:hover svg {
    fill: #CC0000; /* Cor no hover do YouTube */
}

/* Ícones SVG */
.social-link svg {
    width: 25px; /* Tamanho uniforme para os ícones */
    height: 25px; /* Tamanho uniforme para os ícones */
    transition: fill 0.3s ease; /* Suaviza as mudanças de cor */
}

/* Botão "Saiba Mais" */
.author-more-container {
    text-align: right; /* Alinha o botão à direita */
}

.author-more-button {
    display: inline-block;
    padding: 6px 16px; /* Tamanho ajustado */
    font-size: 0.875rem; /* Tamanho ajustado */
    color: #fff; /* Texto branco */
    background: #000; /* Fundo preto */
    border: 1px solid #000; /* Borda preta */
    border-radius: 50px; /* Bordas arredondadas */
    text-decoration: none;
    transition: all 0.3s ease; /* Suaviza as transições */
    white-space: nowrap; /* Impede quebra de linha no botão */
}

/* Estilo ao passar o mouse (hover) */
.author-more-button:hover {
    background: #444; /* Fundo cinza escuro */
    color: #fff; /* Texto preto */
    border-color: #444; /* Mantém a borda cinza escuro */
}

/* Ajuste para alinhar o botão e ícones */
.author-socials-container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Garante alinhamento horizontal entre ícones e botão */
}