/* 1. RESUMO: Justificado */
.obj_article_details .abstract, 
.page_article_details .abstract,
.abstract p {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* 2. REFERÊNCIAS: Resolvendo o "Blocão" e o "Buraco" */
.obj_article_details .item.references .value {
    white-space: normal !important; /* Limpa os espaços gigantes das imagens */
    text-align: left !important;
    /* A LINHA QUE VOCÊ PERGUNTOU ENTRA AQUI: */
    word-spacing: 0.1em; 
    line-height: 2.2 !important; /* Cria o espaçamento entre as referências mesmo sem parágrafos */
    display: block !important;
}

/* 3. DIREITOS AUTORAIS E RODAPÉ: Justificados */
.page_article_details .item.copyright .value,
.item.author_copyright .value,
.item.copyright p {
    text-align: justify !important;
    text-justify: inter-word !important;
}
footer .container {
    text-align: justify !important;
}

/* 4. PÁGINA SOBRE: Justificado para Textos e Listas */
.page_about .content, 
.page_about p,
.page_about ul li, 
.page_about ol li,
.page_about div {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    margin-bottom: 10px; /* Dá um respiro entre os itens da lista */
}

/* 5. PÁGINA SOBRE: Títulos e Alinhamento das Listas */
.page_about h2, 
.page_about h3,
.page_about h4,
.page_about h5 {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 8px;
    margin-top: 35px !important;
    margin-bottom: 15px !important;
    font-weight: bold !important;
    text-transform: uppercase; /* Deixa em maiúsculo para combinar com seu padrão */
}

/* Garante que a bolinha da lista não suma com a justificação */
.page_about ul {
    padding-left: 25px !important;
    list-style-position: outside !important;
}

/* 6 e 10. PÁGINA DE SUBMISSÕES: Checklist e a Frase Introdutória */
.page_submissions .submission_checklist,
.page_submissions .submission_checklist li,
.page_submissions .section.submission_checklists,
.page_submissions .section.submission_checklists .label {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    display: block !important;
    width: 100% !important;
}

/* Ajuste de respiro para os itens com check verde */
.page_submissions .submission_checklist li {
    padding-right: 15px !important;
    margin-bottom: 10px !important;
}

/* 7 e 8. PÁGINA DE SUBMISSÕES: Introdução e Diretrizes Detalhadas */
#authorGuidelines p,
#authorGuidelines li,
.page_submissions .intro p,
.page_submissions .pkp_structure_main > p,
.page_submissions .pkp_structure_main > div,
.page_submissions #submissionGuidelines p {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* Ajuste para os títulos dentro das diretrizes */
#authorGuidelines h2,
#authorGuidelines h3, 
#authorGuidelines h4 {
    margin-top: 25px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
}

/* 9. PÁGINA DE SUBMISSÕES: Justificar Direitos Autorais e Privacidade */
.page_submissions .copyright_notice,
.page_submissions .copyright_notice p,
.page_submissions .privacy_statement,
.page_submissions .privacy_statement p {
    text-align: justify !important;
    text-justify: inter-word !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
}

/* Mantém o padrão de títulos para estas seções */
.page_submissions .copyright_notice h2,
.page_submissions .privacy_statement h2 {
    margin-top: 35px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 8px;
    text-transform: uppercase;
}

/* 11. EFEITO DE DESTAQUE (HOVER) NA LISTA DE ARTIGOS */
.obj_article_summary {
    transition: all 0.3s ease !important; /* Faz a transição ser suave */
    padding: 15px !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
}

.obj_article_summary:hover {
    background-color: #f8f9fa !important; /* Um cinza bem clarinho */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; /* Cria a sombra suave */
    transform: translateY(-2px); /* Faz o artigo "subir" levemente */
    border-left: 4px solid #0056b3; /* Adiciona uma barrinha colorida na esquerda (opcional) */
}

/* 12. EFEITO DE MOVIMENTO NAS CAPAS (PÁGINA INICIAL E ARQUIVOS) */
.obj_issue_toc .cover img, 
.obj_article_details .cover img, 
.item.cover_image img,
.obj_issue_summary .cover img,
.issue_summary .cover img {
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
    display: block !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

.obj_issue_toc .cover img:hover, 
.obj_article_details .cover img:hover, 
.item.cover_image img:hover,
.obj_issue_summary .cover img:hover,
.issue_summary .cover img:hover {
    transform: scale(1.05) translateY(-8px) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.3) !important;
    z-index: 10 !important;
    position: relative !important;
}

/* 13. ESTILO DOS BLOCOS LATERAIS (ISSN E DADOS DA REVISTA) */

/* Cria a caixa cinza ao redor dos dados */
.info-revista-sidebar {
    background-color: #f1f1f1 !important; /* Cor cinza de fundo */
    border-radius: 4px !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
    border: 1px solid #ddd !important; /* Borda sutil */
}

/* Formata cada linha (ISSN, Qualis, etc) */
.info-item {
    border-bottom: 1px solid #ffffff !important; /* Linha branca divisória */
    padding: 8px 0 !important;
    font-size: 0.9em !important;
    color: #333 !important;
    text-align: left !important;
}

/* Remove a linha divisória do último item */
.info-item:last-child {
    border-bottom: none !important;
}

/* Garante que o negrito apareça bem */
.info-item strong {
    font-weight: 700 !important;
    color: #000 !important;
}

/* 14. ESTILO PARA A NUVEM DE PALAVRAS (TAG CLOUD) */
.block_keyword_cloud .content {
    text-align: center !important;
    padding: 10px;
}

.block_keyword_cloud li {
    display: inline-block !important;
    margin: 5px !important;
}

.block_keyword_cloud a {
    text-decoration: none !important;
    color: #0056b3 !important;
    font-weight: bold;
}

.block_keyword_cloud a:hover {
    color: #003d7a !important;
    text-decoration: underline !important;
}