/* Página de aportes — mismo sistema visual de Compass. Los colores base, el
   botón de tema y el pie común están en kit/kit.css. */

:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--soft:#eef0e6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--soft:#18291f}}
:root[data-theme="dark"]{--soft:#18291f}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.shell{width:min(720px,calc(100% - 32px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750;letter-spacing:-.5px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--deep);color:var(--lime);flex:none}
.brand-mark svg{width:19px;height:19px;display:block}
.nav-end{display:flex;align-items:center;gap:16px}
.nav-link{font-size:13px;color:var(--text-2);text-decoration:none}
.nav-link:hover{color:var(--olive-text)}

.hero{padding:56px 0 8px}
.kicker{color:var(--olive-text);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
h1{font:400 clamp(38px,6.4vw,60px)/1.04 var(--font-display);letter-spacing:-.045em;margin:18px 0 20px;text-wrap:balance}
h1 em{color:var(--accent-em)}
.intro{font-size:18px;line-height:1.6;color:var(--text-2);margin:0}

h2{font:400 28px/1.1 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}
.cripto{margin-top:44px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px clamp(18px,4vw,32px)}
.cripto>p{color:var(--text-2);margin:0 0 18px;font-size:15px}
.vacio{color:var(--muted);font-size:14px}

.wallet{border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:10px;background:var(--field)}
.wallet-head{font-weight:800;font-size:14px;margin-bottom:12px}
.wallet-head .red{font-weight:400;color:var(--muted);font-size:12px}
.wallet-addr{display:grid;gap:10px;justify-items:start}
.wallet-addr code{width:100%;font-family:var(--font-mono);font-size:13px;line-height:1.5;background:var(--surface-2);border:1px solid var(--line);padding:10px 12px;border-radius:7px;overflow-wrap:anywhere;color:var(--text)}
.wallet-addr button{border:0;background:var(--btn-bg);color:var(--btn-text);border-radius:8px;padding:10px 16px;font:700 13px var(--font-sans);cursor:pointer}

.antes{margin-top:22px;background:var(--warn-bg);color:var(--warn-text);border-radius:10px;padding:14px 18px;font-size:14px}
.antes h3{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.antes ul{margin:0;padding-left:18px}
.antes li+li{margin-top:6px}

.otras{margin-top:44px;color:var(--text-2);font-size:15px}
.otras p{margin:0 0 12px}
.otras .aviso{font-size:13px;color:var(--faint)}

footer{margin:48px 0 0;padding:22px 0 40px;border-top:1px solid var(--line)}

@media (max-width:420px){.nav-link{display:none}}