/* =====================================================================
   PURISUM · Revista de Investigación en Ciencias Sociales
   Hoja de estilo para OJS 3.4 (tema Default) · Paleta índigo
   ---------------------------------------------------------------------
   Cómo instalar:
   1. Ajustes > Sitio web > Apariencia > Tema: "Default theme".
      Color base: #3f42a8 · Tipografía: Noto Sans.
   2. Ajustes > Sitio web > Apariencia > "Hoja de estilo de la revista":
      subir este archivo y guardar.
   3. Logo: purisum-logo-ojs-1200.png (versión azul, porque la cabecera
      de esta plantilla es clara).
   Versión 1.0 · noviembre de 2026
   ===================================================================== */

/* ---------- 1. Variables de marca ---------- */
:root {
  --pu-primary: #5458c4;      /* botones, enlaces, acentos */
  --pu-primary-dark: #3f42a8; /* hover, cabecera de tablas */
  --pu-ink: #2f3180;          /* títulos */
  --pu-logo: #3e4095;         /* color exacto del logo */
  --pu-tint: #f0f0fb;         /* fondos suaves */
  --pu-soft: #f7f7fd;         /* tarjetas */
  --pu-border: #d6d7f2;       /* bordes */
  --pu-line: #a9abe6;         /* líneas de sección */
  --pu-row: #e6e6f5;          /* separadores de filas */
  --pu-text: #1f2a37;         /* texto principal */
  --pu-muted: #5a6878;        /* texto secundario */
  --pu-ok: #2e9e6e;           /* acceso abierto, éxito */
  --pu-radius: 10px;
  --pu-shadow: 0 1px 2px rgba(47, 49, 128, .06), 0 4px 14px rgba(47, 49, 128, .06);
}

/* ---------- 2. Base ---------- */
body,
.pkp_structure_page {
  background: #ffffff;
  color: var(--pu-text);
  font-family: "Noto Sans", Arial, sans-serif;
  line-height: 1.6;
}

a { color: var(--pu-primary); }
a:hover,
a:focus { color: var(--pu-primary-dark); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--pu-line);
  outline-offset: 2px;
}

h1, h2, h3, h4,
.page_title,
.pkp_structure_main h1 {
  color: var(--pu-ink);
  font-weight: 700;
  line-height: 1.25;
}

::selection { background: var(--pu-border); color: var(--pu-ink); }

/* ---------- 3. Cabecera ---------- */
.pkp_structure_head {
  background: #ffffff;
  border-bottom: 3px solid var(--pu-primary);
}

.pkp_head_wrapper { padding-top: 22px; }

.pkp_site_name_wrapper { padding: 6px 0 16px; }

.pkp_site_name .is_img img {
  max-height: 92px;
  width: auto;
}

.pkp_site_name .is_text {
  color: var(--pu-logo);
  font-weight: 800;
  letter-spacing: .02em;
}

/* Menú de usuario (Registrarse / Entrar) */
.pkp_navigation_user_wrapper a,
.pkp_navigation_user > li > a {
  color: var(--pu-muted);
  font-size: 13px;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus { color: var(--pu-primary); }

/* Menú principal */
.pkp_site_nav_menu,
.pkp_navigation_primary_row {
  background: var(--pu-tint);
}

.pkp_navigation_primary > li > a {
  color: var(--pu-ink);
  font-weight: 600;
  font-size: 14.5px;
  border-bottom: 3px solid transparent;
  padding-bottom: 10px;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.current > a {
  color: var(--pu-primary);
  border-bottom-color: var(--pu-primary);
}

/* Submenús desplegables */
.pkp_navigation_primary .dropdown-menu {
  background: #ffffff;
  border: 1px solid var(--pu-border);
  border-radius: var(--pu-radius);
  box-shadow: var(--pu-shadow);
  padding: 6px 0;
}
.pkp_navigation_primary .dropdown-menu a {
  color: var(--pu-text);
  font-size: 14px;
  border-left: 3px solid transparent;
}
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
  background: var(--pu-soft);
  color: var(--pu-primary);
  border-left-color: var(--pu-primary);
}

/* Buscar */
.pkp_navigation_search_wrapper a,
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
  color: var(--pu-ink);
  font-weight: 600;
}
.pkp_navigation_search_wrapper a:hover { color: var(--pu-primary); }

/* Botón de menú en celular */
.pkp_site_nav_toggle {
  background: var(--pu-primary);
  color: #ffffff;
  border-radius: 8px;
}

/* ---------- 4. Estructura y migas de pan ---------- */
.pkp_structure_content { padding-top: 28px; }

.cmp_breadcrumbs {
  font-size: 13px;
  color: var(--pu-muted);
}
.cmp_breadcrumbs a { color: var(--pu-primary); }
.cmp_breadcrumbs .current { color: var(--pu-ink); font-weight: 600; }

