#modalBg{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000000;display:none;z-index:-10;transition:all 500ms;}#modalBg.active{opacity:1;z-index:0;display:unset;}.modal.active{opacity:1;top:50%;z-index:0;}.modal{margin:0;opacity:0;position:fixed;top:10%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90%;background:linear-gradient(145deg,#363636b2,#0000008f,#000000b0);padding:15px;border-radius:var(--border-radius);border:solid 1px #363636b2;transition:all 300ms ease-in-out;z-index:-10;}.modal-bar{display:flex;align-items:center;min-height:30px;gap:5px;margin-top:10px;}.modal-content{font-size:0.8em;font-family:var(--ui-font);margin:20px 0;}.paletaCor{display:inline-flex;margin:10px 3px 10px 0;width:34px;height:34px;border-radius:50%;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);}#loading-bt{display:none;}.btn-modal-close{cursor:pointer;border-radius:var(--border-radius);background-color:#00000000;width:40px;height:40px;margin-left:auto;transition:all 0.4s;border:solid 1px var(--cor00);display:flex;place-items:center;}.btn-modal-close > svg{margin-left:auto;margin-right:auto;}.btn-modal-close:hover{background-color:var(--btn01-h);border:solid 1px #00000000;}.modal-proj-key{color:white;font-weight:bold;margin:0px 20px 0 0;border-left:solid 5px var(--hero01);padding-left:5px;}.modal-proj-val{color:#9c9c9c;margin:0 20px 20px 0;padding-left:10px;font-size:0.7em;}#modal-proj-close-btn{color:white;background-color:#00000000;width:30px;height:30px;line-height:30px;margin-left:auto;cursor:pointer;text-align:center;border-radius:10px;}#modal-proj-title{color:var(--cor00);font-size:1.3em;font-weight:bold;font-family:var(--font01);margin:0 20px 0 20px;line-height:37px;}#modal-proj-year{}#modal-proj-platform{}#modal-proj-description{}.proj-card-icon{width:27px;margin:10px;}#modal-proj-icon{width:37px;height:37px;}#modal-proj-thumbnail{margin-left:auto;width:85%;border-radius:10px;}#modal-proj-s1{max-width:150px;}#modal-proj-s2{max-width:150px;}#modal-proj-s3{max-width:150px;}#modal-proj-url-key{color:white;font-weight:bold;margin:0px 20px 0 0;border-left:solid 5px var(--cor06);padding-left:5px;}#modal-proj-url-text{color:#9c9c9c;margin:0 5px 0 0;padding-left:10px;font-size:0.7em;}#modal-proj-url-text:hover{color:var(--cor04h);}#modal-proj-loading{text-align:center;animation:colorCycle 2s infinite;}#full-image-bg{z-index:30;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg01);display:none;}#full-image{margin:auto;padding:10px;width:100%;height:100%;max-width:700px;max-height:500px;object-fit:contain;}