/* ===================================
    Google font
====================================== */
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gelasio:wght@400;500;600;700&family=Geologica:wght@400;500;600;700;800&display=swap');
/* ===================================
    Variables
====================================== */
:root {
  --main-font: 'Geologica', sans-serif;
  --secondary-font: 'Gelasio', serif;
}

.bg-beige {
  background-color: rgba(228, 217, 203, 1);
}

.bg-neutro {
  background: var(--Neutro-1, #f5ece1) !important;
}

.bg-cafe {
  background: var(--Secundary-3, #453d33);
}

.bg-transparent {
  background-color: transparent !important;
}

.btn-orange {
  border: 1px solid #e4d9cb !important;
  background: var(--Call-to-Action, #eb6b57) !important;
  color: #e4d9cb !important;
}

.text-neutro {
  color: var(--Neutro-1, #f5ece1) !important;
}

.text-brown {
  color: var(--Secundary, var(--Secundary-3, #453d33)) !important;
}

.text-orange {
  color: var(--Call-to-Action, #eb6b57) !important;
}

.bg-wood {
  background: var(--Neutro-2, #f0e1ce);
}

.bg-wood.blueprint {
  background: var(--Neutro-2, #f0e1ce) !important;
}

.text-dark {
  color: var(--Complemento-1, #80705d) !important;
}

.text-light {
  color: var(--Primary, #d9c8b5) !important;
}

.bg-track {
  background-image: url('../assets/bg-track.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20% 0;
}

.m-h-500 {
  min-height: 500px !important;
}

.bg-container img {
  display: none;
}

.bg-container img.active {
  display: block;
}

.mail-btn {
  color: var(--Complemento-1, #80705d);
  font-family: var(--main-font);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 1px solid var(--Complemento-1, #80705d);
  padding: 15px;
  background-color: transparent;
}
.subscription-btn {
  color: var(--Neutro-1, #f5ece1);
  font-family: var(--main-font);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  letter-spacing: 0.6px;
  text-transform: uppercase;
  background: var(--Secundary-3, #453d33);
  padding: 13px;
  border: 1px solid transparent;
}

@media (max-width: 992px) {
  .bg-md-neutro {
    background: var(--Neutro-1, #f5ece1);
  }
}