/* ================================
   FUENTE Y TEXTO GENERAL
   ================================ */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Roboto:wght@500;700&display=swap');

body, .pkp_structure_content, .page, .pkp_page_content {
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 11pt !important;
  color: #333333 !important;
  line-height: 1.6 !important;
}

/* ================================
   TITULOS
   ================================ */
h1, .h1, h2, .h2, h3, .h3,
.page h1, .page h2, .page h3 {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #364F2A !important;
}

h1, .page h1 { font-size: 18pt !important; }
h2, .page h2 { font-size: 14pt !important; }
h3, .page h3 { font-size: 13pt !important; }

/* ================================
   TITULOS DE ARTICULOS
   ================================ */
.media-heading a,
.obj_article_summary .title a,
.pkp_page_index .media-heading a {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 16pt !important;
  font-weight: 600 !important;
  color: #364F2A !important;
  line-height: 1.3 !important;
}

.media-heading a:hover,
.obj_article_summary .title a:hover {
  color: #27381E !important;
  text-decoration: underline !important;
}

/* ================================
   MENÚ SUPERIOR
   ================================ */
.navbar-header, 
.navbar-brand, 
.navbar-nav > li > a {
  display: flex !important;
  align-items: center !important;
  line-height: 1.6 !important; /* más espacio vertical */
}

.navbar-brand img {
  max-height: 40px !important;
  margin-right: 10px !important;
}

.navbar-nav > li > a {
  font-size: 11pt !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #333 !important;
  padding: 10px 18px !important; /* más separación horizontal */
}

.navbar-nav > li > a:hover {
  font-weight: 600 !important;
  color: #364F2A !important;
}

/* ================================
   MENÚ LATERAL
   ================================ */
#sidebar, .pkp_structure_sidebar {
  text-align: left !important;
}

#sidebar h2, .pkp_structure_sidebar h2 {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 12pt !important;
  font-weight: 700 !important;
  color: #364F2A !important;
  text-align: left !important;
}

#sidebar .content p,
#sidebar .content a,
#sidebar .content li {
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 10pt !important;
  text-align: left !important;
}

/* ================================
   BOTONES
   ================================ */
.btn-primary, .pkp_button, .cmp_button, .galley-link.btn {
  background-color: #364F2A !important; /* Verde musgo */
  border-color: #27381E !important;
  color: white !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 11pt !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  padding: 6px 14px !important;
}

.btn-primary:hover, .pkp_button:hover, .cmp_button:hover, .galley-link.btn:hover {
  background-color: #27381E !important;
  border-color: #1C2616 !important;
  color: white !important; /* mantener texto blanco */
}

/* ================================
   ENLACES GENERALES
   ================================ */
a {
  color: #364F2A !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
}

a:hover {
  color: #27381E !important;
  text-decoration: underline !important;
}

/* ================================
   IDIOMAS (corrección de nombres)
   ================================ */
.block_language li a {
  visibility: hidden; /* oculta texto original */
  position: relative;
}

.block_language .locale_es_ES a::after {
  content: "Español";
  visibility: visible;
  position: absolute;
  left: 0;
  color: #364F2A !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 10pt !important;
}

.block_language .locale_en_US a::after {
  content: "English";
  visibility: visible;
  position: absolute;
  left: 0;
  color: #364F2A !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 10pt !important;
}
