body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-image: linear-gradient(45deg,#ABABAB, white);
    display: flex;
    align-items: center;
    justify-content: center;
}

form {
    text-align: center;
}


.telalogin {
    background: linear-gradient(45deg,#CCCCCC, white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 80px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

input {
    background: #BF9E60;
    height: 25px;
    border-radius: 40px;
    padding: 10px;
    margin: 15px 0px 15px 0px;
    width: 200px;
    border: none;
    
}

button {
    background-color: #BF8B2A;
    border: none;
    color: white;
    padding: 8px 15px; /* Aumentei um pouco o padding para melhor aparência */
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    display: block; /* 🔹 Garante que ocupe toda a linha */
    margin: 10px auto; /* 🔹 Centraliza horizontalmente */
}


.alert {
    color: red;
}


/* Centraliza a página inteira */
body.novasenha { /* Sem espaço entre o body e a classe */
    display: flex;
    justify-content: center; /* Alinha horizontalmente */
    align-items: center; /* Alinha verticalmente */
    height: 100vh; /* Ocupa toda a altura da janela */
    margin: 0; /* Remove qualquer margem padrão */
}

/* Centraliza os itens dentro do div .dados */
.dados {
    text-align: center; /* Centraliza o texto */
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
    width: 100%; /* A largura será controlada automaticamente */
    max-width: 400px; /* Limita a largura para evitar que o layout fique muito largo */
}



button.btnovasenha {
    width: 50%; /* Preenche o máximo possível */
    padding: 10px;
    background-color: #BF8B2A; /* Cor do botão */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button.btnovasenha:hover {
    background-color: #a17420;
}

h1.h1novasenha {
    margin-bottom: 20px; /* Espaço entre o título e o restante */
}

img.imgnovasenha {
    max-width: 100%; /* Impede que a imagem ultrapasse os limites da página */
    height: auto;
    margin-bottom: 20px;
}