/* custom.css - sobrescreve estilos do sistema */

/* COR DO HEADER */
:root {
-  --header-color-start: #006994; /* azul oceano profundo */
  --header-color-end:   #00b4d8; /* azul turquesa metálico */
}
 /* LOGO DO HEADER */
.custom-logo {
  content: url('https://acquatica.novaxs.com.br/clientes/thermashotworld/LogoAquaticaPark.png') !important;
}

.auth-card {
  transform: scale(0.88) !important;
  transform-origin: center center; /* mantém o card centralizado */
}
/* LOGO DA TELA DE LOGIN E VERIFYCODE */ 
.logo-pwa {
   content: url('') !important;
   margin-top:  1vh !important;
   margin-bottom:  1vh !important;

}

/* IMAGEM DE FUNDO DESKTOP */
:root {
 --login-background-url: url('https://acquatica.novaxs.com.br/clientes/thermashotworld/desktop.png');
}

/* IMAGEM DE FUNDO MOBILE */
@media (max-width: 768px) {
  :root {
    --login-background-url: url('https://acquatica.novaxs.com.br/clientes/thermashotworld/mobile.png');
  }
.custom-logo {
  content: url('https://acquatica.novaxs.com.br/clientes/thermashotworld/LogoAquaticaPark.png') !important;
  display: block !important;
  margin: 0 auto !important;
  width: 10% !important;   /* 70% da largura do container */
  height: auto !important;
}

.auth-card {
  transform: scale(0.82) !important;
  transform-origin: center center !important; /* mantém o card centralizado */
  margin-top: 5vh !important;
}


}


/* IMAGEM DE FUNDO DA TELA DE LOGIN E VERIFYCODE */
.login-background {
  background-image: var(--login-background-url) !important;}

/* COR DOS BOTŐES DE LOGIN */
.buttom-login {
  background: linear-gradient(to right, #006994, #00b4d8) !important;
}

/* COR DO BOTŐE E QUANTIDADE DE DEPENDENTES */
.buttom-add-dependents {
  background: linear-gradient(to right, #006994, #00b4d8) !important;
}

/* COR DA QUANTIDADE DE DEPENDENTES */
.progress-gradient {
  background-image: linear-gradient(to right, #006994, transparent) !important;
  color: #006994!important;
}