/* Revista Paraguaya de Reumatología - Estilos personalizados OJS */

/* Galeradas debajo de autores y estadísticas, sin superponerse al título */
.article-summary .galleryLinksWrp {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 !important;
  padding: 0 !important;
}

.article-summary .galleryLinksWrp .btnslink {
  float: none !important;
  margin: 0 !important;
}

/* El título usa todo el ancho disponible */
.article-summary .media-body,
.article-summary .WrpMediaCnt {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* Texto gris (autores, estadísticas, páginas) en negro */
.article-summary .media-body,
.article-summary .media-body p,
.article-summary .media-body span,
.article-summary .media-body div,
.article-summary .media-body i,
.article-summary .pages {
  color: #000000 !important;
}

/* Texto rojo (títulos y botones de galeradas) en azul */
.article-summary .media-body a,
.article-summary .media-body a:visited,
.article-summary .media-body a i {
  color: #0065C3 !important;
}

.article-summary .media-body a:hover,
.article-summary .media-body a:focus {
  color: #004A8F !important;
}

/* ===== Página de cada artículo ===== */

/* Texto gris en negro */
.page_article,
.page_article p,
.page_article div,
.page_article span,
.page_article li,
.page_article strong,
.page_article section {
  color: #000000 !important;
}

/* Título del artículo en azul */
.page_article h1,
.page_article .page-header,
.page_article .page-header h1 {
  color: #0065C3 !important;
}

/* Enlaces en rojo (galeradas, ORCID, migas de pan) en azul */
.page_article a,
.page_article a:visited,
.page_article a i {
  color: #0065C3 !important;
}

.page_article a:hover,
.page_article a:focus {
  color: #004A8F !important;
}

/* Botones para compartir (Shariff): texto e íconos en blanco */
.page_article .shariff a,
.page_article .shariff a:visited,
.page_article .shariff a:hover,
.page_article .shariff a:focus,
.page_article .shariff a *,
.page_article .shariff span,
.page_article .shariff i {
  color: #FFFFFF !important;
}

.page_article .shariff svg,
.page_article .shariff svg path {
  fill: #FFFFFF !important;
}

/* Título del artículo en azul (selector reforzado para ganarle al estilo del tema) */
html body div.page_article article h1,
html body div.page_article article h1 *,
html body div.page_article .page-header,
html body div.page_article .page-header *,
html body div.page_article .article-title,
html body div.page_article .page_title,
html body div.page_article .article-details > h1,
html body div.page_article .article-details > h2 {
  color: #0065C3 !important;
}

/* Título del artículo: está en header > .headings > section.section */
html body div.page_article article.article-details header .headings,
html body div.page_article article.article-details header .headings *,
html body div.page_article article.article-details header .headings .section,
html body div.page_article article.article-details header .headings .section * {
  color: #0065C3 !important;
}

/* Enlaces de la página del artículo, reforzados (incluye el enlace de la cita) */
html body div.page_article a,
html body div.page_article a:visited {
  color: #0065C3 !important;
}

html body div.page_article a:hover,
html body div.page_article a:focus {
  color: #004A8F !important;
}

/* Botón "Más formatos de cita" en azul */
html body div.page_article .btn-group .btn,
html body div.page_article .btn-group .btn.btn-default,
html body div.page_article .btn-group .dropdown-toggle {
  background-color: #0065C3 !important;
  border-color: #0065C3 !important;
  color: #FFFFFF !important;
}

html body div.page_article .btn-group .btn:hover,
html body div.page_article .btn-group .btn:focus,
html body div.page_article .btn-group .btn:active,
html body div.page_article .btn-group.open .dropdown-toggle {
  background-color: #004A8F !important;
  border-color: #004A8F !important;
  color: #FFFFFF !important;
}

html body div.page_article .btn-group .btn *,
html body div.page_article .btn-group .btn .caret {
  color: #FFFFFF !important;
  border-top-color: #FFFFFF !important;
}

/* Las opciones del menú desplegable siguen en azul sobre fondo blanco */
html body div.page_article .btn-group .dropdown-menu a {
  color: #0065C3 !important;
}

/* ===== Pie de página ===== */
html body footer.footer {
  background-color: #0065C3 !important;
  color: #FFFFFF !important;
}

html body footer.footer p,
html body footer.footer div,
html body footer.footer strong {
  color: #FFFFFF !important;
}

/* Enlaces del pie en blanco subrayado (el rojo no se lee sobre azul) */
html body footer.footer a,
html body footer.footer a:visited {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

html body footer.footer a:hover,
html body footer.footer a:focus {
  color: #CFE6FA !important;
}

/* ===== Cabecera ===== */

/* Franja superior con el nombre de la revista */
html body #headerNavigationContainer .mainNavigation,
html body #headerNavigationContainer .mainNavigation .container,
html body #headerNavigationContainer .navbar-header {
  background-color: #004F94 !important;
}

/* Barra del menú (Actual, Archivos, Acerca de...) */
html body #headerNavigationContainer #navMenuWrp,
html body #headerNavigationContainer #nav-menu,
html body #headerNavigationContainer #nav-menu .container {
  background-color: #0065C3 !important;
}

