:root {
  --text-dark: #1F1F1F;
  --text-light: #909090;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

body{
  /* background-color: #F5F5F5; */
  padding-top: 95px;
}
#header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: 21px;
  padding: 21px 70px;
  align-items: center;
  box-shadow: inset rgb(82 82 82 / 15%) 0px -2px 1px;
  z-index: 10;
}
#header-usuario{
  display: flex;
  align-items: center;
  gap: 7px;
  color: #4D17AF;
}
#header-left{
  display: flex;
  gap: 14px;
  align-items: center;
}
#header-logo img{
  height: auto;
  max-width: 91px;
}
#header-titulo{
  font-family: "Mulish", sans-serif;
  color: #4D17AF;
  font-weight: 800;
  font-size: 24px;
  max-width: 115px;
  line-height: 26px;
}
#icon-close-menu{
  color: #745AAF;
}
#header-menu {
  display: flex;
  gap: 70px;
}
#header-menu-desktop{
  display: flex;
  gap: 70px;
}
#header-menu-mobile{
  display:none;
}
#header-menu-mobile a{
  font-family: "Mulish", sans-serif;
  color: var(--text-dark);
  font-size: 30px;
}
#header-menu a{
  font-family: "Mulish", sans-serif;
  color: var(--text-dark);
  font-size: 18px;
  font-weight: 600;
}
#header-usuario-nombre{
  font-family: "Mulish", sans-serif;
  color: #4D17AF;
  font-size: 18px;
  font-weight: 600;
}
#documentos-busqueda{
  position: relative;
  border: 1px solid #b7b5b5;
  border-radius: 3px;
  -webkit-border-radius: 5px;
  padding: 14px 35px;
  font-size: 20px;
  min-height: 55px;
  min-width: 500px;
  font-family: "Mulish", sans-serif;
}
.icono-busqueda{
  color: var(--text-light);
  position: absolute;
  font-size: 18px;
  top: 19px;
  left: 11px;
  z-index: 2;
}
.icono-borrar{
  color: #745AAF;
  position: absolute;
  font-size: 18px;
  top: 19px;
  right: 11px;
  z-index: 2;
}
.boton-buscar{
  background-color: #745AAF;
  color: #FFF;
  position: absolute;
  font-size: 18px;
  top: 8px;
  right: 6px;
  z-index: 2;
  padding: 7px 21px;
  border-radius: 3px;
}
.boton-buscar:hover{
  background-color: #856ac4;
}
#busqueda-input{
  width: calc(100% - 2px);
  border: none;
  position: absolute;
  top: 1px;
  left: 1px;
  min-height: 51px;
  z-index: 1;
  font-family: "Mulish", sans-serif;
  font-size: 20px;
  color: var(--text-dark);
  padding: 0 35px;
}

.hidden {
  display: none;
}
.flex {
  display: flex;
}
#body-menu-mobile{
  position: fixed;
  top:0;
  top: 92px;
  width: 100vw;
  /* height: 100vh; */
  height: calc(100vh - 92px);
  z-index: 10;
  background-color: #fff;
  padding: 14px 70px;
  flex-direction: column;
  justify-content: space-between;
}
#header-menu-mobile {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
#header-menu-mobile a{
  font-family: "Mulish", sans-serif;
  color: var(--text-dark);
  font-size: 24px;
  font-weight: 600;
}
#header-usuario-mobile{
  display: flex;
  align-items: center;
  gap: 14px;
  color: #4D17AF;
  font-size: 18px;
}
#header-usuario-nombre-mobile{
  font-family: "Mulish", sans-serif;
  color: #4D17AF;
  font-size: 24px;
  font-weight: 600;
}
#header-menu-mobile-trigger{
  display:none;
}