/* ARQUIVO login\css\modais_login.css */
.notificacao {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(-200px);
    background-color: white;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.notificacao.mostrar {
    transform: translate(-50%, -50%) translateY(0);
    opacity: 1;
}

.notificacao-content {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.notificacao i {
    color: #1975da;
    font-size: 20px;
}

.notificacao-mensagem {
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

@keyframes fadeInOut {
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}