.logo-login{
    margin: 40px 0;
    height: 170px;
    background-image: url('../../img/logo.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: min(300px, 80%) auto;
}

.txt-entrar-login{
    font-size: 25px;
    font-weight: 600;
    padding: 30px 0;
    cursor: default;
}

.div-lembrar-senha input, .div-lembrar-senha label{
    cursor: pointer !important;
}

.form-login{
    padding: 0 15px;
}

#toggleSenha, #toggleConfirmaSenha{
    cursor: pointer;
    font-size: 22px;
}


.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
    font-size: 12px;
    opacity: 80%;
}

.divider::before, .divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ddd;
}

.divider:not(:empty)::before {
    margin-right: .75em;
}

.divider:not(:empty)::after {
    margin-left: .75em;
}

.social-icons a {
    font-size: 2.2rem;
    margin: 0 10px;
    display: inline-block;
}

.google {
    height: 50px;
    width: 50px;
    background-image: url('../../img/logo-google-login.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.facebook {
    height: 50px;
    width: 50px;
    background-image: url('../../img/logo-facebook-login.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.google:hover, .facebook:hover {
    opacity: 0.8;
}

/* Estilo da Tela de Splash (posição/fundo vêm de .overlay-carregamento, em estilo.css) */
#splash-screen {
    opacity: 1;
    transition: opacity 1s ease-out;
}

.splash-logo {
    width: min(280px, 75vw);
    height: auto;
    margin-bottom: 20px;
    animation: pulse 2s infinite;
}

#main-content {
    opacity: 0; /* Começa invisível */
    transition: opacity 0.8s ease-in; /* Duração do fade-in */
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}