.about {display: flex; font: 500 12px / 1.3em lato; justify-content: flex-end; align-items: flex-end;}
.about .icone {cursor: pointer; border-radius: 100px; box-shadow: 0 0 6px 0px #00088430; width: 24px; height: 24px; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: -27px; z-index: 1000; background: #c6d5ff;}
.about .text {display: flex; padding: 1em; background: #c6d5ff; box-shadow: 0 0 6px 0px #0a0d3f5b; position: absolute; top: 0; right: 0; z-index: 1001; font: 500 12px / 1.3em lato; transform: translate(0, 0); cursor: pointer; opacity: 0; border-radius: 12px; border-top-right-radius: 0; display: none;}
.about .text strong {font-size: 14px;}
.about .icone:hover {background: #597ddf;}
.about .icone:hover ~ .text {opacity: 1; display: flex;}


.gp-painel {display: flex; gap: 30px 3%; align-items: flex-start;}
.gp-asides {display: flex; flex-direction: column; gap: 20px 0; align-items: flex-start; width: max-content;}
.gp-painel .gp-asides .painel-aside {width:100%; display: flex; flex-direction: column; gap: 30px 0;}
.painel-aside .input-parent {margin: 0;}
.painel {width: 100%;}
.list {display: flex; flex-direction: column; gap: 15px;}
.gp-painel .painel-aside {width: max-content; padding: 32px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 15px rgba(0, 0, 0, 0.03);display: block;border-radius: 16px;background: #ffffff;border: 1px solid #e2e8f0;transition: all 0.3s ease; height: auto;}
.gp-painel .painel-aside p {width: max-content;}
.input-parent{position: relative;display: block;margin: 0 0 44px;font: 400 13px montserrat;color: #2d3748;}
.input-parent.textarea-parent textarea {padding: 14px 16px;}
.input-parent.textarea-parent .input ~ p {top: 24px;}
.post-list-js { overflow: scroll; padding: 1.3em 0;}

.post-list-js .lista .text-center {text-align: center;}

.titulo-row {display: flex; flex-direction: row; gap: 25px 2%;}

.row-opt.remove, .row-var.remove {display: none;}
.remove-opt {display: flex; justify-content: center; align-items: center; width: 44px; height: 44px; position: relative; margin: 0 0 24px; cursor: pointer;}
.remove-opt::before {content: ''; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 12px; background: transparent; position: absolute; left: 0; top: 0; transition: 0.18s; border: 1px solid rgba(79, 77, 77, 0.47); box-shadow: 0 0 3px 0px #88858557;}
.remove-opt:hover::before {background: rgb(243, 59, 59); transform: scale(0.89);}
.remove-opt:hover span {transform: scale(0.84); background: #ffffff;}

.remove-opt span {width:45%; height: 2px; background-color: rgb(50, 49, 49); border-radius: 20px; position: absolute; transition: 0.18s;}
.remove-opt span.y {rotate: 45deg;}
.remove-opt span.x {rotate: -45deg;}

.add-opt.style {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; margin: 0 0 30px; cursor: pointer;}
.add-opt.style::before {content: ''; width: 100%; height: 100%; border-radius: 5px; background: rgb(24, 199, 65); position: absolute; left: 0; top: 0; transition: 0.18s;}
.add-opt.style:hover::before {background: rgb(23, 155, 155); transform: scale(0.89);}
.add-opt.style:hover span {transform: scale(0.84);}

.add-opt.style span {width:40%; height: 3px; border-radius: 2px; position: absolute; transition: 0.18s; background: #fff;}
.add-opt.style span.y {rotate: 90deg;}
.add-opt.style span.x {rotate: 0deg;}

.about-input {justify-content: flex-end; align-items: flex-end;}
.input-parent .input{width: 100%;box-sizing: border-box;padding: 0 16px;height: 44px;border-radius: 8px;border: 2px solid #e2e8f0;outline: none;display: block;background: #ffffff;font: 400 14px montserrat;color: #2d3748;transition: all 0.3s ease;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}
.input-parent .input.grayish{background: #f7fafc;}
.input-parent .input:hover{border-color: #cbd5e0;}
.input-parent .input:focus{border-color: #4299e1;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05);}
.input-parent .input ~ p{position: absolute;left: 16px;top: 50%;transform: translate(0, -50%);transition: all 0.3s ease;pointer-events: none;background: transparent;font-weight: 500;color: #718096;}
.input-parent .input:required ~ p::after{content: ' *';color: #e53e3e;font-weight: 700;}
.input-parent b{color: #e53e3e;font-weight: 700;}
.input-parent:hover .input ~ p,
.input-parent .input:focus ~ p,
.input-parent .input:not(:placeholder-shown) ~ p{top: -12px;padding: 2px 8px;font-size: 13px;border-radius: 4px;background: #ffffff;color: #0c3882;font-weight: 500; left: 4px;}
.input-parent .file-input{opacity: 0;height: 44px;}
.input-parent .file-input ~ p{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 0 16px;border-radius: 8px;border: 2px dashed #cbd5e0;outline: none;display: flex;background: #f7fafc;align-items: center;justify-content: flex-start;cursor: pointer;transition: all 0.3s ease;font-weight: 500;color: #718096;}
.input-parent .file-input ~ p:hover{border-color: #4299e1;background: #edf2f7;color: #4299e1;}
.input-parent.type-checkbox{display: flex;align-items: center;justify-content: flex-start;gap: 12px;padding: 0 0 0 12px;}
.input-parent.type-checkbox:hover{cursor: pointer;}
.input-parent.type-checkbox input{display: none;}
.input-parent.type-checkbox input ~ .marker{width: 20px;height: 20px;flex: 0 0 auto;border-radius: 6px;background: #fff;border: 2px solid #cbd5e0;transition: all 0.3s ease;position: relative;}
.input-parent.type-checkbox input ~ .marker::after{content: '';position: absolute;left: 25%;top: 50%;width: 4px;height: 8px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg) translate(-50%, -50%);opacity: 0;transition: all 0.3s ease;}
.input-parent.type-checkbox input:checked ~ .marker{border-color: #4299e1;background: #4299e1;}
.input-parent.type-checkbox input:checked ~ .marker::after{opacity: 1;}
.input-parent.type-checkbox p{font-size: 14px;font-weight: 500;position: static;color: #2d3748;}
.input-parent select.input{appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;padding-right: 40px;cursor: pointer;}
.input-parent select.input:hover{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234299e1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");}
.input-parent select.input option{padding: 12px;background: #ffffff;color: #2d3748;}
.input-row{display: flex;align-items: center;justify-content: space-between;gap: 0 20px;}
.btns-row{display: flex; gap: 20px;}
.input-row > .input-parent{flex: 1 0 auto;} 
.opt-grow{flex-grow: 1 !important;}
.opt-nogrow{flex-grow: 0 !important;}
.opt-shrink{flex-shrink: 1 !important;}
.opt-noshrink{flex-shrink: 0 !important;}
.wid-fit-content{width: fit-content;}.wid-max-content{width: max-content;}.wid-min-content{width: min-content;}.wid-auto{width: auto;}
.wid1{width: 1%;}.wid2{width: 2%;}.wid3{width: 3%;}.wid4{width: 4%;}.wid5{width: 5%;}.wid6{width: 6%;}.wid7{width: 7%;}.wid8{width: 8%;}.wid9{width: 9%;}.wid10{width: 10%;}
.wid11{width: 11%;}.wid12{width: 12%;}.wid13{width: 13%;}.wid14{width: 14%;}.wid15{width: 15%;}.wid16{width: 16%;}.wid17{width: 17%;}.wid18{width: 18%;}.wid19{width: 19%;}.wid20{width: 20%;}
.wid21{width: 21%;}.wid22{width: 22%;}.wid23{width: 23%;}.wid24{width: 24%;}.wid25{width: 25%;}.wid26{width: 26%;}.wid27{width: 27%;}.wid28{width: 28%;}.wid29{width: 29%;}.wid30{width: 30%;}
.wid31{width: 31%;}.wid32{width: 32%;}.wid33{width: 33%;}.wid34{width: 34%;}.wid35{width: 35%;}.wid36{width: 36%;}.wid37{width: 37%;}.wid38{width: 38%;}.wid39{width: 39%;}.wid40{width: 40%;}
.wid41{width: 41%;}.wid42{width: 42%;}.wid43{width: 43%;}.wid44{width: 44%;}.wid45{width: 45%;}.wid46{width: 46%;}.wid47{width: 47%;}.wid48{width: 48%;}.wid49{width: 49%;}.wid50{width: 50%;}
.wid51{width: 51%;}.wid52{width: 52%;}.wid53{width: 53%;}.wid54{width: 54%;}.wid55{width: 55%;}.wid56{width: 56%;}.wid57{width: 57%;}.wid58{width: 58%;}.wid59{width: 59%;}.wid60{width: 60%;}
.wid61{width: 61%;}.wid62{width: 62%;}.wid63{width: 63%;}.wid64{width: 64%;}.wid65{width: 65%;}.wid66{width: 66%;}.wid67{width: 67%;}.wid68{width: 68%;}.wid69{width: 69%;}.wid70{width: 70%;}
.wid71{width: 71%;}.wid72{width: 72%;}.wid73{width: 73%;}.wid74{width: 74%;}.wid75{width: 75%;}.wid76{width: 76%;}.wid77{width: 77%;}.wid78{width: 78%;}.wid79{width: 79%;}.wid80{width: 80%;}
.wid81{width: 81%;}.wid82{width: 82%;}.wid83{width: 83%;}.wid84{width: 84%;}.wid85{width: 85%;}.wid86{width: 86%;}.wid87{width: 87%;}.wid88{width: 88%;}.wid89{width: 89%;}.wid90{width: 90%;}
.wid91{width: 91%;}.wid92{width: 92%;}.wid93{width: 93%;}.wid94{width: 94%;}.wid95{width: 95%;}.wid96{width: 96%;}.wid97{width: 97%;}.wid98{width: 98%;}.wid99{width: 99%;}.wid100{width: 100%;}
.justify-content-center{justify-content: center;}.justify-content-space-between{justify-content: space-between;}.justify-content-space-around{justify-content: space-around;}.justify-content-space-evenly{justify-content: space-evenly;}.justify-content-start{justify-content: flex-start;}.justify-content-end{justify-content: flex-end;}
.justify-items-center{justify-items: center;}.justify-items-space-between{justify-items: space-between;}.justify-items-space-around{justify-items: space-around;}.justify-items-space-evenly{justify-items: space-evenly;}.justify-items-start{justify-items: flex-start;}.justify-items-end{justify-items: flex-end;}
.align-content-center{align-content: center;}.align-content-space-between{align-content: space-between;}.align-content-space-around{align-content: space-around;}.align-content-space-evenly{align-content: space-evenly;}.align-content-start{align-content: flex-start;}.align-content-end{align-content: flex-end;}
.align-items-center{align-items: center;}.align-items-space-between{align-items: space-between;}.align-items-space-around{align-items: space-around;}.align-items-space-evenly{align-items: space-evenly;}.align-items-start{align-items: flex-start;}.align-items-end{align-items: flex-end;}
/* PADDING SET */
.padh-5{padding-left: 5px;padding-right: 5px;}.padh-10{padding-left: 10px;padding-right: 10px;}.padh-15{padding-left: 15px;padding-right: 15px;}.padh-20{padding-left: 20px;padding-right: 20px;}.padh-25{padding-left: 25px;padding-right: 25px;}
.padh-30{padding-left: 30px;padding-right: 30px;}.padh-35{padding-left: 35px;padding-right: 35px;}.padh-40{padding-left: 40px;padding-right: 40px;}.padh-45{padding-left: 45px;padding-right: 45px;}.padh-50{padding-left: 50px;padding-right: 50px;}
.padh-55{padding-left: 55px;padding-right: 55px;}.padh-60{padding-left: 60px;padding-right: 60px;}.padh-65{padding-left: 65px;padding-right: 65px;}.padh-70{padding-left: 70px;padding-right: 70px;}.padh-75{padding-left: 75px;padding-right: 75px;}
.padh-80{padding-left: 80px;padding-right: 80px;}.padh-85{padding-left: 85px;padding-right: 85px;}.padh-90{padding-left: 90px;padding-right: 90px;}.padh-95{padding-left: 95px;padding-right: 95px;}.padh-100{padding-left: 100px;padding-right: 100px;}
.padv-5{padding-top: 5px;padding-bottom: 5px;}.padv-10{padding-top: 10px;padding-bottom: 10px;}.padv-15{padding-top: 15px;padding-bottom: 15px;}.padv-20{padding-top: 20px;padding-bottom: 20px;}.padv-25{padding-top: 25px;padding-bottom: 25px;}
.padv-30{padding-top: 30px;padding-bottom: 30px;}.padv-35{padding-top: 35px;padding-bottom: 35px;}.padv-40{padding-top: 40px;padding-bottom: 40px;}.padv-45{padding-top: 45px;padding-bottom: 45px;}.padv-50{padding-top: 50px;padding-bottom: 50px;}
.padv-55{padding-top: 55px;padding-bottom: 55px;}.padv-60{padding-top: 60px;padding-bottom: 60px;}.padv-65{padding-top: 65px;padding-bottom: 65px;}.padv-70{padding-top: 70px;padding-bottom: 70px;}.padv-75{padding-top: 75px;padding-bottom: 75px;}
.padv-80{padding-top: 80px;padding-bottom: 80px;}.padv-85{padding-top: 85px;padding-bottom: 85px;}.padv-90{padding-top: 90px;padding-bottom: 90px;}.padv-95{padding-top: 95px;padding-bottom: 95px;}.padv-100{padding-top: 100px;padding-bottom: 100px;}
.padt-5{padding-top: 5px;}.padt-10{padding-top: 10px;}.padt-15{padding-top: 15px;}.padt-20{padding-top: 20px;}.padt-25{padding-top: 25px;}
.padt-30{padding-top: 30px;}.padt-35{padding-top: 35px;}.padt-40{padding-top: 40px;}.padt-45{padding-top: 45px;}.padt-50{padding-top: 50px;}
.padt-55{padding-top: 55px;}.padt-60{padding-top: 60px;}.padt-65{padding-top: 65px;}.padt-70{padding-top: 70px;}.padt-75{padding-top: 75px;}
.padt-80{padding-top: 80px;}.padt-85{padding-top: 85px;}.padt-90{padding-top: 90px;}.padt-95{padding-top: 95px;}.padt-100{padding-top: 100px;}
.padb-5{padding-bottom: 5px;}.padb-10{padding-bottom: 10px;}.padb-15{padding-bottom: 15px;}.padb-20{padding-bottom: 20px;}.padb-25{padding-bottom: 25px;}
.padb-30{padding-bottom: 30px;}.padb-35{padding-bottom: 35px;}.padb-40{padding-bottom: 40px;}.padb-45{padding-bottom: 45px;}.padb-50{padding-bottom: 50px;}
.padb-55{padding-bottom: 55px;}.padb-60{padding-bottom: 60px;}.padb-65{padding-bottom: 65px;}.padb-70{padding-bottom: 70px;}.padb-75{padding-bottom: 75px;}
.padb-80{padding-bottom: 80px;}.padb-85{padding-bottom: 85px;}.padb-90{padding-bottom: 90px;}.padb-95{padding-bottom: 95px;}.padb-100{padding-bottom: 100px;}
.padl-5{padding-left: 5px;}.padl-10{padding-left: 10px;}.padl-15{padding-left: 15px;}.padl-20{padding-left: 20px;}.padl-25{padding-left: 25px;}
.padl-30{padding-left: 30px;}.padl-35{padding-left: 35px;}.padl-40{padding-left: 40px;}.padl-45{padding-left: 45px;}.padl-50{padding-left: 50px;}
.padl-55{padding-left: 55px;}.padl-60{padding-left: 60px;}.padl-65{padding-left: 65px;}.padl-70{padding-left: 70px;}.padl-75{padding-left: 75px;}
.padl-80{padding-left: 80px;}.padl-85{padding-left: 85px;}.padl-90{padding-left: 90px;}.padl-95{padding-left: 95px;}.padl-100{padding-left: 100px;}
.padr-5{padding-right: 5px;}.padr-10{padding-right: 10px;}.padr-15{padding-right: 15px;}.padr-20{padding-right: 20px;}.padr-25{padding-right: 25px;}
.padr-30{padding-right: 30px;}.padr-35{padding-right: 35px;}.padr-40{padding-right: 40px;}.padr-45{padding-right: 45px;}.padr-50{padding-right: 50px;}
.padr-55{padding-right: 55px;}.padr-60{padding-right: 60px;}.padr-65{padding-right: 65px;}.padr-70{padding-right: 70px;}.padr-75{padding-right: 75px;}
.padr-80{padding-right: 80px;}.padr-85{padding-right: 85px;}.padr-90{padding-right: 90px;}.padr-95{padding-right: 95px;}.padr-100{padding-right: 100px;}
/* MARGIN SET */
.mgb-5{margin-bottom: 5px;}.mgb-10{margin-bottom: 10px;}.mgb-15{margin-bottom: 15px;}.mgb-20{margin-bottom: 20px;}.mgb-25{margin-bottom: 25px;}
.mgb-30{margin-bottom: 30px;}.mgb-35{margin-bottom: 35px;}.mgb-40{margin-bottom: 40px;}.mgb-45{margin-bottom: 45px;}.mgb-50{margin-bottom: 50px;}
.mgb-55{margin-bottom: 55px;}.mgb-60{margin-bottom: 60px;}.mgb-65{margin-bottom: 65px;}.mgb-70{margin-bottom: 70px;}.mgb-75{margin-bottom: 75px;}
.mgb-80{margin-bottom: 80px;}.mgb-85{margin-bottom: 85px;}.mgb-90{margin-bottom: 90px;}.mgb-95{margin-bottom: 95px;}.mgb-100{margin-bottom: 100px;}
.mgh-5{margin-left: 5px;margin-right: 5px;}.mgh-10{margin-left: 10px;margin-right: 10px;}.mgh-15{margin-left: 15px;margin-right: 15px;}.mgh-20{margin-left: 20px;margin-right: 20px;}.mgh-25{margin-left: 25px;margin-right: 25px;}
.mgh-30{margin-left: 30px;margin-right: 30px;}.mgh-35{margin-left: 35px;margin-right: 35px;}.mgh-40{margin-left: 40px;margin-right: 40px;}.mgh-45{margin-left: 45px;margin-right: 45px;}.mgh-50{margin-left: 50px;margin-right: 50px;}
.mgh-55{margin-left: 55px;margin-right: 55px;}.mgh-60{margin-left: 60px;margin-right: 60px;}.mgh-65{margin-left: 65px;margin-right: 65px;}.mgh-70{margin-left: 70px;margin-right: 70px;}.mgh-75{margin-left: 75px;margin-right: 75px;}
.mgh-80{margin-left: 80px;margin-right: 80px;}.mgh-85{margin-left: 85px;margin-right: 85px;}.mgh-90{margin-left: 90px;margin-right: 90px;}.mgh-95{margin-left: 95px;margin-right: 95px;}.mgh-100{margin-left: 100px;margin-right: 100px;}
.mgl-5{margin-left: 5px;}.mgl-10{margin-left: 10px;}.mgl-15{margin-left: 15px;}.mgl-20{margin-left: 20px;}.mgl-25{margin-left: 25px;}
.mgl-30{margin-left: 30px;}.mgl-35{margin-left: 35px;}.mgl-40{margin-left: 40px;}.mgl-45{margin-left: 45px;}.mgl-50{margin-left: 50px;}
.mgl-55{margin-left: 55px;}.mgl-60{margin-left: 60px;}.mgl-65{margin-left: 65px;}.mgl-70{margin-left: 70px;}.mgl-75{margin-left: 75px;}
.mgl-80{margin-left: 80px;}.mgl-85{margin-left: 85px;}.mgl-90{margin-left: 90px;}.mgl-95{margin-left: 95px;}.mgl-100{margin-left: 100px;}
.mgr-5{margin-right: 5px;}.mgr-10{margin-right: 10px;}.mgr-15{margin-right: 15px;}.mgr-20{margin-right: 20px;}.mgr-25{margin-right: 25px;}
.mgr-30{margin-right: 30px;}.mgr-35{margin-right: 35px;}.mgr-40{margin-right: 40px;}.mgr-45{margin-right: 45px;}.mgr-50{margin-right: 50px;}
.mgr-55{margin-right: 55px;}.mgr-60{margin-right: 60px;}.mgr-65{margin-right: 65px;}.mgr-70{margin-right: 70px;}.mgr-75{margin-right: 75px;}
.mgr-80{margin-right: 80px;}.mgr-85{margin-right: 85px;}.mgr-90{margin-right: 90px;}.mgr-95{margin-right: 95px;}.mgr-100{margin-right: 100px;}
.mgt-5{margin-top: 5px;}.mgt-10{margin-top: 10px;}.mgt-15{margin-top: 15px;}.mgt-20{margin-top: 20px;}.mgt-25{margin-top: 25px;}
.mgt-30{margin-top: 30px;}.mgt-35{margin-top: 35px;}.mgt-40{margin-top: 40px;}.mgt-45{margin-top: 45px;}.mgt-50{margin-top: 50px;}
.mgt-55{margin-top: 55px;}.mgt-60{margin-top: 60px;}.mgt-65{margin-top: 65px;}.mgt-70{margin-top: 70px;}.mgt-75{margin-top: 75px;}
.mgt-80{margin-top: 80px;}.mgt-85{margin-top: 85px;}.mgt-90{margin-top: 90px;}.mgt-95{margin-top: 95px;}.mgt-100{margin-top: 100px;}
.mgv-5{margin-top: 5px;margin-bottom: 5px;}.mgv-10{margin-top: 10px;margin-bottom: 10px;}.mgv-15{margin-top: 15px;margin-bottom: 15px;}.mgv-20{margin-top: 20px;margin-bottom: 20px;}.mgv-25{margin-top: 25px;margin-bottom: 25px;}
.mgv-30{margin-top: 30px;margin-bottom: 30px;}.mgv-35{margin-top: 35px;margin-bottom: 35px;}.mgv-40{margin-top: 40px;margin-bottom: 40px;}.mgv-45{margin-top: 45px;margin-bottom: 45px;}.mgv-50{margin-top: 50px;margin-bottom: 50px;}
.mgv-55{margin-top: 55px;margin-bottom: 55px;}.mgv-60{margin-top: 60px;margin-bottom: 60px;}.mgv-65{margin-top: 65px;margin-bottom: 65px;}.mgv-70{margin-top: 70px;margin-bottom: 70px;}.mgv-75{margin-top: 75px;margin-bottom: 75px;}
.mgv-80{margin-top: 80px;margin-bottom: 80px;}.mgv-85{margin-top: 85px;margin-bottom: 85px;}.mgv-90{margin-top: 90px;margin-bottom: 90px;}.mgv-95{margin-top: 95px;margin-bottom: 95px;}.mgv-100{margin-top: 100px;margin-bottom: 100px;}
.fill-width{width: 100%;}
.button-default{padding: 0 28px;cursor: pointer;font: 600 13px montserrat;background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);border: none;border-radius: 8px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;color: #fff;box-sizing: border-box;height: 44px;outline: none;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);position: relative;overflow: hidden;}
.button-default::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}
.button-default:hover::before{left: 100%;}
.button-default:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}
.button-default:active {transform: translateY(0);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.button-default.bigger{font-size: 15px;height: 52px;padding: 0 36px;}
.button-default.btn-transparent{background: transparent;border: 2px solid #e2e8f0;color: #2d3748;box-shadow: none;}
.button-default.btn-transparent:hover{background: #f7fafc;border-color: #cbd5e0;}
.button-default.btn-ok{background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);}
.button-default.btn-ok:hover{background: linear-gradient(135deg, #38a169 0%, #2f855a 100%);}
.button-default.btn-blue{background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);}
.button-default.btn-blue:hover{background: linear-gradient(135deg, #3182ce 0%, #2c5282 100%);}
.button-default.btn-yellow{background: linear-gradient(135deg, #ecc94b 0%, #d69e2e 100%);color: #2d3748;}
.button-default.btn-yellow:hover{background: linear-gradient(135deg, #d69e2e 0%, #b7791f 100%);}
.button-default.btn-cyan{background: linear-gradient(135deg, #4fd1c5 0%, #38b2ac 100%);}
.button-default.btn-cyan:hover{background: linear-gradient(135deg, #38b2ac 0%, #319795 100%);}
.button-default.btn-orange{background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);}
.button-default.btn-orange:hover{background: linear-gradient(135deg, #dd6b20 0%, #c05621 100%);}
.button-default.btn-red{background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);}
.button-default.btn-red:hover{background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);}
.button-default.btn-greencyan{background: linear-gradient(135deg, #4fd1c5 0%, #319795 100%);}
.button-default.btn-greencyan:hover{background: linear-gradient(135deg, #38b2ac 0%, #2c7a7b 100%);}
.button-default.btn-grey{background: linear-gradient(135deg, #4e5a59 0%, #4e5a59 100%);}
/* .button-default.btn-grey:hover{background: linear-gradient(135deg, #101111 0%, #2c7a7b 100%);} */
/* .button-default.btn-grey:hover{background: linear-gradient(135deg, #101111 0%, #2c7a7b 100%);} */
.button-default.btn-grey:hover::before{left: -100%;}

body{background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);min-height: 100vh;}
.container-painel{display: inline-block;padding: 48px 3em 80px;box-sizing: border-box;width: calc(100% - 281px); margin-left: 280px;}
.container-painel .titulo{font: 700 26px montserrat;color: #1a202c;margin: 0 0 32px;letter-spacing: -0.5px;}
.container-painel .painel{padding: 54px 32px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 15px rgba(0, 0, 0, 0.03);display: block;border-radius: 16px;background: #ffffff;border: 1px solid #e2e8f0;transition: all 0.3s ease; }

.container-painel .painel-aside .sub-titulo{font: 500 15px montserrat;color: #4a5568;margin: 0; width: max-content;}
.container-painel .input-parent.type-checkbox {align-items: center; margin: 0 0 3px; padding: 0;}


.container-painel .painel:hover{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08), 0 20px 25px rgba(0, 0, 0, 0.05);}
.container-painel .painel .titulo{font: 600 18px montserrat;color: #2d3748;margin: 0 0 30px;letter-spacing: -0.3px;}
.container-painel .painel .sub-titulo{font: 500 15px montserrat;color: #4a5568;margin: 0 0 30px;}
.container-painel .painel .sub-titulo b{color: #e53e3e;font-weight: 700;}
.container-painel .painel .lista{width: 100%;box-sizing: border-box;border-spacing: 0;border-collapse: separate;border-radius: 8px;overflow: hidden;}
.container-painel .painel .lista tr{background: #fff;border-bottom: 1px solid #e2e8f0;transition: all 0.2s ease;}
.container-painel .painel .lista tbody tr:hover{background: #f7fafc;transform: scale(1.001);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}
.container-painel .painel .lista tr:nth-of-type(odd){background: #fafbfc;}
.container-painel .painel .lista tbody tr:nth-of-type(odd):hover{background: #f7fafc;}
.container-painel .painel .lista td{padding: 16px 24px;font: 14px montserrat;vertical-align: middle;box-sizing: border-box;color: #2d3748;}
.container-painel .painel .lista td p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.container-painel .painel .lista thead tr{background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%) !important;}
.container-painel .painel .lista thead tr:hover{background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%) !important;transform: none;box-shadow: none;}
.container-painel .painel .lista thead td{font-weight: 700;font-size: 13px;padding: 14px 24px;color: #ffffff;text-transform: uppercase;letter-spacing: 0.5px;}
.container-painel .painel .lista td .link{display: flex;align-items: center;justify-content: flex-start;gap: 12px;color: #4299e1;font-weight: 500;transition: all 0.2s ease;}
.container-painel .painel .lista td .categoria {display: flex;align-items: center;justify-content: center;gap: 12px;color: #4299e1;font-weight: 500;transition: all 0.2s ease;}
.container-painel .painel .lista td .center {margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.container-painel .painel .lista td .link:hover{color: #2c5282;}
.container-painel .painel .lista td .link .icone{flex: 0 0 auto;width: 18px;height: 18px;display: block;}
.container-painel .painel .paginas{margin: 48px 0 0;display: flex;align-items: center;justify-content: flex-start;gap: 12px;padding: 0 32px;box-sizing: border-box;flex-wrap: wrap;}
.container-painel .painel .paginas .pagina{min-width: 36px;height: 36px;padding: 0 8px;border-radius: 8px;border: 2px solid #e2e8f0;display: flex;align-items: center;justify-content: center;font: 600 13px montserrat;color: #4a5568;transition: all 0.3s ease;background: #ffffff;}
.container-painel .painel .paginas .pagina:hover{background: #edf2f7;border-color: #cbd5e0;color: #2d3748;cursor: pointer;transform: translateY(-2px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.container-painel .painel .paginas .pagina.ativo{background: linear-gradient(135deg, #4299e1 0%, #3182ce 100%);color: #ffffff;border-color: #3182ce;cursor: default;box-shadow: 0 2px 8px rgba(66, 153, 225, 0.3);}
.container-painel .painel .paginas .pagina.ativo:hover{transform: none;}
.container-painel .painel .acoes{display: flex;align-items: center;justify-content: flex-start;gap: 12px;box-sizing: border-box;}
.container-painel .painel .acoes .icone{width: 20px;height: 20px;display: block;transition: all 0.3s ease;padding: 6px;border-radius: 6px;background: transparent;}
.container-painel .painel .acoes .icone:hover{transform: scale(1.15);cursor: pointer;background: #edf2f7;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.quill-js{border-radius: 8px;overflow: hidden;border: 2px solid #e2e8f0;transition: all 0.3s ease;}
.quill-js:hover{border-color: #cbd5e0;}
.quill-js:focus-within{border-color: #4299e1;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);}
.quill-js .ql-toolbar{background: #f7fafc;border: none;border-bottom: 2px solid #e2e8f0;}
.quill-js .ql-editor{min-height: 180px;resize: vertical;max-height: 500px;font: 400 14px montserrat;color: #2d3748;padding: 16px;}
.quill-js .ql-editor::-webkit-scrollbar{width: 8px;}
.quill-js .ql-editor::-webkit-scrollbar-track{background: #f7fafc;}
.quill-js .ql-editor::-webkit-scrollbar-thumb{background: #cbd5e0;border-radius: 4px;}
.quill-js .ql-editor::-webkit-scrollbar-thumb:hover{background: #a0aec0;}
html{scroll-behavior: smooth;}
* {scrollbar-width: thin;scrollbar-color: #cbd5e0 #f7fafc;}

.disabled {display: none !important;}

.toggle-bar {display: flex; position: relative; border-radius: 100px;width: 100%; height: 28px; background: #7e807f; max-width: 60px; overflow: hidden; cursor: pointer;}
.toggle-bar .bow {border-radius: 100px; background: #fff; width: 28px; height: 28px; top: 0;position: absolute; left: 0; transition: 0.3s; z-index: 2;}
.toggle-bar .rec {display: flex;width: 100%;height: 100%;background-color: #36dcff;z-index: 1;position: absolute;left: -100%;transition: 0.33s;}

.toggle-bar.on .bow {left: 54%;}
.toggle-bar.on .rec {left: 0;}

@keyframes fadeInUp {
    from {opacity: 0;transform: translateY(20px);}
    to {opacity: 1;transform: translateY(0);}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.container-painel .painel{animation: fadeInUp 0.5s ease-out;}
.container-painel .titulo{animation: fadeIn 0.3s ease-out;}
textarea.input{resize: vertical;min-height: 120px;padding: 12px 16px;line-height: 1.6;font-family: montserrat;}
.button-default:disabled{opacity: 0.6;cursor: not-allowed;transform: none !important;}
.button-default:disabled:hover{box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.button-default:focus-visible{outline: 3px solid #4299e1;outline-offset: 2px;}
.input-parent .input:focus-visible{outline: none;border-color: #4299e1;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);}
.container-painel form.painel{background: #ffffff;}
.alert{padding: 16px 20px;border-radius: 8px;margin: 0 0 24px;font: 500 14px montserrat;display: flex;align-items: center;gap: 12px;border-left: 4px solid;}
.alert.alert-success{background: #f0fdf4;border-color: #48bb78;color: #22543d;}
.alert.alert-error{background: #fef2f2;border-color: #f56565;color: #742a2a;}
.alert.alert-info{background: #eff6ff;border-color: #4299e1;color: #1e40af;}
.alert.alert-warning{background: #fffbeb;border-color: #ecc94b;color: #78350f;}
.badge{display: inline-flex;padding: 4px 12px;border-radius: 12px;font: 600 12px montserrat;align-items: center;justify-content: center;}
.badge.badge-primary{background: #4299e1;color: #ffffff;}
.badge.badge-success{background: #48bb78;color: #ffffff;}
.badge.badge-danger{background: #f56565;color: #ffffff;}
.badge.badge-warning{background: #ecc94b;color: #2d3748;}
.badge.badge-info{background: #4fd1c5;color: #ffffff;}
@media (max-width: 1200px) {
    .container-painel{padding: 32px 2em 64px;}
    .container-menu-lateral{width: 200px;}
}
@media (max-width: 1150px) {
    .gp-painel{flex-direction: column;align-items: flex-start;}
}
@media (max-width: 990px) {
    .container-painel{padding: 24px; display: block;}
    .container-painel .titulo{font-size: 22px;}
    .container-painel .painel{padding: 24px;}
    .input-row > .input-parent {width: 100%;}
    .container-menu-lateral{width: 100%;height: auto;position: relative;top: 0;border-right: none;border-bottom: 1px solid #e2e8f0;}
    .input-row{flex-direction: column;gap: 0;}
    .button-default{width: 100%;justify-content: center;}
}