.popup-overlay{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.65);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

    animation:fade .25s ease;

}

.popup{

    width:360px;

    max-width:90%;

    background:#111;

    border:1px solid #C8A15A;

    border-radius:14px;

    padding:28px;

    text-align:center;

    color:white;

    animation:popup .25s ease;

    box-shadow:0 15px 45px rgba(0,0,0,.45);

}

.popup-icon{

    font-size:34px;

    margin-bottom:14px;

    color:#C8A15A;

}

.popup h3{

    margin:0;

    font-size:22px;

    margin-bottom:10px;

}

.popup p{

    color:#d7d7d7;

    line-height:1.6;

    margin-bottom:25px;

}

.popup-btn{

    background:#C8A15A;

    color:#111;

    border:none;

    padding:12px 26px;

    border-radius:8px;

    cursor:pointer;

    font-weight:600;

    transition:.2s;

}

.popup-btn:hover{

    transform:translateY(-2px);

}

.popup-hide{

    animation:sumir .25s forwards;

}

@keyframes popup{

    from{

        opacity:0;

        transform:scale(.9);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}

@keyframes fade{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes sumir{

    to{

        opacity:0;

        transform:scale(.9);

    }

}
.popup-actions{

    display:flex;

    gap:12px;

    margin-top:20px;

    justify-content:center;

}

.popup-cancelar{

    background:#2b2b2b;

    color:#fff;

}

.popup-cancelar:hover{

    background:#3a3a3a;

}

.popup-confirmar{

    background:#b08d57;

    color:#000;

    font-weight:600;

}

.popup-confirmar:hover{

    filter:brightness(1.1);

}