/* ===== Barra lateral ===== */

/* Título "Revista información" y su flechita */
html body #sidebar h2.titleSide {
  background-color: #004F94 !important;
  border-color: #004F94 !important;
}

html body #sidebar h2.titleSide::before,
html body #sidebar h2.titleSide::after {
  border-top-color: #004F94 !important;
}

/* Botón "Inicio" de la cabecera */
html body #headerNavigationContainer #publishingHome a,
html body #headerNavigationContainer #publishingHome .btn {
  background-color: #004F94 !important;
  border-color: #004F94 !important;
  color: #FFFFFF !important;
}

/* Botón de búsqueda (lupita) */
html body #headerNavigationContainer form button,
html body #headerNavigationContainer form .btn,
html body #headerNavigationContainer form input[type="submit"] {
  background-color: #0065C3 !important;
  border-color: #0065C3 !important;
  color: #FFFFFF !important;
}

html body #headerNavigationContainer #publishingHome a:hover,
html body #headerNavigationContainer form button:hover,
html body #headerNavigationContainer form .btn:hover {
  background-color: #003D73 !important;
  border-color: #003D73 !important;
}

/* Refuerzo con las clases reales del tema: botón Inicio y lupita */
html body header #showTopLinks #publishingHome a,
html body header #showTopLinks #publishingHome a:visited {
  background-color: #004F94 !important;
  border: 1px solid #004F94 !important;
  color: #FFFFFF !important;
}

html body header .searchCntNav button,
html body header .searchCntNav .btn {
  background-color: #0065C3 !important;
  border: 1px solid #0065C3 !important;
  color: #FFFFFF !important;
}

html body header #showTopLinks #publishingHome a:hover,
html body header .searchCntNav button:hover {
  background-color: #003D73 !important;
  border-color: #003D73 !important;
}

/* Íconos de redes sociales junto a "Inicio" alineados al centro */
html body header #showTopLinks .topSocial {
  display: inline-flex !important;
  align-items: center;
}

/* Contraste: "Inicio" en azul claro sobre la franja oscura, lupita en azul oscuro sobre la barra clara */
html body header #showTopLinks #publishingHome a,
html body header #showTopLinks #publishingHome a:visited {
  background-color: #0065C3 !important;
  border: 1px solid #0065C3 !important;
  color: #FFFFFF !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
}

html body header .searchCntNav button,
html body header .searchCntNav .btn {
  background-color: #004F94 !important;
  border: 1px solid #004F94 !important;
  color: #FFFFFF !important;
}

html body header #showTopLinks #publishingHome a:hover,
html body header .searchCntNav button:hover,
html body header .searchCntNav .btn:hover {
  background-color: #003D73 !important;
  border-color: #003D73 !important;
}

