/* ==========================================================================
   FOLHA DE ESTILO ATUALIZADA E REFATORADA — REVISTA REVEMOP (OJS 3.5.0-5)
   Baseada no CSS original da Revemop e harmonizada com o siteStyle-ojs3.5.0-5
   Autor original: Prof. Me. Luis Andres Castillo B.
   Atualizado para OJS 3.5 por Gemini Notebook
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. IMPORTAÇÃO DE FONTES E VARIÁVEIS DE IDENTIDADE VISUAL
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');

/* --------------------------------------------------------------------------
   1. CONFIGURAÇÕES GLOBAIS E TIPOGRAFIA DA REVISTA (Sobrescrevendo o Portal)
   -------------------------------------------------------------------------- */
html, body {
    background: #5a5a5a !important; /* Preserva o fundo cinza escuro assinatura da Revemop para html e body */
    font-family: 'Asap', sans-serif !important;
}

/* Links padrão com a cor dark red assinatura */
a {
    color: #500301;
    font-family: 'Asap', sans-serif !important;
    background: none !important;
}

a:hover, 
a:focus {
    color: #a4423f !important; /* Vermelho claro para hovers */
}

/* --------------------------------------------------------------------------
   2. CABEÇALHO, BANNER E CENTRALIZAÇÃO DA LOGO DA REVISTA
   -------------------------------------------------------------------------- */
/* Wrapper do topo com o fundo creme assinatura */
.pkp_site_name_wrapper {
    background: #deccc2 !important;
    font-family: 'Asap', sans-serif !important;
}

.pkp_structure_head {
    background-color: #deccc2 !important;
}

/* Logo da revista - Evita o estiramento de largura total (100%) imposto pelo portal */
.pkp_site_name .is_img img {
    max-height: 210px !important;
    width: auto !important; /* Garante que a logo não seja distorcida ou esticada */
    padding-bottom: 8px;
}

@media (min-width: 992px) {
    .pkp_site_name {
        text-align: center !important; /* Centraliza a marca no desktop */
    }
    .pkp_site_name .is_img img {
        padding-top: 45px; /* Alinhamento estético superior no desktop */
    }
}

/* --------------------------------------------------------------------------
   3. MENUS DE NAVEGAÇÃO E BARRA DE BUSCA (Harmonização de contraste)
   -------------------------------------------------------------------------- */
/* Menu Principal - Substitui o marrom do portal pelo bege clássico Revemop */
.pkp_site_nav_menu {
    background: #deccc2 !important; 
}

/* Links do menu principal */
#navigationPrimary > li > a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
    color: #500301 !important; /* Links em Dark Red */
    text-transform: capitalize;
    font-family: 'Asap', sans-serif !important;
}

#navigationPrimary a:hover, 
#navigationPrimary a:focus {
    color: #a4684f !important; /* Hover em marrom */
}

#navigationPrimary > li > a:hover, 
#navigationPrimary > li > a:focus {
    border-color: #b48345 !important; /* Borda de destaque amarela */
}

/* Submenu suspenso */
#navigationPrimary ul {
    background: #a4684f !important; /* Fundo do dropdown marrom */
    font-family: 'Asap', sans-serif !important;
}

#navigationPrimary ul a {
    color: #fff !important;
    text-transform: capitalize;
    font-family: 'Asap', sans-serif !important;
}

/* Hover no submenu: Sobrescreve as cores do portal para manter contraste legível */
#navigationPrimary ul a:hover, 
#navigationPrimary ul a:focus {
    color: #000 !important;
    background-color: #deccc2 !important;
    border-color: #b48345 !important;
}

@media (min-width: 992px) {
    #navigationPrimary ul a:hover, 
    #navigationPrimary ul a:focus {
        color: #000 !important;
        background-color: #deccc2 !important;
        border-color: #b48345 !important;
    }
}

/* --------------------------------------------------------------------------
   4. MENU DO USUÁRIO E BUSCA NO TOPO
   -------------------------------------------------------------------------- */
/* Links do menu do usuário com cor escura Revemop para contraste contra cabeçalho bege */
.pkp_navigation_user_wrapper a, 
.pkp_navigation_user a {
    color: #500301 !important;
    font-family: 'Asap', sans-serif !important;
}

.pkp_navigation_user > li:last-child > a {
    padding-right: 0;
    color: #500301 !important;
}

.pkp_navigation_user_wrapper ul a:hover, 
.pkp_navigation_user_wrapper ul a:focus {
    border-color: #500301 !important;
}

/* Busca simplificada OJS 3.5 integrada no menu bege */
.pkp_site_nav_menu .pkp_search, 
.pkp_site_nav_menu .pkp_search_desktop, 
.pkp_navigation_search_wrapper a {
    color: #500301 !important; /* Dark Red para legibilidade excelente */
    font-family: 'Asap', sans-serif !important;
    text-transform: capitalize !important;
}

.pkp_site_nav_menu .pkp_search span::before, 
.pkp_site_nav_menu .pkp_search_desktop span::before {
    color: #500301 !important; /* Ajusta ícone de lupa para cor da revista */
}

