@charset "utf-8";
/* CSS Document */
.toast{

    position: fixed;

    bottom: 20px;
    left: 50%;

    transform: translateX(-50%);

    background: #000;
    color: #fff;

    padding: 12px 20px;

    border-radius: 10px;

    z-index: 99999;

    display: none;

    font-family: Arial;

} /*notificação toast*/


.fadein,
.fadeout{
    transition: opacity .3s ease;
}

.fadein{
    opacity:1;
	
}

.fadeout{
    opacity:0;
    pointer-events:none;
}

.divflutuante{
	
	
    position: fixed;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 80vw;
    max-width: 600px;

    max-height: 80vh;

    padding: 20px;

    background: rgba(255,255,255,0.98);

    border-radius: 15px;

    box-shadow:
        0 20px 40px rgba(0,0,0,0.25);

    z-index: 9999;

    overflow-y: auto;

    text-align: center;

    /* Animação suave */
    transition:
        opacity .3s ease,
        transform .3s ease;
}

.fundoModal{
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    background: rgba(0,0,0,0.5);

    z-index: 9998;
}