/* Registro */
.reg{padding-block:clamp(20px,5vw,56px) clamp(44px,7vw,84px)}
.reg-g{display:grid;gap:30px;align-items:start}
@media (min-width:960px){.reg-g{grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:64px}}
.reg-card{padding:clamp(22px,4vw,38px);border-radius:28px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.reg-card h1,.reg-card h2{font:800 clamp(28px,5vw,38px)/1.05 var(--font-display);letter-spacing:-.03em;margin:0;text-wrap:balance}
.reg-card h2{font-size:clamp(25px,4.4vw,32px)}
.sub{color:var(--muted);margin:10px 0 24px;line-height:1.5}
#rForm,#vDone{display:grid;gap:16px}
#rForm .btn.big{margin-top:4px}
.ferr{margin:0;color:var(--bad);font-size:13px;font-weight:600;line-height:1.35}
.ferr a{color:inherit;font-weight:700}
.alt-l{margin:0;text-align:center}
.alt-l a{font-weight:700}
.check a{font-weight:600}
.btn.busy{pointer-events:none}
.btn.busy::before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:spin .8s linear infinite}

/* Cuenta creada */
#vDone .sub{margin:0}
.done-i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent-soft);color:var(--accent-text)}
.done-row{display:flex;gap:10px}
.done-row .btn{flex:1}
#rEnter:disabled{opacity:.45}

/* Lateral */
.reg-side{display:grid;gap:34px;justify-items:center}
@media (min-width:960px){.reg-side{position:sticky;top:calc(var(--hh) + 24px);justify-items:stretch}}
.side-t{margin-bottom:10px;padding:26px 24px 30px;border-radius:6px 6px 0 0;filter:drop-shadow(0 8px 14px rgba(20,33,29,.10))}
.side-t .kick{display:block;margin-bottom:16px;color:var(--accent)}
.side-t ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.side-t li{display:flex;gap:12px;align-items:flex-start;line-height:1.5;color:color-mix(in srgb,var(--paper-ink) 80%,var(--paper))}
.side-t li svg{flex:none;color:#17794F;margin-top:2px}
.side-t li b{color:var(--paper-ink)}
.side-t .tr-t{margin:0 0 14px;line-height:1.45;color:color-mix(in srgb,var(--paper-ink) 80%,var(--paper))}
.side-t .tr-t b{color:var(--paper-ink)}
.side-t .tr-l{gap:9px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px dashed var(--paper-line)}
.side-p{display:none}
@media (min-width:960px){.side-p{display:block;justify-self:center;width:210px;opacity:.96}}