/* ============================================================
   Frater. Revista de Estudios Aplicados — hoja de estilo
   Paleta: granate Frater, vino profundo, marfil y arena
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  --frater: #7a1114;
  --frater-dark: #4f0b0d;
  --frater-soft: #a3343a;
  --marfil: #faf7f2;
  --arena: #efe7da;
  --tinta: #24201f;
  --gris: #6b625e;
  --linea: #e2d8ca;
  --oro: #b8893b;
}

/* ---------- Base ---------- */
body, .pkp_structure_page { background: var(--marfil); }
body, .pkp_structure_main, .pkp_block, .obj_article_summary, .page {
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  color: var(--tinta);
  font-size: 16px;
  line-height: 1.6;
}
h1, h2, h3, h4,
.page_title, .obj_issue_toc .heading .title,
.obj_article_details .page_title,
.pkp_structure_main h2, .pkp_structure_main h3 {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--frater-dark);
  letter-spacing: .01em;
}
a { color: var(--frater); }
a:hover, a:focus { color: var(--frater-dark); }

.pkp_structure_content { background: #fff; box-shadow: 0 1px 0 var(--linea); }
.pkp_structure_main::before, .pkp_structure_main::after { background: var(--linea); }

/* ---------- Encabezado ---------- */
.pkp_structure_head {
  background: linear-gradient(135deg, var(--frater-dark) 0%, var(--frater) 55%, #8f1a1e 100%);
  border-bottom: 4px solid var(--oro);
}
.pkp_site_name .is_img img { max-height: 92px; width: auto; }
.pkp_site_name { padding-top: 18px; padding-bottom: 14px; }

/* Menú principal */
.pkp_navigation_primary_row { background: rgba(0,0,0,.18); }
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .04em;
  color: #fff;
  border-bottom: 2px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #fff;
  border-bottom-color: var(--oro);
}
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary ul {
  border-top: 3px solid var(--oro);
  box-shadow: 0 10px 30px rgba(36,32,31,.18);
}
.pkp_navigation_primary ul a { color: var(--tinta); font-weight: 500; }
.pkp_navigation_primary ul a:hover { color: var(--frater); background: var(--marfil); border-left-color: var(--frater); }
.pkp_navigation_search_wrapper a { color: #fff; font-weight: 600; }

/* ---------- Títulos de sección ---------- */
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .galleys h2,
.cmp_announcements h2,
.page_index_journal .current_issue h2,
.pkp_block .title {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--frater);
  font-size: 1.15rem;
  font-weight: 600;
  background: transparent;
}
.obj_issue_toc .sections .section > h2::before,
.obj_issue_toc .galleys h2::before,
.page_index_journal .current_issue h2::before { border-top-color: var(--oro); }

/* ---------- Números (archivo y número actual) ---------- */
.obj_issue_summary {
  background: #fff;
  border: 1px solid var(--linea);
  border-radius: 10px;
  padding: 18px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.obj_issue_summary:hover { box-shadow: 0 10px 28px rgba(79,11,13,.12); transform: translateY(-2px); }
.obj_issue_summary .title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.25rem; color: var(--frater-dark); }
.obj_issue_summary .cover img, .obj_issue_toc .cover img {
  border-radius: 6px;
  box-shadow: 0 8px 22px rgba(36,32,31,.22);
}
.obj_issue_toc .heading .published .label { color: var(--frater); }

/* ---------- Artículos en el índice ---------- */
.obj_article_summary { padding: 14px 0 16px; border-bottom: 1px solid var(--linea); }
.obj_article_summary > .title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.12rem; font-weight: 600; }
.obj_article_summary > .title a { color: var(--tinta); }
.obj_article_summary > .title a:hover { color: var(--frater); }
.obj_article_summary .meta .authors { color: var(--gris); font-style: italic; }
.obj_article_summary .pages { color: var(--frater); font-weight: 600; }

