#firstboxlogin, #text-login, #logo_login { background-color: transparent;}html { height: 100%;}body { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("/plugins/trademark/front/picture.send.php?path=c5/6817d55697bc5.png");}body {
  background-size: cover; /* Ajusta automaticamente em qualquer tela */
  background-position: center center;
  background-attachment: fixed; /* Mantém fixo ao rolar */
}

.card, .card-md {
  width: 100% !important;        /* Não deixar expandir além da col-md-5 */
  max-width: 420px !important;   /* Travar máximo */
  margin: auto !important;
  background-color: rgba(255, 255, 255, 0.10) !important;
  border-radius: 55px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff !important;
}
.col-md-5 {
  width: 100% !important;        /* Não deixar expandir além da col-md-5 */
  max-width: 420px !important;   /* Travar máximo */
  margin: auto !important;
  border-radius: 25px !important;
  padding: 5px 5px !important;
 color: #ffffff !important;
}

.card-md {
  flex: none !important;
}

.btn-primary {
  background: linear-gradient(135deg, #1a7ab2 0%, #1a7ab2 100%) !important; /* Azul sólido */
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-weight: bold !important;
  font-size: 14px !important;
  color: #ffffff !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(26, 122, 178, 0.4) !important;
  transition: background 0.3s ease, transform 0.2s ease;
}

.btn-primary:hover {
  background: #145c84 !important; /* Tom mais escuro no hover */
  transform: scale(1.02);
}
.btn-primary.w-auto {
  background: #1a7ab2 !important; /* Azul padrão sólido */
  color: #ffffff !important;
  width: 60% !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: bold !important;
  font-size: 13px !important;
  box-shadow: 0 4px 14px rgba(26, 122, 178, 0.4) !important;
  margin-top: 20px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.btn-primary.w-auto:hover {
  background: #145c84 !important; /* Hover mais escuro */
  transform: scale(1.03);
}


.alert-danger, .alert {
  background-color: rgba(255, 0, 0, 0.2) !important;  /* Fundo vermelho translúcido */
  color: #fafafafa !important;                         /* Texto branco visível */
  border: 1px solid rgba(255, 0, 0, 0.4) !important;
  padding: 10px !important;
  border-radius: 6px !important;
  text-align: center !important;
  font-weight: bold !important;
  margin-top: 15px !important;
}

.form-control {
  color: #ffffff !important; /* Texto sempre branco */
  background-color: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
}

/* Quando o campo está em foco (digitando) */
.form-control:focus {
  color: #ffffff !important; /* Ainda branco */
  background-color: rgba(255, 255, 255, 0.2) !important;
  outline: none !important;
  box-shadow: 0 0 5px rgba(100, 150, 255, 0.5) !important;
}

/* Garantir que o texto digitado continua branco mesmo fora do foco */
.form-control:not(:focus) {
  color: #ffffff !important;  /* Branco também ao perder o foco */
}

/* Placeholder com leve transparência */
.form-control::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: rgba(255, 255, 255, 0.15) !important;  /* Mesmo fundo que você usa */
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.15) inset !important;
  -webkit-text-fill-color: #ffffff !important; /* Cor do texto corrigida */
  transition: background-color 5000s ease-in-out 0s !important;
}