.overlay-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1006}.custom-modal{position:fixed;top:50%;left:50%;width:35em;max-width:90%;max-height:90vh;border-radius:10px;z-index:1007;transform:translate(-50%,-50%);color:#000;animation:fadeIn .3s ease;overflow:auto}.custom-modal.bg{background-color:var(--color-card-bg)!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--color-white)}.custom-modal .close{position:absolute;top:10px;right:10px;color:var(--color-white);text-shadow:none;padding:2.5px 5px;display:flex;align-items:center;background:transparent;border:none;cursor:pointer;font-size:1.2rem}.custom-modal .close:hover{background-color:#ffffff80;color:var(--color-white);border-radius:10px}.custom-modal.bg .close{color:var(--color-white);text-shadow:none;padding:2.5px 5px}.custom-modal.bg .close:hover{background-color:var(--color-danger);color:var(--color-white);border-radius:10px}.custom-modal .modal-content{padding:10px 15px;display:flex;flex-direction:column;background-color:transparent;border:none;max-height:100%;overflow-y:auto}.custom-modal .modal-content .head-modal{text-align:center;font-weight:700;margin-bottom:20px}.custom-modal .modal-content .body-modal{flex:1;overflow-y:auto;overflow-x:hidden}.custom-modal .modal-content .footer-modal{text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.custom-modal{width:90%;max-width:90%;max-height:100vh}}