/* ============================================================
   LATINOVA — Hoja de estilo personalizada
   Para el tema "Default" de OJS 3.4.x
   Subir en: Ajustes → Sitio web → Apariencia → "Hoja de estilo
   de la revista" (Journal Style Sheet)
   ============================================================ */

/* ---- Tipografías ---- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* ---- Sistema de color y tipografía ---- */
:root {
  --lv-ink:    #12262E;   /* petróleo profundo: cabecera y pie */
  --lv-ink-2:  #1B3A44;   /* petróleo secundario */
  --lv-teal:   #0E9C84;   /* acento de interacción: enlaces, botones */
  --lv-teal-d: #0A7D6A;   /* teal oscuro: hover */
  --lv-amber:  #F2B441;   /* chispa "nova": uso muy puntual */
  --lv-paper:  #F6F8F8;   /* fondo frío, NO crema */
  --lv-text:   #1B2329;   /* texto principal */
  --lv-muted:  #5C6B72;   /* texto secundario */
  --lv-line:   #E2E8E8;   /* hairlines */

  --lv-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --lv-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --lv-mono:  'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
}

/* ---- Base ---- */
body {
  font-family: var(--lv-sans);
  color: var(--lv-text);
  background: var(--lv-paper);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.pkp_structure_content h2,
.obj_issue_toc h2 {
  font-family: var(--lv-serif);
  font-weight: 500;
  color: var(--lv-ink);
  letter-spacing: 0.2px;
}

a {
  color: var(--lv-teal-d);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--lv-ink);
  text-decoration: underline;
}

/* ============================================================
   CABECERA
   ============================================================ */
.pkp_structure_head {
  background: var(--lv-ink);
  border-bottom: 3px solid var(--lv-teal);
}

/* Unificar la barra de navegación con la cabecera (adiós doble azul) */
.pkp_navigation_menu_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
nav.pkp_navigation_primary_wrapper,
#headerNavigationContainer {
  background: var(--lv-ink) !important;
}

.pkp_head_wrapper {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

/* Nombre de la revista → tratado como logotipo */
.pkp_site_name_wrapper .pkp_site_name,
.pkp_site_name_wrapper .pkp_site_name a {
  font-family: var(--lv-serif) !important;
  font-weight: 600 !important;
  color: #FBFBF9 !important;
  letter-spacing: 0.3px;
  line-height: 1.2;
}

/* Navegación principal y de usuario en claro */
.pkp_navigation_primary a,
.pkp_navigation_user a,
.pkp_navigation_primary > li > a {
  color: #CBD7D9 !important;
  font-size: 0.95rem;
}
.pkp_navigation_primary a:hover,
.pkp_navigation_user a:hover,
.pkp_navigation_primary > li > a:hover {
  color: #FBFBF9 !important;
}

/* Buscar */
.pkp_search input { border-radius: 6px; }

/* ============================================================
   CONTENIDO
   ============================================================ */
.pkp_structure_content {
  padding-top: 1.5rem;
}

/* Eyebrow tipo "código" antes de los títulos de sección */
.page_index_journal .additional_content h2,
.pkp_structure_content .obj_issue_summary .series,
.cmp_announcement .date {
  font-family: var(--lv-mono);
  font-size: 0.72rem;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--lv-teal-d);
}

/* ---- Número actual (hero) ---- */
.obj_issue_summary {
  background: #FFFFFF;
  border: 1px solid var(--lv-line);
  border-radius: 12px;
  padding: 1.5rem 1.6rem;
  margin-bottom: 2rem;
}

/* Neutralizar el ancla vacía #homepageIssue (no es un contenedor) */
#homepageIssue {
  display: block;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.obj_issue_summary .title {
  font-family: var(--lv-serif);
  color: var(--lv-ink);
}

.obj_issue_summary .cover img,
.page_index_journal .current_issue img {
  border-radius: 8px;
  border: 1px solid var(--lv-line);
}

/* ============================================================
   BOTONES
   ============================================================ */
.cmp_button,
a.cmp_button,
.pkp_button,
button.submit,
input[type="submit"] {
  background: var(--lv-teal) !important;
  border: 1px solid var(--lv-teal) !important;
  color: #FBFBF9 !important;
  font-family: var(--lv-sans);
  font-weight: 500;
  border-radius: 6px !important;
  padding: 0.55rem 1.1rem;
  transition: background 0.15s ease;
}
.cmp_button:hover,
a.cmp_button:hover,
.pkp_button:hover,
button.submit:hover {
  background: var(--lv-teal-d) !important;
  border-color: var(--lv-teal-d) !important;
  color: #FBFBF9 !important;
  text-decoration: none;
}