/* ---------- 5. Barra lateral ---------- */
.pkp_structure_sidebar .pkp_block {
  background: var(--pu-soft);
  border: 1px solid var(--pu-border);
  border-radius: var(--pu-radius);
  padding: 16px 18px;
  margin-bottom: 16px;
}

.pkp_block .title {
  color: var(--pu-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.pkp_block .content { font-size: 14px; }
.pkp_block .content ul { padding-left: 0; list-style: none; }
.pkp_block .content li { margin-bottom: 6px; }

/* Bloque "Enviar un artículo" como botón */
.block_make_submission a {
  display: block;
  background: var(--pu-primary);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 14px;
  text-decoration: none;
}
.block_make_submission a:hover,
.block_make_submission a:focus {
  background: var(--pu-primary-dark);
  color: #ffffff;
}

/* ---------- 6. Botones ---------- */
.cmp_button,
.pkp_button,
.pkp_button_primary,
button.submit,
.cmp_form .buttons button,
input[type="submit"] {
  background: var(--pu-primary);
  color: #ffffff;
  border: 1.5px solid var(--pu-primary);
  border-radius: 8px;
  font-weight: 600;
  padding: 0 18px;
  box-shadow: none;
  text-decoration: none;
}

.cmp_button:hover,
.pkp_button:hover,
.pkp_button_primary:hover,
button.submit:hover,
.cmp_form .buttons button:hover,
input[type="submit"]:hover,
.cmp_button:focus,
.pkp_button:focus {
  background: var(--pu-primary-dark);
  border-color: var(--pu-primary-dark);
  color: #ffffff;
}

/* Botón secundario (contorno) */
.cmp_button_wire,
.pkp_button_offset {
  background: #ffffff;
  color: var(--pu-primary);
  border: 1.5px solid var(--pu-primary);
  border-radius: 8px;
}
.cmp_button_wire:hover,
.pkp_button_offset:hover {
  background: var(--pu-tint);
  color: var(--pu-primary-dark);
}

/* Enlaces a PDF / HTML (galeradas) */
.obj_galley_link {
  background: #ffffff;
  color: var(--pu-primary);
  border: 1.5px solid var(--pu-primary);
  border-radius: 999px;
  font-weight: 600;
  font-size: 13px;
  padding: 0 14px;
}
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--pu-primary);
  color: #ffffff;
}
.obj_galley_link.pdf:before { color: inherit; }

/* ---------- 7. Página de inicio ---------- */
.page_index_journal .homepage_image img {
  border-radius: 14px;
}

.page_index_journal .current_issue > h2,
.page_index_journal .cmp_announcements > h2 {
  font-size: 21px;
  color: var(--pu-ink);
  border-top: 3px solid var(--pu-line);
  padding-top: 10px;
}

.page_index_journal .additional_content { margin-top: 32px; }

/* Avisos */
.cmp_announcements .obj_announcement_summary {
  background: var(--pu-soft);
  border-left: 4px solid var(--pu-primary);
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 12px;
}
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a { color: var(--pu-ink); }
.obj_announcement_summary .date { color: var(--pu-muted); font-size: 13px; }

/* ---------- 8. Números y tabla de contenidos ---------- */
.obj_issue_summary {
  border-bottom: 1px solid var(--pu-row);
  padding-bottom: 18px;
}
.obj_issue_summary .title a { color: var(--pu-ink); font-weight: 700; }
.obj_issue_summary .series { color: var(--pu-primary); font-weight: 600; }

.obj_issue_toc .heading {
  background: var(--pu-tint);
  border: 1px solid var(--pu-border);
  border-radius: 14px;
  padding: 20px 22px;
}
.obj_issue_toc .heading .cover img { border-radius: 8px; box-shadow: var(--pu-shadow); }
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published { font-size: 14px; color: var(--pu-muted); }
.obj_issue_toc .heading .published .label { color: var(--pu-ink); font-weight: 600; }

.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--pu-primary);
  border-top: 3px solid var(--pu-line);
  padding-top: 10px;
  margin-top: 28px;
}

/* Resumen de cada artículo en la tabla de contenidos */
.obj_article_summary {
  background: #ffffff;
  border: 1px solid var(--pu-row);
  border-left: 4px solid var(--pu-primary);
  border-radius: var(--pu-radius);
  padding: 14px 18px;
  margin-bottom: 12px;
  transition: box-shadow .15s ease;
}
.obj_article_summary:hover { box-shadow: var(--pu-shadow); }

.obj_article_summary .title a {
  color: var(--pu-ink);
  font-weight: 700;
  font-size: 16.5px;
  text-decoration: none;
}
.obj_article_summary .title a:hover { color: var(--pu-primary); }
.obj_article_summary .subtitle { color: var(--pu-muted); }
.obj_article_summary .meta { font-size: 14px; color: var(--pu-muted); }
.obj_article_summary .authors { color: var(--pu-text); }
.obj_article_summary .galleys_links { margin-top: 10px; }

