@media (min-width: 992px) {
    .pkp_site_name .is_img img {
        max-height: 130px;
    }
}

.pkp_structure_main h1 {
    font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 1.714rem;
    line-height: 2.143rem;
    font-weight: 700;
    color: #006c3b;
}

.navbar-default .nav>li>a, .header_view .nav>li>a {
    color: #777;
    background-color: #e0efe9eb;
    border-radius: 5px;
}

.panel-default>.panel-heading, .pkp_block .title {
    color: #436c49;
    background-color: #dcf0e9;
    border-color: #2b9735;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

 
/* Portadas de números (issue cover) */
.issue .cover img,
.obj_issue_toc .cover img,
.journal_cover img,
.cover img {
  border-radius: 12px;
}
 
/* Miniaturas de artículos en los listados (summary/galley) */
.obj_article_summary .cover img,
.obj_article_summary img {
  border-radius: 10px;
}
 
/* Imagen de portada de un artículo individual */
.article-cover img,
.page-header-cover img {
  border-radius: 12px;
}

img {
  border-radius: 5px;
}
 
/* Avatares / fotos de autores, si el tema los muestra */
.author img,
.orcid img {
  border-radius: 50%;
}
 
/* Suaviza el recorte cuando la imagen está dentro de un contenedor con
   overflow (evita que la imagen "se salga" del borde redondeado) */
.cover,
.issue .cover,
.obj_article_summary .cover {
  overflow: hidden;
  border-radius: 12px;
}

/* ==========================================================================
   Estilos para los bloques de la barra lateral (sidebar) — Revista Senderos
   Instalación: Ajustes > Sitio web > Apariencia > pestaña "CSS del tema"
   (pegar junto con el resto del CSS personalizado del sitio).

   Los colores están tomados aproximadamente de la portada de la revista
   (verde lima de la barra de navegación, verde salvia del header, azul de
   "Universidad Nacional de Formosa"). Si no coinciden exacto con tu sitio,
   pasame los códigos de color reales (o el CSS actual del tema) y los ajusto.
   ========================================================================== */

:root {
  --senderos-verde-oscuro:  #33511f;   /* verde oscuro del follaje del header */
  --senderos-verde-lima:    #8bbf2f;   /* verde lima de la barra de navegación */
  --senderos-verde-lima-2:  #6fa025;   /* variante más oscura, para degradé/hover */
  --senderos-verde-salvia:  #b9ccb4;   /* verde pálido del fondo del header */
  --senderos-azul:          #1a4a8c;   /* azul de "Universidad Nacional de Formosa" */
  --senderos-borde-radio:   12px;
}

/* ---- Contenedor general de cada bloque (Idioma, Enviar un artículo, etc.) ---- */
.pkp_block {
  background: #ffffff;
  border: 1px solid #e1e6dc;
  border-radius: var(--senderos-borde-radio);
  overflow: hidden;
  margin-bottom: 1.25rem;
  box-shadow: 0 2px 6px rgba(51, 81, 31, 0.08);
  transition: box-shadow 0.2s ease;
}

.pkp_block:hover {
  box-shadow: 0 4px 12px rgba(51, 81, 31, 0.14);
}

/* ---- Título del bloque ("Idioma", etc.) ---- */
.pkp_block .title {
  margin: 0;
  padding: 0.65rem 1rem;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ffffff;
  background: linear-gradient(135deg, var(--senderos-verde-lima), var(--senderos-verde-lima-2));
}

/* ---- Cuerpo del bloque ---- */
.pkp_block .content {
  padding: 0.5rem 0;
}

/* ---- Listas dentro del bloque (idiomas, categorías, etc.) ---- */
.pkp_block .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pkp_block .content ul li {
  border-bottom: 1px solid #f0f2ec;
}

.pkp_block .content ul li:last-child {
  border-bottom: none;
}

.pkp_block .content ul li a {
  display: block;
  padding: 0.55rem 1rem;
  color: var(--senderos-azul);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}

.pkp_block .content ul li a:hover {
  background: #f3f8ee;
  color: var(--senderos-verde-lima-2);
  padding-left: 1.25rem;
}

/* ---- Idioma actualmente seleccionado ---- */
.block_language .content ul li.current a {
  color: var(--senderos-verde-oscuro);
  font-weight: 700;
  background: #eef6e6;
  border-left: 3px solid var(--senderos-verde-lima-2);
  padding-left: calc(1rem - 3px);
}

.block_language .content ul li.current a:hover {
  padding-left: calc(1.25rem - 3px);
}

/* ---- Botón "Enviar un artículo" (si el tema lo pinta como bloque) ---- */
.pkp_block .content a.btn,
.pkp_block .content .submitArticleLink,
.pkp_block .content button {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  background: var(--senderos-verde-lima-2);
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  border: none;
  transition: background 0.15s ease;
}

.pkp_block .content a.btn:hover,
.pkp_block .content .submitArticleLink:hover,
.pkp_block .content button:hover {
  background: var(--senderos-verde-oscuro);
}

@media (min-width: 992px) {
    .pkp_block {
        padding: 0.743rem;
    }
}

@media (min-width: 768px) {
    .pkp_structure_main:before, .pkp_structure_main:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0px;
        background: #ffffff;
    }
}


footer[role="contentinfo"] {
    background: #00733e0d;
    padding: 1em;
    margin-top: 1em;
}

.pkp_footer_content {
    padding: 0.143rem;
    text-align: left;
	  background: #00733e0d;
}

.pkp_brand_footer {
    padding: 0.143rem;
	  background: #00733e0d;
}

.pkp_structure_footer_wrapper {
    background: #74a5261c;
}

.pkp_block .content p {
  text-align: center;
}



.senderos-footer-card {
  max-width: 700px;
  margin: 0 auto;
  padding: 24px 28px;
  background: #ffffff;
  border: 1px solid #e1e6dc;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(51, 81, 31, 0.10);
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
.senderos-footer-card img { flex-shrink: 0; opacity: 0.9; }
.senderos-footer-card .info { flex: 1; min-width: 240px; text-align: center; }
.senderos-footer-card .universidad { margin: 0 0 4px; font-size: 1.05rem; font-weight: 700; color: #1a4a8c; }
.senderos-footer-card .facultad { margin: 0 0 10px; font-size: 0.95rem; font-weight: 600; color: #33511f; }
.senderos-footer-card .issn {
  display: inline-block;
  margin: 0 0 14px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #8bbf2f, #6fa025);
  padding: 3px 10px;
  border-radius: 999px;
}
.senderos-footer-card .divider { height: 1px; background: #e1e6dc; margin: 4px auto 14px; max-width: 220px; }
.senderos-footer-card .contact-line { margin: 0 0 6px; font-size: 0.85rem; color: #444; line-height: 1.6; }
.senderos-footer-card .contact-line:last-child { margin: 0; }
.senderos-footer-card .contact-line a { color: #1a4a8c; text-decoration: none; }


.pkp_structure_footer_wrapper {
    background: #ffffff00;
}

.pkp_footer_content {
    padding: 3.143rem;
    text-align: left;
    background: #ffffff0d;
}

.pkp_brand_footer {
    padding: 0.143rem;
    background: #ffffff0d;
}