/*
    IMPORTANTE:
    Este CSS deve ser colocado no seu arquivo '/style/users/cadastro/cadastro.css'
    ou em uma tag <style> APÓS o CSS global (style1.css), para que suas regras
    específicas de cadastro possam sobrescrever as gerais, se necessário.
*/

/* Container principal da página de cadastro */
.cadastro-container { /* Renomeado de .login-container */
    perspective: 1000px; /* Para efeitos 3D se quiser adicionar */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center;      /* Centraliza verticalmente */
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    min-height: 100vh; /* Garante que o contêiner ocupe a altura total da viewport para centralização */
}

/* Caixa principal do formulário de cadastro */
.cadastro-box {
    background-color: #fff;
    padding: 2.5em;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    text-align: center;
    /* animation: fadeInScale 0.8s ease-out forwards; */
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 0em 0px;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}

/* Cabeçalho do formulário de cadastro */
.cadastro-header h2 { /* Renomeado de .login-header */
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 2.2em;
    color: #4CAF50; /* Cor da sua marca ou primária */
    font-weight: 700;
}

.cadastro-header p { /* Renomeado de .login-header */
    font-size: 1.1em;
    color: #aebfd0; /* Cor de texto secundária */
    margin-bottom: 2em;
}

/* Estilos específicos para a parte de opções (se houver, como termos de serviço) */
/* Você pode adaptar ou remover .form-options, .remember-me para cadastro */
/*
.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
    font-size: 0.9em;
}

.remember-me {
    display: flex;
    align-items: center;
}
*/

/* Estilos para o rodapé da caixa de cadastro */
.cadastro-footer { /* Renomeado de .login-footer */
    margin-top: 2.5em;
    font-size: 0.95em;
    color: #aebfd0;
}

.cadastro-footer a { /* Renomeado de .login-footer */
    color: #4CAF50; /* Cor da sua marca ou primária */
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.cadastro-footer a:hover { /* Renomeado de .login-footer */
    color: #6bcc6f; /* Cor de hover da sua marca */
    text-decoration: underline;
}

/* Media Queries específicas para a página de cadastro */
@media (max-width: 600px) {
    .cadastro-box { /* Renomeado de .login-box */
        padding: 2em;
        border-radius: 8px;
        max-width: 95%;
        margin-top: -2em; /* Ajuste para telas menores se necessário */
    }

    .cadastro-header h2 { /* Renomeado de .login-header */
        font-size: 1.8em;
    }

    .cadastro-header p { /* Renomeado de .login-header */
        font-size: 1em;
        margin-bottom: 1.5em;
    }

    /* Adaptações para elementos do formulário em telas menores, se você tiver */
    /*
    .form-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }
    */
}

/* Regras globais para o corpo da página, se você quiser rolagem apenas na .cadastro-box */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Evita rolagem horizontal */
    overflow-y: hidden; /* Impede rolagem vertical do body, confiando na .cadastro-box */
}