/* --------------------------------------------------------------------------
   5. BOTÕES, GALÉS E DESTAQUES DE LEIAUTE (Submissão e Leitura)
   -------------------------------------------------------------------------- */
/* Botões padrões de submissão e galés do OJS 3.5 herdando a cor Revemop */
.cmp_manuscript_button, 
.block_make_submission a, 
.obj_galley_link {
    background: #500301 !important;
    color: #FFFFFF !important;
    font-family: 'Asap', sans-serif !important;
}

.cmp_manuscript_button:hover, 
.cmp_manuscript_button:focus, 
.block_make_submission a:hover, 
.block_make_submission a:focus, 
.obj_galley_link:hover, 
.obj_galley_link:focus {
    background: #a4423f !important;
    color: #FFFFFF !important;
}

/* Links de galés restritas (herança do portal adaptada) */
.obj_galley_link.restricted {
    border-color: #ddd !important;
    background: #ddd !important;
    color: rgba(0, 0, 0, 0.54) !important;
}

/* --------------------------------------------------------------------------
   6. EDITIONS, TOC, CAPA E DESTAQUES DE EDIÇÃO (Index do Periódico)
   -------------------------------------------------------------------------- */
/* Capa do número */
.obj_issue_toc .cover {
    display: inline-flex !important;
    border: 1px solid #500301;
}

.obj_issue_summary .cover img {
    border: 1px solid #500301;
}

/* Títulos das seções de edição e sumário atualizado no OJS 3.5 (Suporte a h2 e h3 devido à passagem de heading="h3" na home) */
.pkp_page_index .current_issue h2,
.pkp_page_index .current_issue h3,
.obj_issue_toc > .galleys h2, 
.obj_issue_toc > .galleys h3, 
.obj_issue_toc .section h2,
.obj_issue_toc .section h3 {
    display: block !important;
    color: #000 !important;
    border-bottom: 3px solid #a4423f !important; /* Destaque vermelho Revemop */
    text-transform: uppercase;
    font-weight: 700 !important; /* Garante que todos fiquem em negrito, sobrescrevendo o 'normal' do tema padrão OJS 3.5 */
    left: 0 !important; /* Corrige o deslocamento de -15px vindo do tema padrão do OJS que desalinhava o texto e a linha */
    padding-left: 0 !important; /* Remove o recuo interno lateral do OJS para alinhar perfeitamente o texto e a borda à esquerda */
    padding-right: 0 !important;
}

/* Customização dos links e títulos de artigos */
.obj_issue_summary .title {
    color: #500301 !important;
}

.obj_issue_summary .title:hover, 
.obj_issue_summary .title:focus {
    color: #a4423f !important;
}

.pkp_page_index .current_issue .read_more {
    color: #500301 !important;
}

.pkp_page_index .current_issue .read_more:hover, 
.pkp_page_index .current_issue .read_more:focus {
    color: #a4423f !important;
}

/* --------------------------------------------------------------------------
   7. DETALHES DO ARTIGO (obj_article_details) E HIGIENIZAÇÃO DE ORCID/LATTES
   -------------------------------------------------------------------------- */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main .page h1 {
    font-family: 'Asap', sans-serif !important;
}

.pkp_structure_main .page h1 {
    text-align: center;
}

/* Abstract justificado com boa margem */
.abstract {
    text-align: justify;
    display: inline-grid !important;
    color: #000 !important;
}

/* Títulos de seções internas do artigo com a borda vermelha Revemop (sobrepondo o Portal) */
.obj_article_details .main_entry .item .label {
    font-family: 'Asap', sans-serif !important;
    color: #000 !important;
    border-bottom: 3px solid #a4423f !important; /* Sobrescreve o vermelho UFOP */
}

/* Etiquetas da sidebar de detalhes formatadas como abas */
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
    border-bottom: 3px solid #a4423f !important;
}

/* Metadados e autores */
.obj_article_details .authors, 
.obj_article_details .doi {
    font-family: 'Asap', sans-serif !important;
}

/* DOI - Esconde as etiquetas redundantes antigas e exibe o novo ícone flex */
.obj_article_details .item.doi, 
.obj_article_details .item.keywords {
    padding-top: 0;
    display: inline-grid !important;
}

.obj_article_details .item.doi > .label,
.obj_article_details .main_entry .item.doi .label {
    display: none !important;
}

.obj_article_details .item.doi > span {
    display: flex !important;
}

/* Adição de ícones customizados Revemop por link dinâmico */
.obj_article_details .item.doi .value:before {
    content: url('https://aprenderenred.com.ve/index/DOI.png');
}

.orcid, .lattes {
    display: flex !important;
}

/* Esconde o ícone ORCID SVG padrão do OJS 3.5 para usar o personalizado da Revemop */
.orcid_icon {
    display: none !important;
}

.obj_article_details .authors .orcid:before {
    content: url('https://aprenderenred.com.ve/index/ORCID.png');
}

