/* Anuario de Posgrado - hoja de estilo propia */

/* 1. H1 de lectores de pantalla: la hoja del sitio lo fuerza a position:static,
      lo vuelve visible y desborda o se monta sobre el logotipo. */
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. Cabecera sobre fondo azul institucional. El logotipo entregado tiene el
      texto en blanco sobre fondo transparente, de modo que sobre fondo claro
      solo se veria el emblema. */
body .pkp_structure_head { background: #162E40 !important; }
body .pkp_head_wrapper { background: #162E40 !important; }
body .pkp_head_wrapper .pkp_site_name_wrapper {
  position: relative !important; display: block !important; width: 100% !important;
  min-height: 104px !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_img {
  position: absolute !important; left: 0 !important; top: 50% !important;
  transform: translateY(-50%) !important; margin: 0 !important; float: none !important;
}
body .pkp_head_wrapper .pkp_site_name .is_img img {
  max-width: 330px !important; width: 100% !important; height: auto !important;
}
body .pkp_head_wrapper .pkp_site_name .is_text {
  display: inline-block !important; color: #ffffff !important; font-size: 32px !important;
  font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important;
}
body .pkp_head_wrapper .pkp_site_name_wrapper::after {
  content: "Anuario de Posgrado"; display: block; color: #ffffff;
  font-size: 30px; font-weight: 700; line-height: 1.25; text-align: center; padding: 0 360px;
}
body .pkp_head_wrapper .pkp_site_name_wrapper:not(:has(.is_img))::after { content: none; }

@media (min-width: 992px) {
  body .pkp_head_wrapper .pkp_site_name_wrapper { padding-right: 0 !important; }
}
@media (max-width: 991px) {
  body .pkp_head_wrapper .pkp_site_name_wrapper { padding-left: 56px !important; min-height: 0 !important; }
  body .pkp_head_wrapper .pkp_site_name .is_img {
    position: static !important; transform: none !important; display: block !important; margin: 0 auto .5rem !important;
  }
  body .pkp_head_wrapper .pkp_site_name .is_img img { max-width: 260px !important; }
  body .pkp_head_wrapper .pkp_site_name_wrapper::after { font-size: 23px; }
  body .pkp_site_nav_toggle { z-index: 1000 !important; background: #ffffff !important; color: #162E40 !important; border-radius: 4px !important; }
}

/* 3. Menu: tipografia legible. En este tema 1rem equivale a 14px. */
body .pkp_navigation_primary > li > a,
body .pkp_navigation_primary a { font-size: 17px !important; line-height: 1.45 !important; }
body .pkp_navigation_primary .dropdown-menu a { font-size: 16px !important; }

/* 4. Submenu desplegable: la hoja del sitio pinta de blanco todos los enlaces de
      la barra, incluidos los del desplegable, que tiene fondo blanco. Se cubre
      tambien el elemento activo, que puede quedar blanco sobre blanco. */
body .pkp_navigation_primary_row .dropdown-menu a,
body .pkp_navigation_primary .dropdown-menu a { color: #2b2b2b !important; background-color: #fff !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: #fff !important; background-color: #162E40 !important; }
body .pkp_navigation_primary .dropdown-menu { border: 1px solid #ddd !important; box-shadow: 0 2px 6px rgba(0,0,0,.15) !important; }
body .pkp_navigation_primary > li.current > a,
body .pkp_navigation_primary > li > a.current,
body .pkp_navigation_primary > li > a:focus { background-color: transparent !important; color: #ffffff !important; text-decoration: underline !important; }

/* 5. La barra usa 100vw, medida que incluye la barra de desplazamiento. */
html { overflow-x: hidden !important; }