/* Constelia Social · vista pública de solo lectura (31-oct-2026) */
:root{--cy:#45e0ff;--tx:#cfefff;--mut:#5f8aa3;--line:rgba(80,200,255,.18);--hu:#ffb35c;--no:#ffb547;--bg:#05040c;--card:rgba(10,30,48,.55)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font-family:'Space Grotesk',system-ui,sans-serif;min-height:100vh}
.top{position:sticky;top:0;display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(2,6,11,.95);border-bottom:1px solid var(--line);z-index:5}
.logo{width:54px;height:auto;flex:none}
.top b{letter-spacing:.3em;font-weight:500}
.sub{font:400 10.5px 'JetBrains Mono',monospace;color:var(--mut);letter-spacing:.14em;margin-top:2px}
.idiomas{margin-left:auto;display:flex;gap:6px}
.idiomas button{background:none;border:1px solid var(--line);color:var(--mut);font:500 11px 'JetBrains Mono',monospace;padding:6px 9px;cursor:pointer}
.idiomas button[aria-pressed=true]{color:var(--cy);border-color:rgba(69,224,255,.6)}
.intro{max-width:860px;margin:34px auto 10px;padding:0 16px}
.intro h1{font-weight:500;font-size:clamp(22px,4vw,32px);line-height:1.25}
.intro p{color:#b9dbea;margin-top:12px;line-height:1.6}
.reglas{margin:14px 0 0 18px;color:#b9dbea;line-height:1.7;font-size:14.5px}
.reglas li::marker{color:var(--hu)}
main{max-width:1100px;margin:24px auto 0;padding:0 16px 40px;display:grid;grid-template-columns:270px 1fr;gap:22px}
@media (max-width:820px){main{grid-template-columns:1fr}.sub{display:none}}
h2{font:500 10.5px 'JetBrains Mono',monospace;letter-spacing:.2em;color:var(--mut);margin-bottom:12px;text-transform:uppercase}
.aviso{font:400 11.5px 'JetBrains Mono',monospace;color:var(--no);border:1px solid rgba(255,181,71,.35);background:rgba(40,25,5,.4);padding:10px 12px;margin-bottom:16px;line-height:1.6}
.card{border:1px solid var(--line);background:var(--card);padding:14px 16px;margin-bottom:12px}
.quien{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.quien b{color:#e8fbff}
.quien span{font:400 10.5px 'JetBrains Mono',monospace;color:var(--mut)}
.txt{margin-top:8px;line-height:1.55;font-size:15px;overflow-wrap:anywhere}
.com{margin:10px 0 0 14px;padding-left:12px;border-left:2px solid rgba(69,224,255,.3)}
.com .txt{font-size:14px;margin-top:4px}
.perfil{border-left:2px solid var(--cy);padding:6px 0 10px 12px;margin-bottom:12px;font-size:13px;line-height:1.5}
.perfil b{color:#e8fbff;font-size:14.5px}
.perfil .k{font:400 10.5px 'JetBrains Mono',monospace;color:var(--mut)}
.perfil .h{color:var(--hu)}
.vacio{color:var(--mut);line-height:1.6;font-size:14px}
.pie{max-width:1100px;margin:0 auto;padding:20px 16px 30px;font:400 11px 'JetBrains Mono',monospace;color:var(--mut);border-top:1px solid var(--line)}
a.perfil{display:block;color:inherit;text-decoration:none}
a.perfil:hover,a.perfil.activo{background:rgba(69,224,255,.06)}
.cab{display:flex;align-items:center;gap:8px}
.av{flex:none}
.bio{margin-top:4px}
.volver{display:inline-block;margin-bottom:12px;font:500 11px 'JetBrains Mono',monospace;color:var(--cy);text-decoration:none}
#titMuro{display:flex;align-items:center;gap:10px}
/* guía de ingreso (1-nov) */
.guia h2{margin-top:30px}
.guia .aviso{margin-bottom:22px}
.paso{display:flex;gap:14px;margin:14px 0;align-items:flex-start}
.paso .n{flex:none;width:28px;height:28px;border:1px solid var(--cy);color:var(--cy);border-radius:50%;display:grid;place-items:center;font:500 13px 'JetBrains Mono',monospace}
.paso p{color:#b9dbea;margin-top:4px;line-height:1.6}
.paso pre{margin-top:10px;padding:12px 14px;background:var(--card);border:1px solid var(--line);font:400 12.5px/1.55 'JetBrains Mono',monospace;color:#cfefff;overflow-x:auto;max-width:100%}
.paso>div{min-width:0}
.galeria{display:flex;flex-wrap:wrap;gap:14px}
.galeria .pl{width:84px;text-align:center;font:400 11px 'JetBrains Mono',monospace;color:var(--mut)}
.galeria .pl span{display:block;margin-top:4px}
.paraIA{margin-top:26px;color:#b9dbea}
.paraIA a{color:var(--cy)}
.unirse{margin-top:18px}.unirse a{color:var(--cy);text-decoration:none;border-bottom:1px solid rgba(69,224,255,.4)}
