/* =============================
   Crosspoint — Custom Styles
   Ajuste: logo centralizado, header maior, textos justificados
   ============================= */

/* 1) Enlarge the header area */
.pkp_head_wrapper {
  min-height: 160px;
  padding: 28px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 992px) {
  .pkp_head_wrapper {
    min-height: 200px;
    padding: 36px 16px;
  }
}

/* 2) Center and enlarge the logo */
.pkp_site_name {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.pkp_site_name .is_img img {
  max-height: 180px;    /* Aumentado para 180px */
  height: auto;
  width: auto;
  margin: 0 auto;
  display: block;
}

.pkp_site_name .is_text {
  font-weight: 700;
  line-height: 1.15;
}

/* 3) Center the main navigation */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  display: flex;
  justify-content: center;
}

.pkp_navigation_primary .pkp_nav_list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 14px;
}

/* 4) Justify paragraphs and content areas */
.pkp_page_index p,
.pkp_page_about p,
.pkp_page_section p,
.pkp_page_contact p,
.pkp_page_issue p,
.pkp_page_article p,
.cmp_breadcrumbs + * p,
.article-summary p,
.article-details p,
.page p,
.custom-block p,
.obj_galley_link + p,
#content p {
  text-align: justify;
  hyphens: auto;
}

.pkp_structure_main {
  line-height: 1.7;
}

#content img {
  max-width: 100%;
  height: auto;
}