@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap');
/* Se quiser Lato/Roboto nos títulos, descomente:
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Roboto:wght@400;700&display=swap');
*/


.issn-overlay {
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff; /* branco para aparecer sobre imagem */
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6); /* contraste */
  background: rgba(0,0,0,0.3); /* leve fundo translúcido */
  padding: 4px 10px;
  border-radius: 6px;
  pointer-events: none; /* evita clicar sobre */
  z-index: 5;
}

.main_entry .item.abstract p strong{
    font-family: sans-serif;
    font-weight: 900;
    font-size: 16px;
}

.marcaDAgua {
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: right;
    font-family: sans-serif;
    font-size: 11px;
    color: #666;
    right: 30px;
    text-align: right;
}

.obj_galley_link {
  color: #ffffff !important;
  font-weight: normal !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #0D3B66 !important;
  font-family: 'Lato', 'Roboto', sans-serif !important;
}

.pkp_structure_content { background-color: #F5F5F5 !important; }
html, body { background-color: #CCCCCC !important; }


.obj_article_summary {
  padding: 20px;
  background-color: #ffffff !important;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.pkp_site_name_wrapper { background: #1D4420 !important; }

@media (min-width: 1200px) {
  .pkp_site_name .is_img img { max-height: 150px !important; }
  /*.pkp_structure_main { width: 1120px; }*/
}

p, div {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important; /* corrigido */
}

h4 a { color: #222222; }

/*
.entry_details div{
    background-color: #0D3B66;
}
*/
/*
.obj_article_details .item .sub_item:first-child>.label {
       background-color: #0D3B66 !important;
       color: #ffffff !important;
}
*/

.pkp_structure_page {
  background-color: #F0F4F7 !important; /* mantido aqui para centralizar */
}

.pkp_structure_head {
    background-color: unset !important;
    
}




@media (max-width: 767px) { /* corrigido px */
    .pkp_site_nav_toggle--transform>span {
        border-bottom: 0 !important;
        overflow: visible !important;
    }
    .pkp_site_nav_toggle>span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 24px;
        height: 19px;
        border-bottom: 3px solid #ffffff;
        text-indent: -9999px;
        overflow: hidden;
    }
    .pkp_site_nav_toggle>span:before, .pkp_site_nav_toggle>span:after {
        background: white !important;
    }
    .pkp_site_nav_toggle>span:before, .pkp_site_nav_toggle>span:after {
        background: white !important;
    }


    .pkp_site_name_wrapper {
        height: 4.5rem !important;
    }
    .pkp_site_nav_toggle {
        height: 4.5rem !important;
    }
    .pkp_site_name .is_img img {
        max-height: 4.0rem !important;
    }

    
}
@media (min-width: 768px) { /* corrigido px */
    

    #pkpDropdown1 { /* id é único; não precisa do seletor ancestral */
      color: #ffffff !important;
    }
    #navigationUser > li.profile > a { color: #ffffff !important; }


    .pkp_structure_page {
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      
    }
  
  
  article, aside, footer, header, nav, section { display: block; }





}


@media (min-width: 1200px) {
    .obj_article_details .main_entry {
       /* width: 760px !important; */
    }
}
/*
.obj_article_details {
    background: white !important;
    padding: 20px !important;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: #ffffff !important; /* mantido aqui para centralizar */
}
*/
a.read_more {
    margin-top: 10px !important;
}
.section h3, .galleys h3{
    background: unset !important;
    text-transform: uppercase !important;
    font-weight: bold !important
}
.obj_article_summary>.title {
    font-size: 1.2rem !important;
 
}
.obj_article_details>.subtitle {
    font-size: 1.2rem !important;
}
span.subtitle {
    font-size: 1.2rem !important;
}
.authors {
    font-size: 1.1rem !important;
}
h2.label{
    color: #33c2a1 !important;
}

@media (min-width: 992px) and (min-width: 992px) {
    .pkp_navigation_primary {
        max-width: 85% !important;
    }
}