.container{
    background-color: var(--cor-fundo);
    width: 100%;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 1em;
}

.login-box{
    width: 100%;
    max-width: 800px;
}

header {
    display: flex;
    align-items: center;
    justify-content: center;
}

header img {
    width: 100%;

    max-width: 300px;
    margin: 1em;
}


.form{
    width: 100%;
}

.form input {
    width: 100%;
    height: 60px;
    margin: 1em 0;
    padding: 0 2.5em 0 1em;

    background-color: transparent;
    color: var(--cor-dourado);

    border: 1px solid var(--cor-dourado);
    border-radius: 13px;
    transition: 0.3s all;
}

.form input::placeholder {
    color: var(--cor-dourado);
}

/* 
INPUT DE SENHA
*/

.input-group{
    position: relative;
}

.input-group span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  
    width: 30px;
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 
RECUPERA SENHA E BUTTON
*/


.button-password {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 1em  0;
}

.button-password a {
    color: var(--cor-dourado);
}

.button-password button {
    background-color: var(--cor-dourado);

    width: 100%;
    max-width: 250px;
    height: 60px;

    color: var(--cor-fundo);
    font-weight: bold;

    border: none;
    border-radius: 13px;

    cursor: pointer;
    transition: 0.2s all;
}

.button-password button:hover {
    background-color: var(--cor-fundo);
    color: var(--cor-dourado);
    border: 1px solid var(--cor-dourado);
    transform: scale(1.1);
}

/*
Verifique
*/

.button-return {
    display: flex;
    justify-content: center; /* Centraliza no meio */
    align-items: center;
    margin: 1em 0;
}

.button-return .btn-login {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    background-color: var(--cor-dourado);
    width: 100%;
    max-width: 250px;
    height: 60px;

    color: var(--cor-fundo);
    font-weight: bold;

    text-decoration: none; /* tira o sublinhado */
    border-radius: 13px;

    cursor: pointer;
    transition: 0.2s all;
}

.button-return .btn-login:hover {
    background-color: var(--cor-fundo);
    color: var(--cor-dourado);
    border: 1px solid var(--cor-dourado);
    transform: scale(1.1);
}


p, h2 {
    color: var(--cor-dourado);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 1em  0;
}

@media (max-width: 425px){
    .button-password{
        align-items: center;
        justify-content: center;
    }
    .button-password a {
        margin: 1em 0;
    }
}