/* Cruces - correcciones sobre la hoja de estilo del sitio */

/* 1. Devolver el H1 de lectores de pantalla a su comportamiento oculto.
      La hoja del sitio lo fuerza a position:static, lo vuelve visible y
      desborda la pagina horizontalmente. */
body h1.pkp_screen_reader,
body .pkp_structure_head h1.pkp_screen_reader {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 2. Nombre de la revista: centrado y legible */
body .pkp_head_wrapper .pkp_site_name_wrapper {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
body .pkp_head_wrapper .pkp_site_name {
  width: 100% !important;
  float: none !important;
  text-align: center !important;
}
body .pkp_head_wrapper .pkp_site_name .is_text {
  display: inline-block !important;
  color: #006798 !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
}
body .pkp_head_wrapper .pkp_site_name .is_img {
  display: inline-block !important;
  float: none !important;
}

/* 3. Submenu desplegable: el sitio pinta de blanco todos los enlaces de la
      barra, incluidos los del desplegable, que tiene fondo blanco. */
body .pkp_navigation_primary_row .dropdown-menu a,
body .pkp_navigation_primary .dropdown-menu a {
  color: #2b2b2b !important;
  background-color: #ffffff !important;
}
body .pkp_navigation_primary_row .dropdown-menu a:hover,
body .pkp_navigation_primary_row .dropdown-menu a:focus,
body .pkp_navigation_primary .dropdown-menu a:hover,
body .pkp_navigation_primary .dropdown-menu a:focus {
  color: #ffffff !important;
  background-color: #006798 !important;
}
body .pkp_navigation_primary .dropdown-menu {
  border: 1px solid #dddddd !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.15) !important;
}

/* 4. El tema reserva 56px a la derecha para el boton de menu movil, que en
      escritorio esta oculto y descentra el titulo. */
@media (min-width: 992px) {
  body .pkp_head_wrapper .pkp_site_name_wrapper { padding-right: 0 !important; }
}

/* 5. La barra de navegacion se extiende con 100vw, medida que incluye el ancho
      de la barra de desplazamiento y genera scroll horizontal. Se recorta en la
      raiz: hacerlo en un contenedor interior recortaria el menu desplegable. */
html { overflow-x: hidden !important; }