:root{
    --main-color-dark: color-mix(in srgb, var(--main-color) 70%, black);
}

.bg-custom{
  background: url('/static/assets/images/backgrounds/login-bg.png');
  background-position: center;
  background-size: cover;
}

.bg-custom::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color, #008A73); /* Cor de sobreposição */
  opacity: 0.5; /* Opacidade da sobreposição */
}




.bg-whats{
  background-color: #146252;
}