.modal-overlay{background-color:var(--velo);z-index:1000;opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay[data-visible=true]{opacity:1}.modal-container{background:var(--superficie);border-radius:var(--radio-sm);opacity:0;flex-direction:column;max-height:90vh;transition:transform .3s,opacity .3s;display:flex;transform:scale(.95);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-container[data-visible=true]{opacity:1;transform:scale(1)}.modal-header{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--texto);margin:0;font-size:18px;font-weight:600}.modal-close-btn{color:var(--texto-tenue);cursor:pointer;border-radius:var(--radio-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:background-color .2s,color .2s;display:flex}.modal-close-btn:hover{background-color:var(--superficie-2);color:var(--texto)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--borde);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}