/* =====================================================
   PACHAMAMA / OJS MATERIAL THEME
   Versión verde light: más clara, más limpia y menos pesada.
   Sustituye al CSS anterior.
   ===================================================== */

/* 1) Corrección de la doble barra de scroll */
html,
body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}

.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.container,
.container-fluid,
main {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* 2) Paleta verde clara */
:root {
  --pacha-header: #c8d9a3;       /* verde claro principal */
  --pacha-header-soft: #eef5df;  /* verde muy claro */
  --pacha-header-dark: #6f8448;  /* verde medio para contraste */
  --pacha-accent: #9fb873;       /* botones */
  --pacha-accent-hover: #7f9a56; /* hover botones */
  --pacha-text: #38452b;         /* texto oscuro legible */
  --pacha-link: #526c32;         /* enlaces */
  --pacha-link-hover: #33481f;   /* enlaces hover */
  --pacha-border: #dfeacb;       /* bordes suaves */
}

/* 3) Fondo y texto general */
body {
  background: #ffffff !important;
  color: var(--pacha-text) !important;
}

/* 4) Cabecera superior: verde mucho más light */
.navbar,
.navbar-default,
.navbar-light,
.navbar-expand,
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.page-header,
.bg-primary,
.bg-info {
  background-color: var(--pacha-header) !important;
  border-color: var(--pacha-header) !important;
}

/* 5) Menú superior más legible */
.navbar a,
.pkp_navigation_primary a,
.pkp_navigation_primary > li > a,
.pkp_site_name a {
  color: #38452b !important;
  font-weight: 500 !important;
}

.navbar a:hover,
.pkp_navigation_primary a:hover,
.pkp_navigation_primary > li > a:hover {
  color: #1f2a16 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* 6) Logo: mejor integrado */
.pkp_site_name,
.pkp_site_name_wrapper,
.navbar-brand {
  display: flex !important;
  align-items: center !important;
}

.pkp_site_name img,
.navbar-brand img,
.pkp_site_name_wrapper img {
  max-height: 46px !important;
  width: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 14px 0 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* 7) Buscador */
input[type="text"],
input[type="search"],
.form-control {
  border: 1px solid var(--pacha-border) !important;
  background: #ffffff !important;
  color: var(--pacha-text) !important;
  box-shadow: none !important;
}

/* 8) Botones */
.btn,
.btn-primary,
.btn-info,
.btn-default,
button,
button[type="submit"],
input[type="submit"],
.pkp_button,
.pkp_button_primary,
.block_make_submission_link {
  background-color: var(--pacha-accent) !important;
  border-color: var(--pacha-accent) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn:hover,
.btn-primary:hover,
.btn-info:hover,
.btn-default:hover,
button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.pkp_button:hover,
.pkp_button_primary:hover,
.block_make_submission_link:hover {
  background-color: var(--pacha-accent-hover) !important;
  border-color: var(--pacha-accent-hover) !important;
  color: #ffffff !important;
}

/* 9) Bloques laterales */
.pkp_block,
.block,
.card,
.sidebar > div {
  border: 1px solid var(--pacha-border) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

/* Títulos de bloques laterales: verde claro, texto oscuro */
.pkp_block .title,
.block .title,
.card-header,
.sidebar .title {
  background-color: var(--pacha-header) !important;
  color: #38452b !important;
  border-color: var(--pacha-header) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* Contenido de bloques laterales */
.pkp_block ul,
.block ul {
  margin-top: 0.4rem !important;
}

.pkp_block li,
.block li {
  border-color: #eeeeee !important;
}

/* 10) Enlaces */
a,
a:visited {
  color: var(--pacha-link) !important;
}

a:hover,
a:focus {
  color: var(--pacha-link-hover) !important;
}

/* 11) Títulos principales */
h1,
h2,
h3,
h4,
.page_title,
.current_issue_title,
.obj_issue_toc .heading {
  color: var(--pacha-text) !important;
  font-weight: 500 !important;
}

/* 12) Mensajes informativos: fuera celeste */
.alert-info,
.alert.alert-info,
div.alert-info,
.pkp_notification.info,
.cmp_notification.info {
  background-color: var(--pacha-header-soft) !important;
  border: 1px solid var(--pacha-border) !important;
  color: var(--pacha-text) !important;
}

.alert-info a,
.alert.alert-info a,
.pkp_notification.info a,
.cmp_notification.info a {
  color: var(--pacha-link) !important;
  font-weight: 600 !important;
}

/* 13) Breadcrumbs */
.breadcrumb,
.cmp_breadcrumbs,
.breadcrumbs {
  background-color: var(--pacha-header-soft) !important;
  border-color: var(--pacha-border) !important;
  color: var(--pacha-text) !important;
}

/* 14) Imagen principal */
img {
  max-width: 100%;
  height: auto;
}

.page_index_journal img,
.homepage_image img,
.pkp_page_index img {
  box-shadow: none !important;
}

/* 15) Páginas de números y artículos */
.obj_issue_toc,
.obj_article_summary,
.page_issue_archive,
.page_index_journal {
  color: var(--pacha-text) !important;
}

.obj_article_summary {
  border-color: var(--pacha-border) !important;
}

/* 16) Ajuste de separación */
.pkp_structure_main {
  padding-top: 1.2rem !important;
}

.pkp_structure_sidebar {
  padding-top: 1.2rem !important;
}

/* 17) Si alguna utilidad azul/celeste queda suelta */
.text-primary,
.text-info {
  color: var(--pacha-link) !important;
}

.border-primary,
.border-info {
  border-color: var(--pacha-border) !important;
}