/* Consultar Processos */
.consulta-processos {
  padding: 4rem 0;

  --bs-body-bg: rgba(var(--theme-grey-100));
  --bs-border-color: rgba(var(--theme-white-100));

  background-color: rgba(var(--theme-grey-100));
}

.consulta-processos .-grid {
  display: grid;

  grid-template-columns: 1fr;
}

@media (min-width: 700px) {
  .consulta-processos .-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .consulta-processos .-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.consulta-processos .-grid,
.consulta-processos .-grid .-form,
.consulta-processos .-grid .-resultados {
  gap: 2rem;
}

.consulta-processos .-grid .-form {
  grid-column: 1/-1;

  row-gap: 1rem;

  display: flex;

  align-items: stretch;
  flex-direction: column;
}

@media (min-width: 900px) {
  .consulta-processos .-grid .-form {
    align-items: end;
    flex-direction: row;
  }
}

.consulta-processos .-form .-form-pesquisar {
  flex: 1;
}

.consulta-processos .-grid .-resultados {
  display: grid;

  grid-template-columns: subgrid;
  grid-template-rows: auto;

  grid-column: 1/-1;
}

.consulta-processos .-grid .-resultados .-item-feedback {
  grid-column: 1/-1;
}

.consulta-processos .-grid .-resultados .-item {
  display: flex;
  flex-direction: column;

  text-decoration: none;

  border: 1px solid rgba(var(--theme-white-100));
  padding: 1.5rem;
  border-radius: 0.5rem;

  height: 100%;
}

.consulta-processos .-grid .-resultados .-item img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
	background-color: white;

  border-radius: 0.3rem;

  margin-bottom: 1rem;
}

.consulta-processos .-grid .-resultados .-item .-item-spacer {
  flex: 1;
}

.consulta-processos .-grid .-resultados .-item .-item-nome {
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.25rem;
}

.processo-icon {
  height: 1em;
  color: rgba(var(--theme-white-50));
}

.consulta-processos .-grid .-resultados .-item .-item-tipo {
  display: flex;
  align-items: center;
  gap: 0.3em;
  color: rgba(var(--theme-white-50));
}

.alert.alert-info.results {
  background-color: #2d3b48;
  color: #bccede;
  border-color: #bccede;
}

.alert.alert-info.alert-not-found {
  background-color: rgba(var(--theme-yellow-100), 0.25);
  color: rgba(var(--theme-white-100-white-25));
  border-color: rgba(var(--theme-white-100-white-25));
}