/* ---------- 9. Página del artículo ---------- */
.obj_article_details .page_title {
  font-size: 28px;
  color: var(--pu-ink);
}
.obj_article_details .subtitle { color: var(--pu-muted); }

.obj_article_details .authors .name { color: var(--pu-ink); font-weight: 600; }
.obj_article_details .authors .affiliation { color: var(--pu-muted); font-size: 14px; }
.obj_article_details .authors .orcid a { font-size: 13px; }

.obj_article_details .item > .label,
.obj_article_details .entry_details .item .label,
.obj_article_details section.item h2.label {
  color: var(--pu-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

/* DOI destacado */
.obj_article_details .item.doi {
  background: var(--pu-tint);
  border: 1px solid var(--pu-border);
  border-radius: 8px;
  padding: 10px 14px;
}
.obj_article_details .item.doi .value a { font-weight: 600; word-break: break-all; }

/* Resumen */
.obj_article_details .item.abstract {
  background: var(--pu-soft);
  border-left: 4px solid var(--pu-primary);
  border-radius: 8px;
  padding: 16px 20px;
}

/* Palabras clave */
.obj_article_details .item.keywords .value { color: var(--pu-ink); }

/* Columna derecha: portada, galeradas, fechas, cómo citar */
.obj_article_details .entry_details {
  border-left: 1px solid var(--pu-row);
}
.obj_article_details .entry_details .item {
  border-bottom: 1px solid var(--pu-row);
}
.obj_article_details .item.citation .csl-entry {
  font-size: 14px;
}

/* Licencia */
.obj_article_details .item.copyright {
  font-size: 13px;
  color: var(--pu-muted);
}

/* Referencias */
.obj_article_details .item.references .value p {
  font-size: 14px;
  padding-left: 1.4em;
  text-indent: -1.4em;
}

/* ---------- 10. Formularios ---------- */
.cmp_form input[type="text"],
.cmp_form input[type="email"],
.cmp_form input[type="password"],
.cmp_form input[type="url"],
.cmp_form select,
.cmp_form textarea,
.pkp_search input[type="text"] {
  border: 1px solid var(--pu-border);
  border-radius: 8px;
  background: #ffffff;
  color: var(--pu-text);
}
.cmp_form input:focus,
.cmp_form select:focus,
.cmp_form textarea:focus {
  border-color: var(--pu-primary);
  box-shadow: 0 0 0 3px rgba(84, 88, 196, .15);
}
.cmp_form fieldset legend { color: var(--pu-ink); font-weight: 700; }

/* ---------- 11. Avisos del sistema ---------- */
.cmp_notification {
  background: var(--pu-tint);
  border-left: 4px solid var(--pu-primary);
  border-radius: 8px;
  color: var(--pu-text);
}
.cmp_notification.success { border-left-color: var(--pu-ok); background: #eaf7f1; }
.cmp_notification.warning { border-left-color: #d9a21b; background: #fdf6e7; }

/* ---------- 12. Paginación ---------- */
.cmp_pagination a,
.cmp_pagination .current {
  border: 1px solid var(--pu-border);
  border-radius: 8px;
  padding: 4px 10px;
}
.cmp_pagination .current {
  background: var(--pu-primary);
  border-color: var(--pu-primary);
  color: #ffffff;
}

/* ---------- 13. Pie de página ---------- */
.pkp_structure_footer_wrapper {
  background: #ffffff;
  border-top: 1px solid var(--pu-row);
}
.pkp_structure_footer { padding-top: 24px; }
.pkp_footer_content { padding: 0; }

/* Logo de PKP más discreto */
.pkp_brand_footer {
  opacity: .55;
  filter: grayscale(1);
  padding: 16px 0 24px;
}
.pkp_brand_footer:hover { opacity: .9; filter: none; }

/* ---------- 14. Tablas dentro de páginas estáticas ---------- */
.page_static table th { color: var(--pu-ink); }

/* ---------- 15. Celular ---------- */
@media (max-width: 991px) {
  .pkp_head_wrapper { padding-top: 12px; }
  .pkp_site_name .is_img img { max-height: 64px; }
  .pkp_site_nav_menu { border-top: 1px solid var(--pu-border); }
  .pkp_navigation_primary > li > a { border-bottom: 0; border-left: 3px solid transparent; padding-left: 12px; }
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li.current > a { border-left-color: var(--pu-primary); }
  .obj_article_details .entry_details { border-left: 0; }
  .obj_article_details .page_title { font-size: 23px; }
}

/* ---------- 16. Impresión ---------- */
@media print {
  .pkp_structure_head,
  .pkp_structure_sidebar,
  .pkp_structure_footer_wrapper,
  .obj_galley_link { display: none; }
  .obj_article_summary { border: 0; box-shadow: none; }
}