/* Customizações de cores e layout para a tela de login */

.bg-nutrisync {
    background-color: #CC66FF;
}

.logo-sync {
    color: rgba(0, 0, 0, 0.4);
}

.frase-container {
    max-width: 450px;
}

.form-wrapper {
    max-width: 400px;
}

.vh-100-md {
    height: 100vh;
}

.btn-entrar {
    background-color: #333333;
    border: none;
}

.btn-entrar:hover {
    background-color: #1a1a1a;
}

.link-cadastro {
    color: #CC66FF;
}

.link-cadastro:hover {
    color: #b333ff;
}

/* Responsividade: Ajuste para telas menores onde os painéis se empilham */
@media (max-width: 767.98px) {
    .vh-100-md {
        height: auto;
    }
    .panel-esquerdo {
        padding: 3rem 1.5rem !important;
    }
}