/* ==== Bipo: reposição dos ícones que davam 404 (fonte custom "simple-line-icons") ====
   Remapeia para Font Awesome 5 Free (já carregada na página). */
.icon.icon-right-arrow::before,
.icon.icon-money::before,
.icon.icon-money-3::before,
.icon.icon-save-money::before,
.icon.icon-Document-Search::before{
  font-family:"Font Awesome 5 Free" !important;
  font-weight:900 !important;
  font-style:normal !important;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
}
.icon.icon-right-arrow::before{ content:"\f061" !important; } /* arrow-right */
.icon.icon-money::before{       content:"\f53a" !important; } /* money-bill-wave */
.icon.icon-money-3::before{     content:"\f571" !important; } /* file-invoice-dollar (CNPJ) */
.icon.icon-save-money::before{  content:"\f4c0" !important; } /* hand-holding-usd */
.icon.icon-Document-Search::before{ content:"\f1ad" !important; } /* building (abertura de CNPJ) */

/* ==== Bipo: correção do hero no MOBILE ====
   No original a imagem do hero é escondida no celular (elementor-hidden-mobile) e
   o padding do desktop (150px/110px) deixa um vão preto enorme. Aqui:
   1) reduzimos o padding do hero; 2) reexibimos a imagem abaixo do texto. */
@media (max-width:767px){
  /* 1) padding compacto do hero */
  .elementor-element-162c8207{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
  /* 2) reexibe a coluna da imagem e dá altura para o background aparecer */
  .elementor-element-5abd580d.elementor-hidden-mobile{
    display:flex !important;
  }
  .elementor-element-5abd580d > .elementor-widget-wrap{
    min-height:240px !important;
    margin-top:28px;
    background-position:center center !important;
    background-size:cover !important;
    border-radius:14px;
  }
}
