/**
 *
 * info: Estilo para a pagina de candidatos
 * handle: page-candidatos
 * version: 1.1.1
 *
 */
.page-candidatos {
  padding-top: 40px;
}
.page-candidatos .breadcrumb {
  overflow-x: auto;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  width: 100%;
  padding: 0px 8px;
}
.page-candidatos .breadcrumb span, .page-candidatos .breadcrumb a {
  white-space: nowrap;
}
.page-candidatos .lista-cidades {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.page-candidatos .lista-cidades > li {
  display: flex;
  width: 100%;
  max-width: 50%;
  height: -moz-max-content;
  height: max-content;
  padding: 0px 15px;
}
.page-candidatos .lista-cidades > li > a {
  display: block;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  padding: 10px 25px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  color: #FFF;
  background-color: #4935e9;
}
@media ((min-width: 992px)) {
  .page-candidatos .lista-cidades {
    max-width: 70%;
  }
  .page-candidatos .lista-cidades > li {
    max-width: 33.3333333333%;
  }
}
.page-candidatos .page-candidatos__content {
  display: flex;
  flex-wrap: wrap;
  row-gap: 32px;
}
.page-candidatos .page-candidatos__content > p:last-of-type {
  width: 100%;
}
@media ((min-width: 992px)) {
  .page-candidatos .page-candidatos__content > p:last-of-type {
    max-width: 30%;
  }
}
.page-candidatos .page-candidatos__content .page-candidatos__content__list {
  row-gap: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.page-candidatos .page-candidatos__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 16px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.page-candidatos .page-candidatos__grid aside {
  position: relative;
  grid-column: span 1;
  grid-row: span 2;
}
.page-candidatos .page-candidatos__grid header,
.page-candidatos .page-candidatos__grid section {
  grid-column: span 3;
  grid-row: span 1;
}
.page-candidatos .page-candidatos__grid header a,
.page-candidatos .page-candidatos__grid section a {
  color: #4935e9;
  text-decoration: underline;
}
.page-candidatos .page-candidatos__grid header h1 + * {
  margin-top: 24px;
}
.page-candidatos .page-candidatos__grid header .content ul {
  list-style: none;
  padding-left: 0px;
}
.page-candidatos .page-candidatos__grid header .content ul li {
  list-style: none;
}
.page-candidatos .page-candidatos__grid .page-candidatos__avatar {
  position: sticky;
  top: 40px;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  padding: 8px;
}
.page-candidatos .page-candidatos__grid .page-candidatos__avatar img {
  width: 100%;
  height: auto;
}