/* 
  iBahia • 2023 - MUNDIWARE
*/
.ib-page.expediente{
  margin: 60px auto 50px;
  padding: 0;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:49px;
}
.ib-page.expediente > h2{
  font-family: 'RedditSans-Bold';
  font-size: 66px;
  text-align: center;
  background: transparent linear-gradient(259deg, #FF783E 0%, #FF1938 70%, #C41230 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ib-page.expediente > section{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 30px;
}
.ib-page.expediente > section > .expediente-funcionario {
  display:flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding:12px 0px 12px 12px;
  box-shadow: 0px 5px 15px #0000000D;
  border: 1px solid #F1F1F1;
  border-radius: 16px;
}
.ib-page.expediente > section > .expediente-funcionario > img {
  width: 98px;
  height: 98px;
  border-radius: 16px;
  box-shadow: 0px 5px 10px #0000001A;
  border-radius: 16px;
}
.ib-page.expediente > section > .expediente-funcionario > .funcionario-infos {
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap:14px;
}
.ib-page.expediente > section > .expediente-funcionario > .funcionario-infos > .infos-header {
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap:4px;
}
.ib-page.expediente > section > .expediente-funcionario > .funcionario-infos > .infos-header > h2{
  font-family: 'RedditSans-Bold';
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #000000;
}
.ib-page.expediente > section > .expediente-funcionario > .funcionario-infos > .infos-header > h3{
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.14px;
  color: #636363;
}
.ib-page.expediente > section > .expediente-funcionario > .funcionario-infos > a{
  display:flex;
  align-items: center;
  gap: 10px;
  font-family: 'RedditSans-Bold';
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.14px;
  color: #000000;
}

hr {
  display:none;
}
@media (max-width: 900px){
  .ib-page.expediente > section{
    grid-template-columns: repeat(1,1fr);
  }
}
@media (max-width: 769px){
  hr {
    width: 100%;
    height: 1px;
    background-color: #D9D9D9;
    display:block;
  }
  .ib-page.expediente {
    margin: 40px auto 40px;
  }
  .ib-page.expediente > h2{
    font-size: 46px;
    text-align: left;
    white-space: nowrap;
    padding:0px 20px;
    width: 100%;
  }
  .ib-page.expediente > section{
    gap: 16px;
    padding: 0 20px;
  }
  .ib-page.expediente > section > .expediente-funcionario{
    width: 100%;
    padding:0px;
  }
  .ib-page.expediente > section > .expediente-funcionario > .funcionario-infos > .infos-header {
    gap:5px;
  }
}