/* Botones de galerada (PDF) */
.obj_galley_link, .cmp_button, .cmp_form .buttons button, button.submit, .pkp_button_primary {
  border: 1.5px solid var(--frater);
  color: var(--frater);
  background: #fff;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: .03em;
  padding: 4px 16px;
  transition: all .15s ease;
}
.obj_galley_link:hover, .obj_galley_link:focus,
.cmp_button:hover, .cmp_form .buttons button:hover {
  background: var(--frater);
  color: #fff;
  border-color: var(--frater);
}
.obj_galley_link.pdf::before { color: inherit; }

/* ---------- Página del artículo ---------- */
.obj_article_details .page_title { font-size: 2rem; line-height: 1.25; }
.obj_article_details .subtitle { color: var(--gris); }
.obj_article_details .item .label, .obj_article_details .sub_item .label {
  font-family: 'Source Sans 3', sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .8rem;
  color: var(--frater);
  font-weight: 700;
}
.obj_article_details .abstract { background: var(--marfil); border-left: 4px solid var(--frater); padding: 16px 20px; border-radius: 0 8px 8px 0; }
.obj_article_details .authors .name { font-weight: 700; }
.obj_article_details .authors .orcid a { color: #3d7a1f; }
.obj_article_details .entry_details .item { border-color: var(--linea); }
/* Biografías: oculta el nombre y la afiliación repetidos */
.obj_article_details .author_bios .sub_item > .label { display: none; }
.obj_article_details .author_bios .sub_item { margin-bottom: 1em; }

/* ---------- Barra lateral ---------- */
.pkp_structure_sidebar .pkp_block { border-bottom: 1px solid var(--linea); }
.pkp_block .title { text-transform: uppercase; letter-spacing: .1em; font-size: .85rem; }
.pkp_block a { color: var(--frater); }

/* ---------- Páginas estáticas y Acerca de ---------- */
.page h2 { margin-top: 1.6em; padding-bottom: .3em; border-bottom: 2px solid var(--arena); font-size: 1.4rem; }
.page h3 { font-size: 1.12rem; color: var(--frater); margin-top: 1.3em; }
.page table { border-collapse: collapse; width: 100%; margin: 1em 0; }
.page table td, .page table th { border: 1px solid var(--linea); padding: 8px 10px; vertical-align: top; }
.page table th { background: var(--arena); text-align: left; }
.page blockquote { border-left: 4px solid var(--oro); background: var(--marfil); margin: 1em 0; padding: 10px 16px; }
.frater-sellos { display: flex; flex-wrap: wrap; gap: 14px; margin: 1em 0; }
.frater-sello { flex: 1 1 220px; background: var(--marfil); border: 1px solid var(--linea); border-radius: 10px; padding: 14px 16px; }
.frater-sello strong { display: block; font-family: 'Playfair Display', Georgia, serif; color: var(--frater-dark); font-size: 1.05rem; }

/* ---------- Pie de página ---------- */
.pkp_structure_footer_wrapper { background: var(--frater-dark); border-top: 4px solid var(--oro); }
.pkp_structure_footer { color: #f3e9e3; }
.pkp_structure_footer a { color: #fff; }
.pkp_footer_content { color: #f3e9e3; font-size: 14px; }
.pkp_footer_content strong { color: #fff; font-family: 'Playfair Display', Georgia, serif; font-weight: 600; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .7; }

/* ---------- Ajustes móviles ---------- */
@media (max-width: 991px) {
  .pkp_site_name .is_img img { max-height: 64px; }
  .obj_article_details .page_title { font-size: 1.6rem; }
}

/* ---------- Títulos de páginas ---------- */
.pkp_structure_main > h2:first-child,
.pkp_structure_main > .page > h1,
.page > h1 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2.1rem;
  font-weight: 600;
  color: var(--frater-dark);
  margin: .2em 0 .8em;
  padding-bottom: .35em;
  border-bottom: 3px solid var(--oro);
  display: inline-block;
}
