/* Cuenta, ayuda y correo de sistema. Solo tokens del sistema de diseño (docs/sistema_de_diseno.md). */
.cu-wrap{display:grid;gap:var(--sp-5);max-width:820px;margin-top:var(--sp-5)}
.cu-nav{margin-top:var(--sp-2)}
.cu-wrap .panel2{scroll-margin-top:88px}
.cu-wrap .panel2>h2{margin-bottom:var(--sp-3)}
.cu-wrap .alert{margin-bottom:var(--sp-3)}
.cu-form{max-width:460px;margin-top:var(--sp-3)}
.cu-h3{font-size:16px;margin:var(--sp-5) 0 var(--sp-2)}.cu-h3.bad{color:var(--bad);border-top:1px solid var(--line);padding-top:var(--sp-5)}
.cu-mail{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}
.cu-mail .chip svg{margin-right:4px}
.cu-inline{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}
.cu-ul{margin:var(--sp-3) 0;padding-left:20px;display:grid;gap:6px}
.cu-keep{margin:var(--sp-3) 0;border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);background:var(--soft)}
.cu-keep summary{cursor:pointer;font-weight:600}.cu-keep p{margin-top:var(--sp-2)}
.cu-banner{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:10px var(--sp-5);background:var(--warn-soft);color:var(--warn);font-size:14px;border-bottom:1px solid var(--line)}
.cu-banner.bad{background:var(--bad-soft);color:var(--bad)}
.cu-banner p{flex:1 1 260px;margin:0;font-weight:500}.cu-banner form{margin:0}
.cu-banner svg{flex:none}
.cu-pub{padding-top:var(--sp-6);padding-bottom:var(--sp-8);max-width:980px}
.cu-sec{margin-top:var(--sp-6)}.cu-sec>h2{margin-bottom:var(--sp-3)}
.cu-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}
.cu-guide{display:flex;flex-direction:column;gap:var(--sp-3)}
.cu-gh{display:flex;align-items:center;gap:var(--sp-3)}.cu-gh h3{font-size:18px}
.cu-gh .ico{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);flex:none}
.cu-guide ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink);font-size:15px}
.cu-guide .btn{align-self:flex-start;margin-top:auto}
.cu-pre{white-space:pre-wrap;word-break:break-word;font:14px/1.6 var(--body);background:var(--soft);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);margin:0}
.cu-frame{width:100%;min-height:520px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.cu-list{display:grid;gap:var(--sp-3)}.cu-list article{border-top:1px solid var(--line);padding-top:var(--sp-3)}
@media (max-width:640px){.cu-banner{padding:10px var(--sp-4)}.cu-form{max-width:none}}