@font-face{font-family:Mont;src:url('./mont-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Mont;src:url('./mont-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('./montserrat-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.du-ui{
  --du-rojo:#f20c1f;--du-bg:#161617;--du-surface:#1e1e1e;--du-surface-raised:#333333;
  --du-text:#ffffff;--du-text-secondary:#c1c1c1;--du-border:#4a4a4a;--du-control-border:#858585;
  --du-action:#d90b1c;--du-action-hover:#c10a19;--du-action-pressed:#aa0916;--du-link:#ff7a85;
  --du-error:#ff9a9a;--du-error-bg:#35191c;--du-radius:.5rem;
  --du-font-titulos:Mont,Montserrat,Arial,sans-serif;--du-font-texto:Montserrat,Arial,sans-serif;
  margin:0;background:var(--du-bg);color:var(--du-text);color-scheme:dark;
  font:400 1rem/1.5 var(--du-font-texto);min-height:100vh;min-height:100dvh;
}
.du-ui,.du-ui *{box-sizing:border-box}
.du-ui h1,.du-ui h2,.du-ui h3{font-family:var(--du-font-titulos);font-weight:600;margin:0;color:var(--du-text);text-wrap:balance}
.du-ui h1{font-size:2rem;line-height:1.2;letter-spacing:-.01em}
.du-ui h2{font-size:1.5rem;line-height:1.3}
.du-ui h3{font-size:1rem;line-height:1.5}
.du-ui p{margin:1rem 0;color:var(--du-text-secondary)}
.du-ui a{color:var(--du-link);text-underline-offset:.2em}
.du-ui a:hover{color:var(--du-text)}
.du-ui :where(a,button,input):focus-visible{outline:2px solid var(--du-text);outline-offset:3px}
.du-ui .du-brand{display:inline-flex;align-items:center;flex:none;min-height:44px}
.du-ui .du-brand img{display:block;width:180px;height:auto;aspect-ratio:279/59}
.du-ui .du-panel{background:var(--du-surface);border:1px solid var(--du-border);border-radius:var(--du-radius);padding:2rem;min-width:0}
.du-ui .du-help{font-size:.875rem;line-height:1.5;color:var(--du-text-secondary)}
.du-ui .du-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;max-width:100%;padding:.875rem 1.5rem;
  font:600 1rem/1.25 var(--du-font-titulos);letter-spacing:.02em;text-align:center;white-space:normal;overflow-wrap:anywhere;
  background:transparent;color:var(--du-text);border:1px solid var(--du-control-border);border-radius:var(--du-radius);cursor:pointer;
  transition:background-color 180ms,border-color 180ms}
.du-ui .du-button:hover{background:var(--du-surface-raised);border-color:var(--du-text)}
.du-ui .du-primary{background:var(--du-action);border-color:var(--du-action)}
.du-ui .du-primary:hover{background:var(--du-action-hover);border-color:var(--du-action-hover)}
.du-ui .du-primary:active{background:var(--du-action-pressed);border-color:var(--du-action-pressed)}
.du-ui .du-button:disabled{background:var(--du-surface-raised);color:var(--du-text-secondary);border-color:var(--du-border);cursor:not-allowed}
.du-ui .du-field{margin-bottom:1.5rem}
.du-ui .du-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}
.du-ui .du-input{display:block;width:100%;min-height:52px;border:1px solid var(--du-control-border);border-radius:var(--du-radius);
  padding:.75rem 1rem;background:var(--du-surface-raised);color:var(--du-text);font:400 1rem/1.5 var(--du-font-texto)}
.du-ui .du-input:hover{border-color:var(--du-text)}
.du-ui .du-input:focus{border-color:var(--du-text)}
.du-ui .du-error{background:var(--du-error-bg);color:var(--du-error);border-left:3px solid var(--du-error);border-radius:4px;padding:1rem}
.du-ui .du-feedback{font-size:.875rem;overflow-wrap:anywhere;min-height:1.5rem}
.du-ui .du-feedback:not(:empty){padding:1rem;background:var(--du-surface-raised);border-left:3px solid var(--du-control-border);border-radius:4px}
.du-ui .du-feedback[aria-busy=true]{color:var(--du-text-secondary)}
.du-ui.du-login{display:grid;place-items:center;padding:3rem 1.25rem}
.du-ui .du-login-shell{width:100%;max-width:440px;min-width:0}
.du-ui .du-login-brand{margin-bottom:1.5rem}
.du-ui .du-login-panel form{margin-top:1.5rem}
.du-ui .du-login-panel .du-button{width:100%}
.du-ui .du-login-panel .du-help{margin-bottom:0}
.du-ui .du-footnote{margin-top:1.5rem}
.du-ui .du-dashboard{width:min(calc(100% - 2.5rem),75rem);margin:0 auto 3rem}
.du-ui .du-topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--du-border)}
.du-ui .du-account{font-size:.875rem;margin:0;overflow-wrap:anywhere;min-width:0}
.du-ui .du-intro{margin:3rem 0 2rem;max-width:65ch}
.du-ui .du-intro p{margin-bottom:0}
.du-ui .du-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;align-items:start}
.du-ui .du-step .du-button{width:100%}
.du-ui .du-step-actions{display:grid;gap:.75rem;margin-top:1.5rem}
.du-ui .du-tests{margin-top:1.5rem}
.du-ui .du-tests .du-step-actions{margin-top:.75rem}
.du-ui #signature-data:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem 1rem;margin:1.5rem 0}
.du-ui #signature-data>div{min-width:0}
.du-ui #signature-data>div:last-child{grid-column:1/-1}
.du-ui #signature-data dt{font-size:.875rem;color:var(--du-text-secondary);margin-bottom:.25rem}
.du-ui #signature-data dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.du-ui .du-signature-actions{display:grid;gap:.75rem;margin-top:1.5rem}
.du-ui .du-install{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--du-border)}
.du-ui .du-install p{font-size:.875rem;margin-bottom:0}
.du-ui small{display:block;font-size:.875rem;color:var(--du-text-secondary);margin-top:1.5rem}
@media(max-width:1024px){.du-ui .du-steps{grid-template-columns:minmax(0,1fr)}.du-ui .du-dashboard{max-width:50rem}}
@media(max-width:767px){
  .du-ui h1{font-size:1.75rem}.du-ui h2{font-size:1.25rem}
  .du-ui .du-panel{padding:1.5rem}.du-ui.du-login{padding:2rem 1.25rem}
  .du-ui .du-brand img{width:148px}.du-ui .du-topbar{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1.5rem 0}
  .du-ui .du-intro{margin:2rem 0 1.5rem}.du-ui #signature-data:not([hidden]){grid-template-columns:minmax(0,1fr)}
  .du-ui .du-button{padding-inline:1rem}
}
@media(prefers-reduced-motion:reduce){.du-ui .du-button{transition:none}}
.du-ui [hidden]{display:none}

.du-ui .du-session{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-width:0}
.du-ui .du-session form{margin:0}
.du-ui .du-session .du-button{min-height:44px;padding:.5rem .75rem;font-size:.875rem}
