.mbfirma{--mb-ink:#353535;--mb-accent:#3a3a3a;font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mb-ink);max-width:1380px;margin:24px auto;box-sizing:border-box}.mbfirma *{box-sizing:border-box}.mbfirma .mb-head{background:#3a3a3a;color:#fff;padding:28px 32px;border-radius:18px;margin-bottom:22px}.mbfirma .mb-head small{color:#eeeeee;text-transform:uppercase;letter-spacing:2px;font-size:11px}.mbfirma h2{font-size:30px;color:inherit;margin:8px 0}.mbfirma h3{font-size:18px;margin:0 0 15px;color:inherit}.mbfirma p{margin:8px 0}.mbfirma .mb-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr);gap:22px;align-items:start}.mbfirma .mb-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 5px 20px #173e3905}.mbfirma .mb-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mbfirma label{display:block;font-size:12px;font-weight:600;margin:0}.mbfirma label span{display:block;margin-bottom:5px}.mbfirma input,.mbfirma select,.mbfirma textarea{width:100%;max-width:none;border:1px solid #d0d0d0;border-radius:7px;padding:9px 10px;background:#fff;color:#353535;font:14px/1.4 system-ui,sans-serif;box-shadow:none;margin:0}.mbfirma input[type=color]{height:40px;padding:4px;cursor:pointer}.mbfirma textarea{resize:vertical;min-height:90px}.mbfirma :focus-visible{outline:3px solid #dd3333;outline-offset:2px}.mbfirma .mb-wide{grid-column:1/-1}.mbfirma .mb-note{font-size:12px;color:#666666;margin-top:10px}.mbfirma .mb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mbfirma button{border:1px solid #cccccc;border-radius:8px;padding:10px 14px;background:#fff;color:#353535;font:600 13px/1.3 system-ui,sans-serif;cursor:pointer}.mbfirma button:hover{background:#f4f4f4}.mbfirma button.mb-primary{background:#3a3a3a;color:#fff;border-color:#3a3a3a}.mbfirma button[aria-pressed=true]{background:#ededed;border-color:#3a3a3a}.mbfirma .mb-preview{background:repeating-conic-gradient(#f5f5f5 0% 25%,#fff 0% 50%) 0/18px 18px;border:1px solid #e2e2e2;border-radius:10px;overflow:auto;padding:20px}.mbfirma iframe{border:0;display:block;width:100%;min-width:340px;height:390px;background:#fff}.mbfirma .mb-output{font:12px/1.5 ui-monospace,monospace;height:160px;min-height:120px;white-space:pre;overflow:auto}.mbfirma .mb-status{min-height:24px;font-size:13px;color:#3a3a3a}.mbfirma .mb-upload{display:flex;gap:8px;align-items:center;margin-top:7px}.mbfirma input[type=file]{font-size:11px;padding:5px}.mbfirma details summary{cursor:pointer;font-weight:600}.mbfirma details p{font-size:13px}.mbfirma .mb-sticky{position:sticky;top:30px}.mbfirma .mb-step{color:#777777;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.mbfirma .mb-check{display:flex;gap:8px;align-items:center}.mbfirma .mb-check input{width:auto}.mbfirma .mb-check span{margin:0}@media(max-width:1000px){.mbfirma .mb-grid{grid-template-columns:1fr}.mbfirma .mb-sticky{position:static}}@media(max-width:500px){.mbfirma .mb-fields{grid-template-columns:1fr}.mbfirma .mb-head,.mbfirma .mb-card{padding:18px}.mbfirma h2{font-size:25px}}
.mbfirma input[type=range]{height:40px;padding:0;accent-color:var(--mb-accent);border:0;box-shadow:none;cursor:pointer}.mbfirma .mb-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 22px}.mbfirma .mb-designs button{padding:10px 8px;text-align:left;display:flex;flex-direction:column;gap:8px;min-width:0;font-size:11px;line-height:1.4;text-transform:none;letter-spacing:0;white-space:normal;margin:0}.mbfirma .mb-designs button[aria-pressed=true]{box-shadow:0 0 0 1px #3a3a3a}.mbfirma .mb-mini{display:block;position:relative;background:white;border:1px solid #e0e0e0;border-radius:5px;width:100%;height:64px;overflow:hidden}.mbfirma .mb-mini i{display:block;position:absolute;font-style:normal}.mbfirma .mb-mini-logo{left:9%;top:18px;width:25px;height:25px;border-radius:50%;background:#dddddd}.mbfirma .mb-mini-lines{left:40%;top:24px;width:50%;height:18px;background:repeating-linear-gradient(to bottom,#aaaaaa 0 2px,transparent 2px 7px)}.mbfirma .mb-mini-bar{left:40%;top:14px;width:50%;height:4px;background:var(--mb-design-bar,linear-gradient(to right,#3a3a3a,#dd3333,#3f3f3f))}.mbfirma .mb-mini-minimal .mb-mini-bar{left:34%;top:14px;width:3px;height:34px;background:var(--mb-design-vertical,#3a3a3a)}.mbfirma .mb-mini-vertical .mb-mini-logo{top:7px;width:19px;height:19px}.mbfirma .mb-mini-vertical .mb-mini-bar{left:9%;top:30px;width:80%;height:3px}.mbfirma .mb-mini-vertical .mb-mini-lines{left:9%;top:39px;width:70%;height:16px}.mbfirma .mb-mini-band .mb-mini-bar{left:0;top:0;width:100%;height:11px;background:var(--mb-design-accent,#3a3a3a)}.mbfirma .mb-mini-right .mb-mini-logo{left:auto;right:9%}.mbfirma .mb-mini-right .mb-mini-lines{left:9%;width:48%;top:18px}.mbfirma .mb-mini-right .mb-mini-bar{left:9%;top:49px;width:80%;height:3px}.mbfirma output{display:inline;font-weight:700}@media(max-width:500px){.mbfirma .mb-designs{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mbfirma input:disabled{opacity:.45;cursor:not-allowed}

.mbfirma select:disabled{opacity:.5;cursor:not-allowed}
