.backdropModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999;.modalApp{width:100%;height:100%;overflow-y:auto;margin-left:auto;margin-right:auto;.modal-inner{max-width:500px;width:auto;margin:auto;.modalContent{width:100%;border-radius:12px;background:rgba(21,13,79,.859);box-shadow:0 5px 24px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.149);overflow:hidden;position:relative;z-index:1;color:var(--whiteColor);animation:slideIn .3s ease forwards;&:before{content:"";position:absolute;width:100%;height:100%;z-index:-1;left:0;top:0;border-radius:inherit}.close-modal{position:absolute;width:36px;height:36px;display:flex;border:none;background:hsla(0,0%,100%,.061);color:#fff;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:100%;font-size:14px;right:10px;top:10px}.modalHeader{padding:12px 18px;.icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:hsla(0,0%,100%,.11);margin-top:30px;border:34px solid hsla(0,0%,100%,.1);.fi{font-size:1.8rem}}}.modalBody{padding:12px 18px}}@keyframes slideIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}}&.modalInfo{.modal-inner{.modalContent{&:before{background:linear-gradient(180deg,#2baaf43c,rgba(21,13,79,.859))}.modalHeader{padding:12px 18px;.icon{border-radius:100%;font-size:1.3rem;background:linear-gradient(180deg,rgba(43,170,244,.8),rgba(21,13,79,.859));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}p{span{color:#2ba9f4}}}}}&.modalPurple{.modal-inner{.modalContent{&:before{background:linear-gradient(180deg,#8563ff3c,rgba(21,13,79,.859))}.modalHeader{padding:12px 18px;.icon{border-radius:100%;font-size:1.3rem;background:linear-gradient(180deg,#8563ffd8,rgba(21,13,79,.859));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}.text-center{span{color:#8563ff}}}}}}}@media (max-width:576px){.backdropModal{.modalApp{.modal-inner{margin:auto .5rem;.modalContent{.modalHeader{padding:10px 16px;.icon{border:29px solid hsla(0,0%,100%,.1);width:60px;height:60px;margin-top:30px;.fi{font-size:1rem}}}.modalBody{padding:12px 18px}p{font-size:14px!important}}}}}}footer{background:#201955;background:#1c1360;padding:50px 0 0;.bottom{padding:10px 0;border-top:1px solid #ffffff15;small{color:var(--grayColor)}}.block-dowload-app{a{display:inline-flex;padding:8px 14px;background:var(--bgBody);border-radius:24px;justify-content:center;align-items:center;position:relative;z-index:1;width:50%;&:before{inset:0;background:linear-gradient(145deg,var(--primaryColor),#8563ff);z-index:-2}&:after,&:before{content:"";position:absolute;border-radius:24px}&:after{inset:1px;background:var(--bgBody);z-index:-1}img{width:80%!important}}}.logoApp{a{color:var(--whiteColor)!important;font-family:Bespoke Stencil,sans-serif;font-size:1.6rem;display:inline-block;text-decoration:none;span{color:var(--primaryColor)}img{width:140px!important}}}h6{font-size:1rem;color:var(--whiteColor);font-weight:600}.social{display:flex;align-items:center;gap:18px;a{color:var(--grayColor);font-size:1.3rem;transition:.3s;&:hover{color:var(--primaryColor)}}}.list-footer{padding-left:0;margin-bottom:0;list-style:none;li{a{font-size:.87rem;color:var(--whiteColor);text-decoration:none;font-weight:500;display:inline-block;padding:5px 0;transition:.3s;&:hover{color:var(--primaryColor)}}}}.block-text{padding:24px;border-radius:12px;background:var(--bgBlue);p{color:var(--grayColor);font-size:15px;margin-bottom:0}}.card-money-paie{background:var(--bgBlue);border-radius:8px;padding:10px;justify-content:center;align-items:center;border:none!important;img{object-fit:contain;height:50px!important}}}@media (max-width:576px){footer{padding:30px 0 0;.bottom{padding-bottom:70px}}}.notif-alert{background:#411d9fe0;color:#fff;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);.content-notif{-webkit-backdrop-filter:blur(15px);padding:1rem;background:linear-gradient(90deg,#ffffff12,#ffffff26)}.icon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background:#fff;color:#421d9f;border-radius:8px;font-size:20px;flex:none}p{font-size:.8rem}h1{font-size:1.2rem}.actions{width:-moz-fit-content;width:fit-content}}