@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
.nav-superior {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 10px;
}

@media (min-width: 992px) {
  .pkp_site_name_wrapper {
    height: auto;
  }
}

@media (min-width: 992px) {
  .pkp_structure_head {
    height: auto;
  }
}
.pkp_head_wrapper {
  padding: 0 !important;
  width: 100% !important;
}

.pkp_site_name_wrapper {
  width: 100%;
  padding: 0;
}

.pkp_site_name .is_img {
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5,
.pkp_structure_main h6 {
  font-family:
    Futura Medium,
    sans-serif;
}

/* Imagen del banner */
.pkp_site_name {
  overflow: hidden;
}

.pkp_site_name .is_img img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block;
  margin: 0 auto;
  object-position: top !important;
}

.dropdown-item-user {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
}
/***** Body *******/
body {
  color: #26214d !important;
}
.pkp_structure_content {
  padding-top: 4.143rem;
}
.obj_galley_link {
  display: inline-block !important;
  padding: 0 1em !important;
  background: #26214d !important;
  border: 1px solid #26214d !important;
  border-radius: 3px !important;
  font-size: 0.93rem !important;
  line-height: calc(2.143rem - 2px) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.section > h3 {
  font-size: 20px !important;
  color: #20328c !important;
}
.img-labels {
  max-width: 100%;
  width: auto;
  height: auto;
}
.obj_galley_link {
  width: 5% !important;
  padding: 0 0 !important;
}
.galleys_links li {
  display: contents !important;
}
.obj_galley_link:before {
  display: none !important;
}
/**** Sidebar ****/
.pkp_block .title {
  border-bottom: solid 3px #26214d;
  padding-bottom: 10px;
  color: #000003 !important;
}
/***** Footer *******/
.legal-cintillo {
  background-color: #006942 !important;
  color: white !important;
}
.legal-cintillo a {
  color: #42afe3;
  text-decoration: none !important;
}
.pkp_structure_footer_wrapper {
  background: url("https://jbf.cusur.udg.mx/public/journals/1/Pie de pagina.png")
    no-repeat center center !important;
  background-size: cover !important;
  height: 350px !important;
}
.pkp_brand_footer a {
  float: none !important;
  display: contents !important;
  max-width: 100% !important;
}
.redes-social img {
  max-width: 13% !important;
  width: auto !important;
  height: auto !important;
}
.contact {
  color: white;
  text-align: justify;
}
.creditos {
  color: #d6d7c9;
  text-align: center;
}
/* Estilos para pantallas de tablet (de 768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .pkp_structure_head {
    height: 15vh !important;
  }
  .pkp_structure_footer_wrapper {
    height: 30vh !important;
  }
}

/* Estilos para pantallas de móvil (menos de 768px) */
@media (max-width: 767px) {
  .pkp_structure_head {
    height: 12vh !important; /* Ajustar el tamaño del contenedor para móviles */
  }
  .pkp_structure_footer_wrapper {
    height: 20vh !important;
  }
}

/* Estilos para pantallas ultrawide (a partir de 2560px) */
@media (min-width: 2560px) {
  .pkp_structure_head {
    height: 50vh !important; /* Puedes ajustar este valor según sea necesario */
    background-size: cover !important; /* Asegura que la imagen cubra todo el contenedor */
  }

  .pkp_structure_footer_wrapper {
    height: 40vh !important; /* Ajustar el tamaño del pie de página */
    background-size: cover !important;
  }

  /* Otros ajustes específicos para pantallas ultrawide */
  .obj_galley_link {
    font-size: 1.1rem !important; /* Ajusta el tamaño de la fuente */
  }

  .section > h3 {
    font-size: 24px !important; /* Ajusta el tamaño de los encabezados */
  }
}