.obj_article_details .authors .lattes:before {
    content: url('https://aprenderenred.com.ve/index/lattes.png');
}

/* Links ORCID, DOI e Currículo Lattes */
.obj_article_details .orcid a, 
.obj_article_details .doi a, 
.obj_article_details .lattes a {
    color: #58acfa !important; /* Azul suave para links acadêmicos */
    text-decoration: none;
}

.obj_article_details .orcid a:hover,
.obj_article_details .doi a:hover,
.obj_article_details .lattes a:hover {
    text-decoration: underline;
}

.obj_article_details .authors .lattes a {
    font-size: 10px;
    line-height: 20px;
}

/* Palavras-chave e outros rótulos */
.keywords > .label {
    color: #000 !important;
}

.sub_item {
    text-align: justify;
}

/* Ajustes de imagens fluidas */
.img-fluid {
    width: 20%;
}

.img-fluid2 {
    width: 60%;
}

/* --------------------------------------------------------------------------
   8. DETALHES DE DOI E DOWNLOADS NO SUMÁRIO (Index e Arquivos)
   -------------------------------------------------------------------------- */
.obj_article_summary .item.doi span {
    display: flex !important;
}

.obj_article_summary .item.doi span a {
    color: #58acfa;
    text-decoration: none;
}

.obj_article_summary .item.doi span a:hover, 
.obj_article_summary .item.doi span a:focus {
    color: #58acfa;
    text-decoration: underline;
}

.obj_article_summary .item.doi .value:before {
    content: url('https://aprenderenred.com.ve/index/DOI.png');
}

/* --------------------------------------------------------------------------
   9. ELEMENTOS GRÁFICOS DO LEITOR DE PDF E ESTATÍSTICAS
   -------------------------------------------------------------------------- */
/* Ícones das estatísticas de acessos ao PDF e Artigos */
.viewspdf {
    display: inline-flex;
    font-size: 0.95em;
}

.viewsartigo {
    display: inline-flex;
    font-size: 0.95em;
}

.viewspdf:before {
    content: url('https://aprenderenred.com.ve/index/pdf.png');
}

.viewsartigo:before {
    content: url('https://aprenderenred.com.ve/index/chart.png');
}

/* Botões do cabeçalho de visualização em tela cheia do PDF (.header_view) */
.header_view .download:hover, 
.header_view .download:focus {
    background: #f7bc4a !important; /* Destaque amarela no leitor */
    color: #fff;
}

.header_view .return {
    color: #f7bc4a;
    background: #fff;
}

.header_view .return:hover, 
.header_view .return:focus {
    color: #fff;
    background: #f7bc4a !important;
}

/* --------------------------------------------------------------------------
   10. BARRAS LATERAIS E INFRAESTRUTURA DE RÓTULOS (OJS 3.5)
   -------------------------------------------------------------------------- */
.pkp_block .title {
    display: block;
    margin-bottom: 10px;
    font-family: 'Asap', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.54) !important;
    border-bottom: 3px solid #a4423f !important; /* Borda vermelha personalizada */
}

@media (min-width: 992px) {
    .pkp_structure_sidebar {
        text-align: center !important;
    }
}

.pkp_structure_sidebar {
    text-align: center !important;
}

.obj_issue_toc .pages {
    font-family: 'Asap', sans-serif !important;
}

.pkp_page_index .current_issue .current_issue_title {
    font-family: 'Asap', sans-serif !important;
}

.obj_issue_toc .heading .pub_id, 
.obj_issue_toc .heading .published {
    font-family: 'Asap', sans-serif !important;
}

/* --------------------------------------------------------------------------
   11. RODAPÉ (FOOTER) - Adaptado para a nova marca Revemop no OJS 3.5
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
    border-bottom: 20px solid #deccc2 !important; /* Sobrescreve a borda inferior preta do portal no wrapper com a creme customizada */
}

.pkp_structure_footer {
    border-bottom: none !important; /* Evita que a borda seja duplicada ou aplicada a mais no footer */
}

.pkp_brand_footer {
    padding: 2px !important;
    font-family: 'Asap', sans-serif !important;
}

.pkp_brand_footer a {
    display: block !important;
    max-width: 50px !important; /* Restringe tamanho máximo do link da logo */
    margin: 0 auto !important;
    margin-right: 10px !important;
}

.pkp_brand_footer img {
    height: auto !important;
    width: auto !important;
}

.pkp_footer_content {
    padding: 1px !important;
    text-align: left !important;
    font-family: 'Asap', sans-serif !important;
}

/* --------------------------------------------------------------------------
   12. HIGIENIZAÇÃO E DISPLAY EXCLUSIVO
   -------------------------------------------------------------------------- */
#reviewerOptinGroup {
    display: none !important;
}

.social {
    width: 5% !important;
    height: 5% !important;
    max-width: none !important; 
}

/* Esconder cabeçalhos de "about" redundantes ou duplicados da home */
.pkp_page_index .homepage_about h2,
.pkp_page_index .homepage_about h3 {
    display: none !important;
}