/* ============================================================
   BARRA LATERAL (bloques)
   ============================================================ */
.pkp_block {
  background: #FFFFFF;
  border: 1px solid var(--lv-line);
  border-radius: 12px;
  padding: 1rem 1.1rem;
  margin-bottom: 1.1rem;
}

.pkp_block .pkp_block_header,
.pkp_block .title {
  font-family: var(--lv-serif);
  font-size: 1.02rem;
  font-weight: 500;
  color: var(--lv-ink);
  margin-bottom: 0.6rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--lv-line);
}

.pkp_block .content,
.pkp_block .content a {
  font-size: 0.9rem;
}

/* Encuadrar imágenes de los bloques (Google Scholar, ORCID, etc.) */
.pkp_block img,
.pkp_block .content img {
  max-width: 150px;
  height: auto;
  display: block;
  margin: 0.5rem auto;
  border-radius: 6px;
}

/* Logos de indexación: rejilla ordenada si hay varios */
.pkp_block .content p:has(img) {
  text-align: center;
  margin: 0.6rem 0;
}

/* ISSN / metadatos en mono cuando aparezcan en bloques */
.pkp_block .content strong {
  font-family: var(--lv-mono);
  font-weight: 500;
  letter-spacing: 0.3px;
}

/* ============================================================
   PIE DE PÁGINA
   ============================================================ */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
  background: var(--lv-ink);
  color: #B9C8CB;
}
.pkp_structure_footer a { color: #9FD9CC; }
.pkp_structure_footer a:hover { color: #FBFBF9; }

.pkp_footer_content strong { color: #FBFBF9; }

.pkp_brand_footer {
  background: var(--lv-ink-2);
  border-top: 1px solid #24505C;
}

/* ============================================================
   BOTÓN DE DESCARGA (formato de postulación)
   Uso:
   <a class="lv-download" href="URL_DEL_ARCHIVO.docx" download>
     Descargar formato de postulación
     <span class="lv-download__meta">DOCX</span>
   </a>
   ============================================================ */
.lv-download {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--lv-teal);
  color: #FBFBF9 !important;
  font-family: var(--lv-sans);
  font-weight: 500;
  font-size: 0.95rem;
  line-height: 1;
  padding: 0.75rem 1.35rem;
  border-radius: 8px;
  border: 1px solid var(--lv-teal);
  transition: background 0.15s ease;
}
.lv-download::before {
  content: "\2193";            /* flecha ↓ */
  font-size: 1.05rem;
  line-height: 1;
}
.lv-download:hover,
.lv-download:focus {
  background: var(--lv-teal-d);
  border-color: var(--lv-teal-d);
  color: #FBFBF9 !important;
  text-decoration: none;
}
.lv-download__meta {
  font-family: var(--lv-mono);
  font-size: 0.68rem;
  letter-spacing: 0.6px;
  padding: 0.18rem 0.42rem;
  border: 1px solid rgba(251,251,249,0.45);
  border-radius: 4px;
}

/* ============================================================
   DETALLES RESPONSIVOS
   ============================================================ */
@media (max-width: 768px) {
  .pkp_site_name_wrapper .pkp_site_name,
  .pkp_site_name_wrapper .pkp_site_name a { font-size: 1.4rem !important; }
  .obj_issue_summary, #homepageIssue { padding: 1.1rem 1.2rem; }
}

/* ============================================================
   TAMAÑO DEL LOGOTIPO EN LA CABECERA
   Ajusta el valor de "width" para agrandar o reducir el logo.
   ============================================================ */
.pkp_head_wrapper .pkp_site_name_wrapper .pkp_site_name img,
.pkp_site_name_wrapper .pkp_site_name img,
.pkp_site_name a img {
  width: 480px !important;   /* <-- cambia este número (px) para el tamaño */
  max-width: 75% !important;
  height: auto !important;
  max-height: none !important;
}

/* Un poco de aire vertical para que el logo grande respire */
.pkp_head_wrapper { padding-top: 0.4rem; padding-bottom: 0.4rem; }