:root {
  --bg: #0D0D0D; --panel: #161616; --panel2: #1F1F1F; --borde: #2B2B2B;
  --texto: #F4F4F4; --suave: #949494; --acento: #38B6AB; --acento-osc: #2A8A81;
  --oro: #F2C14E; --plata: #C0C6CE; --bronce: #C98A4B; --rojo: #E06C75; --verde: #98C379;
  --fuente: 'Manrope', 'Aeonik', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--texto); font-family: var(--fuente); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
a { color: var(--acento); }
.oculto { display: none !important; }
.avatar { display: grid; place-items: center; border-radius: 50%; background: var(--c, var(--acento)); color: #0D0D0D; font-weight: 800; flex-shrink: 0; letter-spacing: -.02em; }
.logo { display: inline-block; font-weight: 800; letter-spacing: -.04em; background: var(--acento); color: #0D0D0D; padding: .12em .35em; border-radius: .22em; line-height: 1.1; }
.sub { color: var(--suave); }