@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700&display=swap');

body {
  --bege: #E6E0D6;
  --marrom-escuro: #816D4F;
  --marrom-claro: #B29463;
  font-family: 'Barlow', sans-serif;
}

input[type=checkbox] {
  border: 2px solid var(--marrom-claro);
  box-shadow: none;
}

input[type=checkbox]:checked,
input[type="checkbox"]:focus {
  background-color: var(--marrom-claro);
  border-color: var(--marrom-claro);
  box-shadow: none;
  outline: none;
}

.banner-1 {
  background-image: url(../assets/banner-1.png);
}

.banner-2 {
  background-image: url(../assets/banner-2.png);
}

.banner-3 {
  background-image: url(../assets/banner-3.png);
}

.banners {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.banners-titulo {
  --bs-bg-opacity: .2;
}

.btn {
  background-color: var(--marrom-claro);
}

.btn:hover {
  background-color: var(--marrom-escuro);
}

.sem-focus:focus,
.sem-focus:active,
.sem-focus:hover {
  outline: none !important;
  box-shadow: none !important;
}

.accordion-button {
  background-color: var(--marrom-claro) !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}

.accordion-button:hover {
  background-color: var(--marrom-escuro) !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important;
}