@charset "UTF-8";
/* função que converte uma fonte em px para uma versão 'rem' baseado na fonte de 16px */
/**
* Esse utilitário retorna o valor em 'em'
* deve ser usado em locais onde o valor estiver relacionado ao tamanho da fonte
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
html body section.banner-pesquisa {
  height: 303px;
  padding-top: 72px;
  position: relative;
  background-image: url("../../img/contato/bg-contato.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
html body section.banner-pesquisa h1 {
  width: 506px;
  max-width: 100%;
  padding-bottom: 27px;
  color: #FFFFFF;
  font-size: 2.125rem;
  line-height: 2.25rem;
  font-family: "robotoregular";
}
@media (max-width: 1199.98px) {
  html body section.banner-pesquisa h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 991.98px) {
  html body section.banner-pesquisa h1 {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  html body section.banner-pesquisa h1 {
    font-size: 1.75rem;
    line-height: 2.3125rem;
  }
}
html body section.banner-pesquisa .pesquisa input {
  height: 48px;
  width: inherit;
  width: -webkit-fill-available;
  border: solid 1px #ffffff4d;
  border-radius: 4px;
  background-color: #ffffffcc;
  transition: background-color 0.5s;
}
html body section.banner-pesquisa .pesquisa input:focus {
  background-color: white;
}
html body section.banner-pesquisa .pesquisa input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
  transform: translateX(-48px);
  background-image: url("/Assets/img/lista-unidades/limpar-pesquisa.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
html body section.banner-pesquisa .pesquisa button {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 8px;
  bottom: -2px;
  border: unset;
  background-color: transparent;
}
html body section.banner-pesquisa .pesquisa button img {
  cursor: pointer;
}
html body section.lista {
  padding: 72px 0;
}
html body section.lista h1 {
  color: #0C5FAB;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
html body section.lista a {
  text-decoration: underline;
  font-family: "robotolight";
  font-size: 1rem;
  line-height: 1.8125rem;
  color: #0C5FAB;
}
html body section.lista hr {
  border: solid 1px whitesmoke;
}