/* Customizações Vistta */

/* Botão Consulte-nos - força máxima */
.footer-2 .btn.btn-mod.btn-color,
.local-scroll .btn.btn-mod.btn-color {
  background-color: #da7038 !important;
  border-color: #da7038 !important;
  color: #fff !important;
}

.footer-2 .btn.btn-mod.btn-color:hover,
.local-scroll .btn.btn-mod.btn-color:hover {
  background-color: #b85b2c !important;
  border-color: #b85b2c !important;
  color: #fff !important;
}

/* Flecha voltar ao topo - força máxima */
  color: #da7038 !important;
}

  color: #b85b2c !important;
}

/* Barra decorativa no rodapé */
.footer-barra {
  text-align: center;
  padding: 0;
  margin: 0;
}
.footer-barra img {
  width: 100%;
  height: auto;
  display: block;
}

/* Botão subir (bola) */
  background-color: #0066ff !important; /* azul da bola */
  border-radius: 50%;                  /* mantém formato circular */
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ícone da flecha */
  color: #fff !important; /* flecha branca */
  font-size: 18px;        /* ajusta tamanho */
}

/* Botão subir (bola laranja + flecha branca) */
  background-color: #da7038 !important; /* bola laranja */
  border-radius: 50%;                  
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ícone da flecha */
  color: #fff !important; /* flecha branca */
  font-size: 18px;
}

/* Bola laranja + flecha branca (forçando sobre .color) */
  background-color: #da7038 !important; /* bola laranja */
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Flecha dentro da bola */
  color: #fff !important;  /* flecha branca */
  font-size: 18px !important;
}

/* Forçar a bolinha laranja no botão subir */
a.link-to-top.color,
a.link-to-top.color::before,
a.link-to-top.color::after {
  background-color: #da7038 !important; /* laranja */
  border-radius: 50% !important;
}

/* Ajusta a flecha para branco */
a.link-to-top.color i {
  color: #fff !important;
}

/* Barra decorativa no rodapé */
.footer-barra {
  text-align: center;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}
.footer-2 .text-center {
  position: relative;
  z-index: 2; /* mantém "Design" acima da barra */
  margin-top: -30px; /* ajusta a sobreposição */
  color: #fff; /* opcional: deixa o texto branco sobre a barra */
}

/* Posicionamento da barra atrás do design no rodapé */
.footer-2 {
  position: relative !important;
}
.footer-2 .container {
  position: relative;
  z-index: 2;
}
.footer-barra {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}