/* ===== Portada de la revista ===== */

/* Descripción de la revista en negro */
html body .page_index_journal .journal-description,
html body .page_index_journal .journal-description * {
  color: #000000 !important;
}

/* Pestañas (Número actual, Archivos, Avisos): grises si no están activas */
html body #homeTabWrp .nav-tabs > li > a {
  background-color: #E9ECEF !important;
  border: 1px solid #D6D9DC !important;
  color: #333333 !important;
}

html body #homeTabWrp .nav-tabs > li > a:hover {
  background-color: #D6D9DC !important;
  color: #000000 !important;
}

/* Pestaña activa en azul oscuro */
html body #homeTabWrp .nav-tabs > li.active > a,
html body #homeTabWrp .nav-tabs > li.active > a:hover,
html body #homeTabWrp .nav-tabs > li.active > a:focus {
  background-color: #004F94 !important;
  border-color: #004F94 !important;
  color: #FFFFFF !important;
}

/* Textos de las pestañas que el tema muestra como ##current.issue## y ##issue.archives## */
html body #homeTabWrp .nav-tabs > li:nth-child(1) > a,
html body #homeTabWrp .nav-tabs > li:nth-child(2) > a {
  font-size: 0 !important;
}

html body #homeTabWrp .nav-tabs > li:nth-child(1) > a::after,
html body #homeTabWrp .nav-tabs > li:nth-child(2) > a::after {
  font-size: 14px;
}

/* Español */
html[lang="es"] body #homeTabWrp .nav-tabs > li:nth-child(1) > a::after { content: "Número actual"; }
html[lang="es"] body #homeTabWrp .nav-tabs > li:nth-child(2) > a::after { content: "Archivos"; }

/* Inglés */
html[lang="en"] body #homeTabWrp .nav-tabs > li:nth-child(1) > a::after { content: "Current issue"; }
html[lang="en"] body #homeTabWrp .nav-tabs > li:nth-child(2) > a::after { content: "Archives"; }

/* Títulos dentro de las pestañas que el tema muestra como ##current.issue## y ##issue.archives##
   (se usa ::before porque ::after dibuja la línea horizontal del título) */
html body #mostRecent h2.headings,
html body #pastIssuesTab h2.headings {
  font-size: 0 !important;
}

html body #mostRecent h2.headings::before,
html body #pastIssuesTab h2.headings::before {
  font-size: 22px;
}

html[lang="es"] body #mostRecent h2.headings::before { content: "Número actual"; }
html[lang="es"] body #pastIssuesTab h2.headings::before { content: "Archivos"; }

html[lang="en"] body #mostRecent h2.headings::before { content: "Current issue"; }
html[lang="en"] body #pastIssuesTab h2.headings::before { content: "Archives"; }

/* Ocultar el botón "Inicio" de la cabecera */
html body header #showTopLinks #publishingHome {
  display: none !important;
}

/* ===== Título en texto junto al logo =====
   Solo el enlace del logo (img.img-responsive), no los íconos de redes */
html body.has_site_logo #headerNavigationContainer a:has(> img.img-responsive) {
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
  font-size: 16px !important;
  text-decoration: none !important;
}

html body.has_site_logo #headerNavigationContainer a:has(> img.img-responsive) img {
  flex-shrink: 0;
}

html body.has_site_logo #headerNavigationContainer a:has(> img.img-responsive)::after {
  display: inline-block !important;
  visibility: visible !important;
  color: #FFFFFF !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

html[lang="es"] body.has_site_logo #headerNavigationContainer a:has(> img.img-responsive)::after {
  content: "Revista Paraguaya de Reumatología";
}

html[lang="en"] body.has_site_logo #headerNavigationContainer a:has(> img.img-responsive)::after {
  content: "Paraguayan Journal of Rheumatology";
}

@media (max-width: 767px) {
  html body.has_site_logo #headerNavigationContainer a:has(> img.img-responsive)::after {
    font-size: 15px;
    white-space: normal;
  }
}