.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);
  background:rgba(0,0,0,.8);backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;padding:var(--esp-4)}
.modal-backdrop.aberto{display:flex}
.modal-box{width:100%;max-width:360px;background:var(--superficie);
  border:1px solid var(--borda);border-radius:var(--rad-3);
  padding:var(--esp-6);display:flex;flex-direction:column;gap:var(--esp-4);
  animation:modalin .2s ease-out}
@keyframes modalin{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
.modal-titulo{font-size:var(--f-16);font-weight:700}
.modal-texto{font-size:var(--f-13);color:var(--texto-sec);line-height:1.5}
.modal-acoes{display:flex;gap:var(--esp-2)}
.modal-acoes .btn{flex:1}