:root {
  --lais-suave: #abb99a;
  --lais-escuro: #546048;
}

h1,
h2,
h3,
h4,
h5,
h6,
body,
#fh5co-header #navbar li a {
  font-family: "Source Sans Pro", Arial, sans-serif;
}

a {
  color: var(--lais-suave);
}

#fh5co-contact,
#fh5co-about {
  padding: 1em 0;
}

a:hover,
a:active,
a:focus {
  color: var(--lais-suave);
}

.lais-web-avatar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#fh5co-header.navbar-fixed-top .navbar-brand {
  color: var(--lais-suave);
}
#fh5co-header.navbar-fixed-top #navbar li a:hover {
  color: var(--lais-suave);
}
#fh5co-header.navbar-fixed-top #navbar li.active a {
  color: var(--lais-suave);
}
#fh5co-header.navbar-fixed-top #navbar li.active a span:before {
  background-color: var(--lais-suave);
}

.fh5co-nav-toggle.active i::before,
.fh5co-nav-toggle.active i::after {
  background: var(--lais-suave);
}
.fh5co-nav-toggle i {
  color: var(--lais-suave);
  background: var(--lais-suave);
}
.fh5co-nav-toggle i::before,
.fh5co-nav-toggle i::after {
  background: var(--lais-suave);
}

#fh5co-home .gradient {
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(
    linear,
    0% 0%,
    100% 100%,
    color-stop(0, var(--lais-escuro)),
    color-stop(1, var(--lais-suave))
  );
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(
    top left,
    var(--lais-escuro) 0%,
    var(--lais-suave) 100%
  );
  /* IE10+ */
  background-image: repeating-linear-gradient(
    to bottom right,
    var(--lais-escuro) 0%,
    var(--lais-suave) 100%
  );
}

#fh5co-work {
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(
    linear,
    0% 0%,
    100% 100%,
    color-stop(0, var(--lais-escuro)),
    color-stop(1, #b86397)
  );
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(
    top left,
    var(--lais-escuro) 0%,
    var(--lais-suave) 100%
  );
  /* IE10+ */
  background-image: repeating-linear-gradient(
    to bottom right,
    var(--lais-escuro) 0%,
    var(--lais-suave) 100%
  );
}

#fh5co-services {
  /* IE9, iOS 3.2+ */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPjxzdG9wIHN0b3AtY29sb3I9IiMzZjk1ZWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzUyZDNhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
  background-image: -webkit-gradient(
    linear,
    0% 0%,
    100% 100%,
    color-stop(0, var(--lais-escuro)),
    color-stop(1, var(--lais-suave))
  );
  /* Android 2.3 */
  background-image: -webkit-repeating-linear-gradient(
    top left,
    var(--lais-escuro) 0%,
    var(--lais-suave) 100%
  );
  /* IE10+ */
  background-image: repeating-linear-gradient(
    to bottom right,
    var(--lais-escuro) 0%,
    var(--lais-suave) 100%
  );
}

.section-heading h2:after {
  background: var(--lais-suave);
}

@media screen and (max-width: 768px) {
  #fh5co-header .navbar-brand {
    color: var(--lais-suave) !important;
  }

  #fh5co-header #navbar li a:hover {
    color: var(--lais-suave) !important;
  }

  #fh5co-header #navbar li.active a {
    color: var(--lais-suave) !important;
  }
}

/* CORREÇÃO DE POSICIONAMENTO WHATSAPP */
/* MUDAR DE ESQUERDA PARA DIREITA */
/* FORÇAR TUDO COM !IMPORTANT */
.whatsapp-float {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 9999 !important;
  background: white !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  text-decoration: none !important;
  animation: floatAnimation 3s ease-in-out infinite !important;
}

.whatsapp-float i {
  font-size: 32px !important;
  color: #25D366 !important;
}

@keyframes floatAnimation {
  0%, 100% { 
    transform: translateY(0) scale(1) !important; 
  }
  50% { 
    transform: translateY(-10px) scale(1.05) !important; 
  }
}