.overlay-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000}.custom-modal{position:fixed;top:50%;left:50%;width:35em;max-width:90%;max-height:80vh;border-radius:10px;z-index:1001;transform:translate(-50%,-50%);color:var(--color-black);animation:fadeIn .3s ease;overflow:hidden}.custom-modal.bg{background-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-black);text-shadow:none;padding:2.5px 5px}.custom-modal.bg .close:hover{background-color:#00000080;color:var(--color-white);border-radius:10px}.custom-modal .modal-content{padding:1em;display:flex;flex-direction:column;background-color:transparent;border:none;max-height:80vh;overflow-y:scroll}.custom-modal .modal-content .head-modal{text-align:center;padding:.5em;font-weight:700}.custom-modal .modal-content .body-modal{flex:1;overflow-y:auto;overflow-x:hidden;margin-top:10px}.custom-modal .modal-content .footer-modal{text-align:right;padding-top:.5em}@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:90vh}}