body.open-modal{overflow:hidden}.modal-bg{backdrop-filter:blur(5px);background-color:#0008;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:20}.loaded .modal-bg{transition:opacity .5s}.open-modal .modal-bg{opacity:1;pointer-events:auto}.modal{display:flex;justify-content:center;left:50%;max-width:calc(100% - 50px);perspective:500px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:21}.modal.on{pointer-events:auto}.modal>*{background-color:#fff;border:2px solid #ddd;border-radius:5px;box-shadow:0 15px 25px #0005;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 150px);max-width:500px;opacity:0;overflow:auto;padding:25px;position:relative;transform:translateZ(-200px) rotateX(-45deg)}.loaded .modal>*{transition:transform .5s,opacity .5s}.modal.on>*{opacity:1;transform:none}.modal .close{background-color:transparent;color:#888;position:absolute;right:0;top:0}.modal .row{display:flex;gap:10px;padding:0}.modal .row>*{flex-basis:0;flex-grow:1;white-space:nowrap}.modal .row>a>button{width:100%}.modal .cancelar,.modal .secundario{background-color:#ddd;color:#000}.modal.red h1 i{color:#e00!important}.modal.red button:not(.close,.cancelar,.secundario){background-color:#d00}.modal.red button:not(.close,.cancelar,.secundario):hover{background-color:#e00}