:root{--verde:#1e8e4e;--verde2:#25d366;--verde3:#136b3a;--claro:#f3fbf6;--borda:#dfe5e1;--txt:#1c2421;--txt2:#5b6660;--bg:#f4f6f5;--navy:#12254a}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.5}
button,input,select{font:inherit}
[hidden]{display:none!important}
a{color:var(--verde)}
.voltar{background:var(--navy);font-size:13px}
.voltar a{display:block;max-width:980px;margin:0 auto;padding:8px 16px;color:#fff;text-decoration:none}
.voltar a:hover{text-decoration:underline}
header.hero{background:linear-gradient(135deg,#136b3a,#1e8e4e 60%,#25a55f);color:#fff;padding:34px 0 30px}
header.hero .hw{max-width:980px;margin:0 auto;padding:0 16px}
header.hero h1{margin:0 0 8px;font-size:34px;line-height:1.15;font-weight:800;color:#fff}
header.hero p{margin:0;font-size:17px;opacity:.95;max-width:680px;color:#fff}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pill{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px;font-size:13px}
.wrap{max-width:980px;margin:0 auto;padding:20px 16px 10px}
.ferr-card{position:relative;background:#fff;border:1px solid var(--borda);border-radius:16px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,.05);min-height:260px}
/* area de soltar */
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:3px dashed #b9d9c5;background:var(--claro);border-radius:14px;padding:44px 16px;cursor:pointer;color:var(--txt2);transition:border-color .15s,background .15s}
.drop:hover,.drop.sobre{border-color:var(--verde2);background:#e8f8ee}
.drop b{font-size:20px;color:var(--txt)}
.drop-ic{font-size:44px;line-height:1}
.btn-sel{display:inline-block;margin-top:6px;background:var(--verde2);color:#fff;font-weight:800;font-size:17px;padding:13px 26px;border-radius:10px;text-decoration:none;box-shadow:0 4px 12px rgba(37,211,102,.3)}
.drop:hover .btn-sel{filter:brightness(.96)}
/* botoes */
.btn{display:inline-block;border:0;background:var(--verde2);color:#fff;font-weight:800;font-size:17px;padding:14px 22px;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px rgba(37,211,102,.3);text-decoration:none;text-align:center}
.btn:hover{filter:brightness(.96)}
.btn[disabled]{background:#b8c4bc;box-shadow:none;cursor:not-allowed}
.btn.grande{display:block;width:100%;margin-top:14px}
.btn.sec{background:#fff;color:var(--verde);border:2px solid var(--verde2);box-shadow:none}
.btn.peq{font-size:14px;padding:8px 14px}
.acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.acoes .espaco{flex:1}
.info{color:var(--txt2);font-size:14px}
/* opcoes */
.opcoes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 14px;margin:14px 0 4px}
.opcoes.tres{grid-template-columns:repeat(3,1fr)}
.opcoes label,.campo{display:block;font-size:13px;font-weight:600;color:var(--txt2)}
.opcoes input[type=text],.opcoes input[type=number],.opcoes select,.campo input[type=text],.campo input[type=number],.campo select{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--borda);border-radius:8px;background:#fff;color:var(--txt);font-weight:400}
.opcoes input[type=color]{display:block;width:100%;height:42px;margin-top:4px;border:1px solid var(--borda);border-radius:8px;background:#fff;padding:3px}
.opcoes input[type=range]{display:block;width:100%;margin-top:10px}
.opcoes input:focus,.opcoes select:focus,.campo input:focus,.campo select:focus{outline:2px solid var(--verde2);border-color:var(--verde2)}
.radios{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}
.radios label{display:flex;gap:10px;align-items:flex-start;font-size:15px;font-weight:500;color:var(--txt);background:#fafbfa;border:1px solid var(--borda);border-radius:10px;padding:10px 12px;cursor:pointer}
.radios label:has(input:checked){border-color:var(--verde2);background:var(--claro)}
.radios input{margin-top:4px}
.dica{font-size:12px;color:var(--txt2);font-weight:400;margin-top:3px}
/* lista de arquivos */
.lista{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.lista li{display:flex;align-items:center;gap:10px;background:#fafbfa;border:1px solid var(--borda);border-radius:10px;padding:8px 10px}
.lista .ico{flex:0 0 auto;width:42px;height:42px;border-radius:8px;background:#e8f8ee;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}
.lista .ico img{width:100%;height:100%;object-fit:cover}
.lista .nome{flex:1;min-width:0}
.lista .nome b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.lista .nome span{font-size:12px;color:var(--txt2)}
.lista button{border:1px solid var(--borda);background:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:16px;color:var(--txt2)}
.lista button:hover{border-color:var(--verde);color:var(--verde)}
.lista button[disabled]{opacity:.35;cursor:default}
/* miniaturas */
.minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:10px 0 6px;max-height:520px;overflow:auto;padding:4px}
.mini{position:relative;text-align:center}
.mini-box{height:150px;display:flex;align-items:center;justify-content:center;background:#f1f4f2;border:2px solid transparent;border-radius:8px;overflow:hidden}
.mini-box canvas{display:block;box-shadow:0 1px 4px rgba(0,0,0,.2);background:#fff;transition:transform .2s}
.mini-n{font-size:12px;color:var(--txt2);margin-top:3px}
.minis.sel .mini{cursor:pointer}
.minis.sel .mini.on .mini-box{border-color:var(--verde2);background:#e8f8ee}
.mini .rot{display:flex;gap:6px;justify-content:center;margin-top:4px}
.mini .rot button{border:1px solid var(--borda);background:#fff;border-radius:8px;width:34px;height:30px;cursor:pointer;font-size:15px}
.mini .rot button:hover{border-color:var(--verde);color:var(--verde)}
/* previa */
.previa{display:flex;justify-content:center;background:#f1f4f2;border-radius:10px;padding:12px;margin:10px 0}
.previa canvas{max-width:100%;height:auto;box-shadow:0 2px 8px rgba(0,0,0,.25);background:#fff}
/* resultado */
.res{text-align:center;padding:26px 8px}
.res .ok{font-size:46px;line-height:1}
.res h2{margin:6px 0 4px;font-size:24px}
.res p{margin:4px 0;color:var(--txt2)}
.res .btn{margin:16px 0 8px;font-size:19px;padding:16px 34px}
.res .links{margin-top:6px}
.res .tam{display:inline-flex;gap:14px;align-items:center;background:var(--claro);border:1px solid #d5efdf;border-radius:10px;padding:10px 16px;margin:10px 0;font-size:15px}
.res .tam b{color:var(--verde3)}
.aviso-r{background:#fff8e6;border:1px solid #f0d58a;border-radius:10px;padding:10px 12px;font-size:14px;text-align:left;margin-top:12px}
/* erro / carregando */
.fp-erro{background:#fdecea;border:1px solid #f3b5af;color:#8c1d14;border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:15px}
.fp-load{position:absolute;inset:0;background:rgba(255,255,255,.93);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:5;padding:20px;text-align:center}
.spin{width:44px;height:44px;border:5px solid #d5efdf;border-top-color:var(--verde2);border-radius:50%;animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.barra{width:min(320px,80%);height:8px;background:#e3ebe6;border-radius:99px;overflow:hidden}
.barra i{display:block;height:100%;width:0;background:var(--verde2);transition:width .2s}
/* conteudo extra */
.extra{max-width:980px;margin:0 auto;padding:8px 16px 30px}
.extra h2.sec{font-size:21px;margin:30px 0 12px;color:var(--txt)}
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:p}
.passos div{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px 14px 14px 56px;position:relative;font-size:15px;color:var(--txt2)}
.passos div:before{counter-increment:p;content:counter(p);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--verde);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.passos b{display:block;color:var(--txt);margin-bottom:2px}
.ferr{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ferr a{display:block;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.ferr a:hover{border-color:var(--verde);transform:translateY(-2px)}
.ferr .ic{display:flex;width:44px;height:44px;border-radius:50%;background:#e8f8ee;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px}
.ferr b{display:block;color:var(--verde3)}
.ferr .d{display:block;color:var(--txt2);font-size:14px;margin-top:2px}
.faq details{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px 16px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer}
.faq details p{margin:8px 0 0;color:var(--txt2)}
.seo{color:var(--txt2);font-size:15px}
.seo h2{color:var(--txt);font-size:19px;margin:18px 0 6px}
.cta{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.cta a{flex:1 1 220px;text-align:center;text-decoration:none;font-weight:700;padding:13px;border-radius:10px;border:2px solid var(--verde2);color:var(--verde);background:#fff}
.cta a:hover{background:var(--claro)}
.privado{display:flex;gap:10px;align-items:center;background:var(--claro);border:1px solid #d5efdf;border-radius:10px;padding:10px 14px;font-size:14px;color:var(--txt2);margin-top:14px}
footer.rodape{text-align:center;color:var(--txt2);font-size:13px;padding:10px 16px 30px}
footer.rodape a{color:var(--verde)}
@media(max-width:760px){
 header.hero h1{font-size:26px}
 .ferr{grid-template-columns:repeat(2,1fr)}
 .passos{grid-template-columns:1fr}
 .opcoes,.opcoes.tres{grid-template-columns:1fr}
 .ferr-card{padding:16px}
 .drop{padding:34px 12px}
 .minis{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}
 .mini-box{height:125px}
}

input[type=range],input[type=radio],input[type=checkbox]{accent-color:var(--verde2)}

/* ===== menu do topo ===== */
.topo{background:var(--navy);position:sticky;top:0;z-index:50;font-size:14px}
.topo .tw{max-width:980px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px;min-height:46px}
.topo a{color:#fff;text-decoration:none}
.topo .marca{white-space:nowrap}
.topo .esp{flex:1}
.topo .vagas{white-space:nowrap;font-size:13px;opacity:.9}
.topo .vagas:hover{text-decoration:underline}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px 12px;font-weight:600;white-space:nowrap}
.menu summary::-webkit-details-marker{display:none}
.menu summary:after{content:" ▾"}
.menu[open] summary{background:rgba(255,255,255,.22)}
.menu .painel{position:absolute;left:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--borda);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:14px;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:6px 18px;width:min(760px,calc(100vw - 32px))}
.menu .grp b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--txt2);margin:2px 0 6px}
.menu .grp a{display:flex;gap:8px;align-items:center;color:var(--txt);padding:7px 8px;border-radius:8px;font-size:14px}
.menu .grp a:hover{background:var(--claro);color:var(--verde3)}
@media(max-width:760px){
 .topo .tw{gap:8px;padding:0 10px}
 .topo .marca b{display:none}
 .topo .vagas{font-size:12px}
 .menu{position:static}
 .menu .painel{left:10px;right:10px;width:auto;grid-template-columns:1fr 1fr}
}
/* abas de categoria */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.chip{border:1px solid var(--borda);background:#fff;color:var(--txt2);border-radius:999px;padding:7px 16px;font-weight:700;font-size:14px;cursor:pointer}
.chip:hover{border-color:var(--verde)}
.chip.on{background:var(--verde);border-color:var(--verde);color:#fff}
.ferr a[hidden]{display:none}

/* ===== organizar ===== */
.minis.org{max-height:640px}
.org .mini{cursor:grab;transition:opacity .15s}
.org .mini.arrasta{opacity:.35}
.org .mini.alvo .mini-box{border-color:var(--verde2);background:#e8f8ee}
.org .mini.fora .mini-box{opacity:.3}
.org .mini.fora:after{content:"Excluída";position:absolute;left:0;right:0;top:56px;font-weight:800;color:#8c1d14;font-size:14px;pointer-events:none}
.mini .ops{display:flex;gap:4px;justify-content:center;margin-top:4px;flex-wrap:wrap}
.mini .ops button{border:1px solid var(--borda);background:#fff;border-radius:8px;min-width:30px;height:30px;cursor:pointer;font-size:14px;padding:0 4px}
.mini .ops button:hover{border-color:var(--verde);color:var(--verde)}
.mini .ops button[data-a=del]:hover{border-color:#c0392b;color:#c0392b}
.mini .ops button[disabled]{opacity:.35;cursor:default}
.mini .copia{position:absolute;top:4px;left:4px;background:var(--verde);color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px}

/* ===== recortar ===== */
.rec-wrap{display:flex;justify-content:center;background:#f1f4f2;border-radius:10px;padding:20px 20px;margin:10px 0}
.rec{position:relative;display:inline-block;line-height:0;max-width:100%;user-select:none;touch-action:none;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.rec .clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.rec .sombra{position:absolute;box-shadow:0 0 0 9999px rgba(10,20,15,.5)}
.rec canvas{display:block;max-width:100%;height:auto;background:#fff}
.rec .caixa{position:absolute;border:2px solid var(--verde2);cursor:move}
.rec .al{position:absolute;width:22px;height:22px;background:#fff;border:2px solid var(--verde2);border-radius:50%;touch-action:none}
.rec .al[data-h=n]{left:50%;top:-11px;margin-left:-11px;cursor:ns-resize}
.rec .al[data-h=s]{left:50%;bottom:-11px;margin-left:-11px;cursor:ns-resize}
.rec .al[data-h=w]{top:50%;left:-11px;margin-top:-11px;cursor:ew-resize}
.rec .al[data-h=e]{top:50%;right:-11px;margin-top:-11px;cursor:ew-resize}
.rec .al[data-h=nw]{left:-11px;top:-11px;cursor:nwse-resize}
.rec .al[data-h=ne]{right:-11px;top:-11px;cursor:nesw-resize}
.rec .al[data-h=sw]{left:-11px;bottom:-11px;cursor:nesw-resize}
.rec .al[data-h=se]{right:-11px;bottom:-11px;cursor:nwse-resize}
.opcoes.quatro{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.opcoes.quatro{grid-template-columns:1fr 1fr}}

/* ===== assinar ===== */
.abas{display:flex;gap:6px;margin:6px 0 10px;flex-wrap:wrap}
.aba{border:1px solid var(--borda);background:#fff;border-radius:10px;padding:8px 16px;font-weight:700;color:var(--txt2);cursor:pointer}
.aba.on{background:var(--claro);border-color:var(--verde2);color:var(--verde3)}
.sig-pad{position:relative;border:2px dashed #b9d9c5;border-radius:12px;background:#fff;touch-action:none}
.sig-pad canvas{display:block;width:100%;height:190px;cursor:crosshair;border-radius:10px}
.sig-pad .linha{position:absolute;left:5%;right:5%;bottom:48px;border-bottom:1px solid #d9dfdb;pointer-events:none}
.sig-cores{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}
.sig-cores .cor{width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--borda);cursor:pointer}
.sig-cores .cor.on{box-shadow:0 0 0 3px var(--verde2)}
.sig-estilos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.sig-estilos button{border:1px solid var(--borda);background:#fff;border-radius:10px;padding:10px 6px;font-size:28px;cursor:pointer;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sig-estilos button.on{border-color:var(--verde2);background:var(--claro)}
.sig-ok{display:flex;align-items:center;gap:12px;background:var(--claro);border:1px solid #d5efdf;border-radius:10px;padding:8px 12px;margin-bottom:12px}
.sig-ok img{height:46px;max-width:180px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid var(--borda);padding:2px 6px}
.sig-ok span{flex:1;font-weight:700}
.pg-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}
.pg-nav button{border:1px solid var(--borda);background:#fff;border-radius:8px;width:38px;height:34px;cursor:pointer;font-size:16px}
.pg-nav button[disabled]{opacity:.35;cursor:default}
.pos{position:absolute;cursor:move;touch-action:none;outline:2px dashed var(--verde2);outline-offset:2px;line-height:0}
.pos img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.pos .x,.pos .rz{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--verde2);font-size:13px;line-height:20px;text-align:center;cursor:pointer;line-height:1}
.pos .x{right:-12px;top:-12px;display:flex;align-items:center;justify-content:center;color:#c0392b}
.pos .rz{right:-12px;bottom:-12px;cursor:nwse-resize;touch-action:none}
.sig-fonte{height:0;overflow:hidden;font-size:1px}
.vis{position:relative;display:inline-block;line-height:0;max-width:100%;user-select:none;touch-action:pan-y;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.vis canvas{display:block;max-width:100%;height:auto;background:#fff}
.rec-wrap{overflow:auto}
.rec canvas,.vis canvas{width:auto;height:auto;max-width:100%;max-height:78vh}
@media(max-width:760px){.topo .vagas .lg{display:none}}