/* Estilo da coluna esquerda para layout metade fixa, esconder em ecrãs pequenos */
.bg-signup-left {
  background: #5badca;
  position: relative;
  overflow: hidden;
}

.bg-signup-left::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 150%;
  height: 150%;
  background: url('/assets/images/logo.png') no-repeat center center;
  background-size: contain;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  opacity: 0.015;
  z-index: 0;
  pointer-events: none; /* <-- deixa passar o clique */
}

/* garantir que o conteúdo fica à frente do ::before */
.bg-signup-left > .text-center {
  position: relative;
  z-index: 1;
}






@media (max-width: 991.98px) {
  .bg-signup-left {
    display: none !important;
    background: -webkit-gradient(linear, left top, right top, color-stop(70%, #5badca), to(#ffffff));
    background: linear-gradient(to right, #5badca 70%, #ffffff 100%);
  }

  /* content wrapper navbar for mobile */
  .content-wrapper {
    padding-top: 100px; /* altura do nav + espaçamento extra */
  }

}

/* Forçar cada coluna a 50% largura em desktop */
.d-flex.flex-lg-row-fluid.w-lg-50 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  min-width: 50%;
}

--kt-text-gray-500: #A1A5B7;

.text-gray-500 {
  color: var(--kt-text-gray-500) !important;
}

.separator {
  display: block;
  height: 0;
  border-bottom: 1px solid var(--kt-border-color);
}
.separator.separator-dotted {
  border-bottom-style: dotted;
  border-bottom-color: var(--kt-border-dashed-color);
}
.separator.separator-dashed {
  border-bottom-style: dashed;
  border-bottom-color: var(--kt-border-dashed-color);
}
.separator.separator-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0;
  text-align: center;
}
.separator.separator-content::before, .separator.separator-content::after {
  content: " ";
  width: 50%;
  border-bottom: 1px solid var(--kt-border-color);
}
.separator.separator-content::before {
  margin-right: 1.25rem;
}
.separator.separator-content::after {
  margin-left: 1.25rem;
}
.separator.separator-content.separator-dotted::before, .separator.separator-content.separator-dotted::after {
  border-bottom-style: dotted;
  border-bottom-color: var(--kt-border-dashed-color);
}
.separator.separator-content.separator-dashed::before, .separator.separator-content.separator-dashed::after {
  border-bottom-style: dashed;
  border-bottom-color: var(--kt-border-dashed-color);
}
.separator.separator-content.border-white::before, .separator.separator-content.border-white::after {
  border-color: #ffffff !important;
}
.separator.separator-content.border-light::before, .separator.separator-content.border-light::after {
  border-color: #F9F9F9 !important;
}
.separator.separator-content.border-primary::before, .separator.separator-content.border-primary::after {
  border-color: #3E97FF !important;
}
.separator.separator-content.border-secondary::before, .separator.separator-content.border-secondary::after {
  border-color: #E1E3EA !important;
}
.separator.separator-content.border-success::before, .separator.separator-content.border-success::after {
  border-color: #50CD89 !important;
}
.separator.separator-content.border-info::before, .separator.separator-content.border-info::after {
  border-color: #7239EA !important;
}
.separator.separator-content.border-warning::before, .separator.separator-content.border-warning::after {
  border-color: #FFC700 !important;
}
.separator.separator-content.border-danger::before, .separator.separator-content.border-danger::after {
  border-color: #F1416C !important;
}
.separator.separator-content.border-dark::before, .separator.separator-content.border-dark::after {
  border-color: #181C32 !important;
}

.fw-semibold {
  font-weight: 500 !important;
}

.my-14 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.fs-7 {
  font-size: 0.95rem !important;
}

.min-w-125px {
  min-width: 125px !important;
}

/*links*/

.text-login {
  color: #b0b3b8; /* tom cinza entre secondary e light */
  text-decoration: none;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

/* remove estilo padrão do link e adiciona glow */
.text-login-link {
  text-decoration: none;       /* remove underline */
  color: #17a2b8;              /* cor base text-info */
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease; /* transição suave */
}

.text-login-link:hover {
  color: #63c1d8;              /* cor um pouco mais clara no hover */
  text-decoration: none;        /* garante sem underline no hover */
}