/* =========================
   THEME COSMOS PARA OJS v2
   ========================= */

/* ---------- Variables de color ---------- */
:root {
  --bg-body: #020617;              /* fondo general casi negro azulado */
  --bg-header: linear-gradient(90deg, #0f172a, #1e293b, #1d3557);
  --bg-card: #0b1628;
  --bg-card-soft: #111827;
  --accent: #f5e4c4;               /* dorado suave */
  --accent-strong: #f2c266;
  --text-main: #f9fafb;
  --text-muted: #9ca3af;
  --border-soft: rgba(255, 255, 255, 0.08);
  --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.6);
  --radius-xl: 22px;
}

/* ---------- Base ---------- */
body {
  background:
    radial-gradient(circle at top left, #1d3557 0, transparent 55%),
    radial-gradient(circle at bottom right, #020617 0, #000814 60%);
  color: var(--text-main) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, sans-serif;
  line-height: 1.6;
}

/* Mejor contraste del texto general */
p,
li,
span,
.cmp_article_list,
.cmp_journal_list,
.obj_issue_summary,
.obj_issue_toc {
  color: var(--text-main);
}

/* Enlaces */
a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover,
a:focus {
  color: var(--accent-strong);
  opacity: 0.9;
}

/* Titulos */
h1, h2, h3, h4, h5 {
  color: var(--accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
}

/* ---------- Header y logo ---------- */

/* Barra superior */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name,
.pkp_site_nav_menu {
  background: var(--bg-header) !important;
  border-bottom: 1px solid var(--border-soft);
}

/* Contenedor de logo y título */
.pkp_site_name {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Logo más visible */
.pkp_site_name .is_img img {
  max-height: 64px;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.6));
}

/* Título de la revista en el header */
.pkp_site_name .is_text,
.pkp_site_name .pkp_site_name_wrapper {
  color: var(--accent);
  font-size: 1.4rem;
  font-weight: 600;
}

/* Navegación principal */
.pkp_navigation_primary > li > a {
  color: var(--accent);
  padding: 0.75rem 1.25rem;
  border-radius: 999px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li.current > a {
  background: rgba(15, 23, 42, 0.8);
  color: #ffffff;
  transform: translateY(-1px);
}

/* ---------- Contenedores principales / tarjetas ---------- */

.pkp_structure_main,
.pkp_structure_content,
.pkp_page_index,
.pkp_page_about,
.pkp_page_issue,
.pkp_page_section,
.pkp_page_article {
  background: transparent !important;
}

/* Cards grandes, tipo panel central (about, current issue, etc.) */
.pkp_page_content,
.page,
.obj_issue_toc,
.obj_issue_summary,
.cmp_article_list {
  background: rgba(15, 23, 42, 0.94) !important;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--border-soft);
  padding: 2.5rem;
}

/* “Sobre la revista” y otras páginas de texto largo */
.pkp_page_about .pkp_page_content {
  max-width: 900px;
  margin: 2.5rem auto;
}

/* Texto dentro de las tarjetas */
.pkp_page_content p,
.page p {
  color: var(--text-main);
}

/* Pequeño resaltado del link “Editar” en el About */
.pkp_page_about .cmp_edit_link a {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

/* =========================================
   FIX FUERTE PARA EL INICIO (/ojs/ index)
   ========================================= */

/* Fondo general del contenido del index */
body.pkp_page_index {
  background:
    radial-gradient(circle at top left, #1d3557 0, transparent 55%),
    radial-gradient(circle at bottom right, #020617 0, #000814 60%) !important;
}

/* Contenedor central blanco del tema -> hacerlo oscuro */
body.pkp_page_index .pkp_page_content,
body.pkp_page_index .page {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Lista de revistas en tarjetas oscuras, DOS COLUMNAS */
body.pkp_page_index .cmp_journal_list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
  gap: 2rem !important;
  padding: 2.5rem 2rem 3rem !important;
}

/* Cada revista como tarjeta */
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item {
  background: var(--bg-card) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-soft) !important;
  border: 1px solid var(--border-soft) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  gap: 1.5rem !important;
  padding: 1.5rem !important;
  align-items: stretch !important;
}

/* Forzar color de texto dentro de cada tarjeta del index */
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item,
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item * {
  color: var(--text-main) !important;
}

/* Título de la revista */
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item .cmp_journal_title a {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--accent) !important;
}

/* Descripción */
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item .cmp_journal_description {
  margin-top: 0.4rem !important;
  font-size: 0.95rem !important;
  color: var(--text-muted) !important;
}

/* Imagen de la revista */
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item .cmp_media,
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 18px !important;
}

/* Links “Ver revista / Número actual” */
body.pkp_page_index .cmp_journal_list .cmp_journal_list_item .cmp_journal_actions {
  margin-top: 0.8rem !important;
}

body.pkp_page_index .cmp_journal_list .cmp_journal_list_item .cmp_journal_actions a {
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  margin-right: 0.75rem !important;
}

/* Versión móvil */
@media (max-width: 768px) {
  body.pkp_page_index .cmp_journal_list .cmp_journal_list_item {
    grid-template-columns: 1fr !important;
  }
}

/* ---------- ISSUE / NÚMEROS ACTUALES ---------- */

.obj_issue_summary {
  margin-top: 2.5rem;
}

/* Título del número */
.obj_issue_summary .title,
.obj_issue_summary h2 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

/* Artículos en el número */
.obj_issue_summary .cmp_article_list .article_title a {
  font-weight: 500;
}

/* ---------- LOGIN (solo toques suaves, para no romper lo que ya te gusta) ---------- */

.pkp_page_login .pkp_page_content {
  max-width: 520px;
  margin: 3rem auto;
  background: rgba(15, 23, 42, 0.96) !important;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--border-soft);
}

/* Inputs */
.pkp_page_login input[type="text"],
.pkp_page_login input[type="password"],
.pkp_page_login input[type="email"] {
  background: var(--bg-card-soft);
  border-radius: 999px;
  border: 1px solid var(--border-soft);
  color: var(--text-main);
}

/* Botón principal de login */
.pkp_page_login button[type="submit"],
.pkp_page_login .submit button,
.pkp_page_login .submit input[type="submit"] {
  background: linear-gradient(135deg, #2563eb, #38bdf8);
  border-radius: 999px;
  border: none;
  padding-inline: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ---------- Footer ---------- */

.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: #020617 !important;
  border-top: 1px solid var(--border-soft);
  color: var(--text-muted);
}

.pkp_structure_footer a {
  color: var(--accent);
}