@charset "UTF-8";
/*importar fuentes*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");

/*sección Header funciona en bootstrap 5 Ov Int y cli*/
#headSEP {
  align-items: center;
  background: #FFF !important;
  color: var(--text-primary) !important;
  display: flex;
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px !important;
  height: 64px;
  /* box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 25%); */
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
#headSEP .logoSEP .navbar-brand {
  /* background: url(//kayum.mx/wp-content/uploads/2021/03/icono_kayum.png) center no-repeat; */
    background: url(/assets/images/LogoKayumTxt.svg) center no-repeat;
    background-size: contain;
}
@media (min-width: 767.98px) {
  #headSEP .logoSEP .navbar-brand {
    /* background: url(//kayum.mx/wp-content/uploads/2018/04/LogoKayumSVG.svg) center no-repeat; */
    background: url(/assets/images/LogoKayumTxt.svg) center no-repeat;
    background-size: contain;
  }
}
#headSEP .navbar-brand {
  display: block;
  overflow: hidden;
  height: 50px;
  width: 45px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media (min-width: 767.98px) {
  #headSEP .navbar-brand {
    max-width: 175px;
    width: 175px;
  }
}
#headSEP img {
  height: 30px;
  width: auto;
}
#headSEP .titles {
  border-left: var(--text-primary) solid;
  padding-left: 16px;
}
#headSEP .titles span {
  color: var(--text-primary) !important;
  display: block;
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px !important;
  margin: 0;
  line-height: 18px;
}
#headSEP .titles h1, #headSEP .titles h2 {
  color: var(--text-primary);
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: bold;
  margin: 0;
  line-height: 18px;
}
#headSEP .titles h1 .small, #headSEP .titles h1 small, #headSEP .titles h2 .small, #headSEP .titles h2 small {
  color: inherit;
  text-transform: none !important;
}
#headSEP .nombreLargo {
  font-size: 13px;
  font-weight: bold;
}
#headSEP .nombreLargo a {
  color: var(--text-primary) !important;
  font-family: "Open Sans", sans-serif !important;
  text-decoration: none;
  background-color: transparent;
}
#headSEP .nombreLargo a img {
  height: 24px;
  width: 24px;
}
#headSEP .nombreLargo a svg {
  fill: var(--text-primary);
  height: 24px;
  margin: 0 13px;
  width: 24px;
}
#headSEP .nombreLargo .dropdown-menu {
  margin: 0;
  padding: 0;
  left: unset;
  right: 0em;
  z-index: 1111;
}
#headSEP .nombreLargo .dropdown-menu a {
  font-family: "Open Sans", sans-serif !important;
  color: var(--text-primary) !important;
  font-size: 13px;
  padding: 13px;
}
#headSEP .nombreLargo .dropdown-menu a:hover {
  color: whitesmoke !important;
  background: #d00924 !important;
}
#headSEP .nombreLargo .dropdown-menu a img {
  height: 24px;
  margin: 0 13px;
  width: 24px;
}
#headSEP .nombreLargo .dropdown-toggle::after {
  display: none;
}

/*sección navegación principal*/
#navSEP {
  background: #F1F9FF !important;
  border-radius: 0;
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px !important;
  /*li.nav-item.dropdown:last-child{

      .dropdown-menu{
          left: unset;
          right: 0;
      }
  }*/
}
#navSEP.navbar {
  border: none;
  justify-content: space-around;
  min-height: 45px;
}
@media (min-width: 767.98px) {
  #navSEP.navbar {
    justify-content: space-between;
  }
}
#navSEP .navbar-toggler-right {
  line-height: 40px;
  display: inline-block;
  margin: 0 auto 0 16px;
}
@media (min-width: 767.98px) {
  #navSEP .navbar-toggler-right {
    padding-top: 5px;
    display: none !important;
  }
}
@media (min-width: 767.98px) {
  #navSEP .navbar-toggler-right {
    display: block;
  }
}
#navSEP .nombreCorto {
  font-size: 13px;
  font-weight: bold;
  float: right;
  line-height: 45px;
}
#navSEP .nombreCorto a {
  color: #666666 !important;
  font-family: "Open Sans", sans-serif !important;
  text-decoration: none;
}
#navSEP .nombreCorto a svg {
  fill: #666666 !important;
  height: 24px;
  margin: 0 13px;
  overflow: hidden;
  vertical-align: middle;
  width: 24px;
}
#navSEP .nombreCorto a img {
  height: 24px;
  padding: 8px;
  width: 24px;
}
#navSEP .nombreCorto .dropdown-menu {
  margin: 0;
  padding: 0;
  left: unset;
  right: 0;
  z-index: 1111;
}
#navSEP .nombreCorto .dropdown-menu .dropdown-item {
  color: #666666 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px !important;
  padding: 13px;
}
#navSEP .nombreCorto .dropdown-menu .dropdown-item:hover {
  color: whitesmoke;
  background: #d00924;
}
#navSEP .dropdown-toggle::after {
  display: none;
}
#navSEP .nav-link {
  color: #666666 !important;
  display: block;
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: bold;
  padding: 16px 13px;
}
@media (min-width: 767.98px) {
  #navSEP .nav-link {
    font-size: 12px !important;
  }
}
@media (min-width: 1599.98px) {
  #navSEP .nav-link {
    font-size: 13px !important;
  }
}
#navSEP .nav-link:hover {
  color: whitesmoke !important;
  background: #4790CF !important;
}
#navSEP .active {
  color: white !important;
  background: #4790CF;
}
#navSEP .dropdown-menu {
  font-size: 13px;
  margin: 0;
  z-index: 1111;
  padding: 0;
}
#navSEP .dropdown-menu .dropdown-item {
  display: block;
  font-family: "Open Sans", sans-serif !important;
  padding: 16px 32px;
}
#navSEP .dropdown-menu .dropdown-item:hover {
  color: whitesmoke !important;
  background: #d00924;
}

#navSEP .nav-link {
  white-space: initial !important;
}