/* Base 13 / build504 — guided signup refinement. Scoped exclusively to /crear-cuenta. */
body[data-signup-experience="v13"] .signup-meta-status{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
body[data-signup-experience="v13"] .draft-status{
  display:none;
  color:var(--good);
  font-size:11px;
  font-weight:760;
  white-space:nowrap;
}
body[data-signup-experience="v13"] .draft-status.show{display:inline-flex}
body[data-signup-experience="v13"] .draft-privacy{
  margin:10px 4px 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
  text-align:center;
}
body[data-signup-experience="v13"] .signup-review{
  display:grid;
  gap:0;
  margin:0 0 18px;
  padding:4px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface-2);
}
body[data-signup-experience="v13"] .signup-review__row{
  display:grid;
  grid-template-columns:minmax(76px,.62fr) minmax(0,1.38fr);
  gap:14px;
  align-items:center;
  min-height:44px;
  border-bottom:1px solid var(--line);
}
body[data-signup-experience="v13"] .signup-review__row:last-child{border-bottom:0}
body[data-signup-experience="v13"] .signup-review__row span{
  color:var(--muted);
  font-size:11px;
  font-weight:720;
}
body[data-signup-experience="v13"] .signup-review__row strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--fg);
  font-size:12px;
  font-weight:820;
  text-align:right;
}
body[data-signup-experience="v13"] .progress-segment[aria-current="step"]{
  outline:1px solid color-mix(in srgb,var(--fg) 18%,transparent);
  outline-offset:2px;
}
body[data-signup-experience="v13"] .step[aria-hidden="true"]{display:none!important}
body[data-signup-experience="v13"] .step.active[aria-hidden="false"]{display:block}
body[data-signup-experience="v13"] .field input,
body[data-signup-experience="v13"] .button,
body[data-signup-experience="v13"] .logo-picker{touch-action:manipulation}
body[data-signup-experience="v13"] .button{min-height:48px}

@media(max-width:720px){
  body[data-signup-experience="v13"] .topbar{
    width:calc(100% - 28px);
    padding:14px 0 8px;
  }
  body[data-signup-experience="v13"] main{
    width:100%;
    display:block;
    padding:8px 0 max(26px,env(safe-area-inset-bottom));
  }
  body[data-signup-experience="v13"] .intro{display:none}
  body[data-signup-experience="v13"] .wizard{
    width:100%;
    min-height:calc(100dvh - 64px);
    border:0;
    border-radius:0;
    padding:22px max(18px,env(safe-area-inset-left)) 28px max(18px,env(safe-area-inset-right));
    box-shadow:none;
  }
  body[data-signup-experience="v13"] .progress{margin-bottom:20px}
  body[data-signup-experience="v13"] .step-meta{align-items:flex-start}
  body[data-signup-experience="v13"] .signup-meta-status{
    max-width:62%;
    flex-wrap:wrap;
    gap:5px 9px;
  }
  body[data-signup-experience="v13"] .identity-chip{max-width:190px}
  body[data-signup-experience="v13"] .wizard h2{font-size:25px}
  body[data-signup-experience="v13"] .sub{margin-bottom:19px}
  body[data-signup-experience="v13"] .field input{min-height:50px;font-size:16px}
  body[data-signup-experience="v13"] .actions{
    position:sticky;
    bottom:0;
    z-index:4;
    margin:22px -4px -4px;
    padding:8px 4px max(4px,env(safe-area-inset-bottom));
    background:linear-gradient(to bottom,transparent 0,var(--surface) 22px,var(--surface) 100%);
  }
  body[data-signup-experience="v13"] .signup-review{margin-bottom:16px}
}

@media(max-width:390px){
  body[data-signup-experience="v13"] .wizard{padding-left:15px;padding-right:15px}
  body[data-signup-experience="v13"] .actions{grid-template-columns:88px minmax(0,1fr)}
  body[data-signup-experience="v13"] .actions.single{grid-template-columns:1fr}
  body[data-signup-experience="v13"] .actions .button:first-child{min-width:0}
  body[data-signup-experience="v13"] .signup-review__row{grid-template-columns:70px minmax(0,1fr);gap:10px}
}

@media(prefers-reduced-motion:reduce){
  body[data-signup-experience="v13"] .step.active{animation:none}
  body[data-signup-experience="v13"] .progress-segment span{transition:none}
  body[data-signup-experience="v13"] .spinner{animation-duration:1.4s}
}
