/* Contêiner para centralizar o formulário */
.container-center {
 margin-top: 25px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.container-form-auth {
 background: var(--back-color-default);
 padding: 8px;
 border: solid 1px var(--luna-chocolate);
 border-radius: 5px;
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 width: 50%;
 /* Valor padrão para telas maiores */
}

/* Telas muito pequenas (até 767px) */
@media only screen and (max-width: 767px) {
 .container-form-auth {
  width: 100%;
 }
}

/* Telas médias (768px a 959px) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .container-form-auth {
  width: 75%;
 }
}

.alert-js {
 color: var(--luna-red);
}