@charset "UTF-8";
/* CSS específico para a página Empréstimo com Garantia */
/* Mobile adjustments for Empréstimo com Garantia */
@media (max-width: 767px) {
  .banner.emprestimo {
    background-image: url(../images/banner-emprestimo-mobile.jpg) !important;
  }

  .banner.emprestimo2 {
    background-image: url(../images/banner-emprestimo-mobile2.png);
    background-position-x: 0%;
    height: 385px;
  }
  .banner.emprestimo2 .titulo-container {
    margin-right: 36px !important;
  }
  .banner.emprestimo2 .titulo {
    background-color: #245458d4 !important;
    padding: 8px !important;
    font-size: 18px !important;
    max-width: 290px !important;
  }
  .banner.emprestimo2 .legenda .row {
    margin-top: -140px !important;
    margin-right: -5%;
  }
  .banner.emprestimo2 .legenda .row .btn-light-blue {
    font-size: 14px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 6px !important;
  }

  .banner .legenda .row {
    margin-top: 6%;
    margin-left: 0px;
  }
  .banner .legenda .row .titulo {
    background-color: #0f2a2c;
    padding-top: 6px !important;
    padding-bottom: 6px;
    text-align: center !important;
    max-width: 340px;
    font-size: 20px;
  }
  .banner .legenda .row .titulo .texto {
    text-align: left !important;
    font-size: 16px !important;
  }
  .banner .legenda .row .titulo .texto.texto2 {
    font-size: 14px !important;
  }

  .emprestimo .container {
    text-align: center;
  }

  #descricao-produto.emprestimo {
    background-size: auto 129px !important;
    background-position: -28px calc(100% + 40px), calc(100% + 27px) -19px !important;
  }
  #descricao-produto.emprestimo .container h3 {
    font-size: 18px;
  }
  #descricao-produto.emprestimo .container .subtitle-emprestimo {
    font-size: 14px;
    line-height: 1.5;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Ajustes para a seção lista-itens */
  .lista-itens {
    flex-wrap: nowrap;
  }
  .lista-itens .item {
    margin-right: -16px;
  }
  .lista-itens .item .descricao {
    margin: 0 0px;
    width: 100%;
    height: auto;
  }
  .lista-itens .item .descricao > div {
    display: flex;
    align-items: flex-start;
  }
  .lista-itens .item .descricao > div img {
    display: block;
    margin: 0;
    max-width: 90%;
    height: auto;
    flex-shrink: 0;
  }

  /* Ajustes para a seção passos-emprestimo */
  #passos-emprestimo h3 {
    margin-top: 0px;
  }
  #passos-emprestimo .container {
    padding: 2rem 1.5rem;
  }
  #passos-emprestimo.only-m .seta {
    background-image: url(../images/bg-passos-emprestimo.png);
    transform: rotate(90deg);
    width: 54px;
    height: 265px;
    background-size: 51px 167px;
    background-repeat: no-repeat;
    margin-top: -102px;
    margin-left: 30%;
  }

  .passo-m {
    text-align: center;
    height: 216px;
  }
  .passo-m .numero {
    font-size: 28px;
    color: #0f2a2c;
  }
  .passo-m .titulo {
    font-size: 24px;
    color: #0f2a2c;
    font-weight: 600;
    width: 150px;
    text-align: center;
    margin-left: 30%;
  }
  .passo-m .texto {
    font-size: 16px;
    color: #0f2a2c;
    margin-top: 8px;
    width: 169px;
    text-align: center;
    margin-left: 30%;
  }

  /* Seção ícones das instituições */
  .icones.flex-wrap.instituicoes img {
    max-width: 80px !important;
    height: auto !important;
  }
  .icones.flex-wrap.instituicoes img.inter-branco {
    max-width: 60px !important;
  }
  .icones.flex-wrap.instituicoes img.itau-branco {
    width: 36px;
  }
  .icones.flex-wrap.instituicoes a {
    margin-right: 0.5rem !important;
  }
}