@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");

h1,
h2,
h4 {
  font-family: "Outfit", sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}
h1 {
  font-weight: 700;
}
h2 {
  font-weight: 600;
}
h4 {
  font-weight: 500;
}

/* HERO CSS */
.hero-section {
  background: linear-gradient(to right, #7fb17e 0%, #006798  100%),
    url(https://raw.githubusercontent.com/madi-nuralin/material/main/assets/background.jpg);
  position: relative;
}


#header.header-scrolled {
  background: rgb(0 0 0 / 80%);
}

.hero-section.inner-page {
  height: 60vh;
  min-height: 0;
}
.hero-section,
.hero-section > .container > .row {
  height: 60vh;
  min-height: 0;
}

.hero-section.inner-page .hero-text {
  transform: translateY(-150px);
  margin-top: 120px;
}

.gs_home_layout {
  .gs_login {
    width: 100%;
  }
  .page_index_journal {
    display: flex;
  }
  .gs_sidebar {
    min-width: fit-content;
    padding-inline: 1rem;
  }
}

/* === Sidebar: aplicar Noto Sans solo a los enlaces === */
.gs_sidebar a,
._pkp_structure_sidebar a,
.pkp_block a {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-transform: none;
  margin-bottom: 5px;
}

/* Extras */
.issues_archive {
  flex-direction: column;
}

a {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.obj_article_summary>.title a {
    text-decoration: none;
    color: #000;
}

/* buttons */

.btn-primary {
    color: #fff;
    background-color: #388038;
}

.btn-primary:hover {
    color: #fff;
    background-color: #007100;
}


/* Mobile */
@media (max-width: 768px) {
  .hero-section.inner-page {
    height: 30vh;
    min-height: 0;
  }

  .gs_home_layout {
    display: flex;
    flex-direction: column-reverse;

    .page_index_journal {
      display: flex;
      flex-direction: column-reverse;
    }
    .gs_sidebar {
      min-width: 100%;
      padding-inline: 1rem;
    }
  }
}