@charset "UTF-8";
/* Setando o charset */
/**
 * Importando utilitários do bootstrap
 */
/**
 * Variáveis configuradas para o projeto e mixins
 */
/*
|---------------------------
| Nossos mixins
|---------------------------
*/
/* Mixin para máscaras */
/* 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
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna o padding top e bottom
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height em vw configurados com os valores passados
*/
/**
* Retorna o valor em px relativo a altura da tela
*/
/**
* Converte os valores em px do xd para vw
*/
/**
* Converte os valores em px do xd para vh
*/
.banner-page {
  height: 300px;
  margin-bottom: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url("../../img/area/area-banner.jpg");
  background-color: #122148;
}
@media (max-width: 1119.98px) {
  .banner-page {
    height: 230px;
  }
}
@media (max-width: 959.98px) {
  .banner-page {
    height: 150px;
  }
}

section#area-atuacao .title-page {
  padding-bottom: 23px;
}
section#area-atuacao .text {
  padding-bottom: 114px;
}
section#area-atuacao img {
  max-width: 100%;
  margin-bottom: 53px;
}
@media (max-width: 959.98px) {
  section#area-atuacao img {
    margin-bottom: 30px;
  }
}

section.produtos-destaque {
  padding: 35px 0 66px;
  background-color: #FFFFFF;
}
@media (max-width: 959.98px) {
  section.produtos-destaque {
    padding: 35px 0 30px;
  }
}