/* Muro del club y sugerencias (portada). Usa las variables de nueva-isla.css. */
#muro [hidden],#sugerencias [hidden],.mu-lightbox [hidden]{display:none!important}
.mu-input{width:100%;background:#12150f;border:1px solid var(--line);border-radius:6px;color:var(--paper);padding:12px 14px;font:inherit;font-size:15px;resize:none}
.mu-input::placeholder{color:#7f8676}
.mu-input:focus{outline:2px solid var(--lima);outline-offset:1px;border-color:transparent}
.mu-meta{color:#8d9483;font-size:12px}
.mu-vacio{color:#a7ad9e;padding:28px;border:1px dashed var(--line);border-radius:8px;text-align:center;list-style:none;column-span:all}
.mu-aviso{margin:0;font-size:13px;color:var(--lima)}
.mu-aviso.mal{color:#ff8a6b}
.mu-como{margin:0;font-size:13px;color:#a7ad9e}
.mu-como b{color:var(--paper)}

/* avatares */
.mu-av{display:inline-block;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden}
.mu-av svg{width:100%;height:100%;display:block}
.mu-av-grande{width:52px;height:52px}
.mu-av-chico{width:30px;height:30px}

/* publicar */
.mu-nuevo{display:flex;gap:16px;align-items:flex-start;background:#20251d;border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:22px}
.mu-campos{flex:1;display:grid;gap:10px;min-width:0}
.mu-nombre-in{max-width:280px;padding:9px 12px;font-size:14px}
.mu-barra{display:flex;align-items:center;gap:14px}
.mu-boton{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;color:#c9cfbe;padding:9px 12px;border:1px solid var(--line);border-radius:6px}
.mu-boton:hover{color:var(--lima);border-color:#c5f04a66}
.mu-boton svg,.mu-accion svg,.sg-voto svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.mu-cuenta-letras{margin-left:auto;color:#7f8676;font-size:11px;letter-spacing:.5px}
.mu-publicar{padding:11px 22px}
.mu-publicar:disabled{opacity:.6}
.mu-previa{position:relative;width:max-content;max-width:100%}
.mu-previa img{display:block;max-height:220px;max-width:100%;border-radius:6px}
.mu-quitar{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;border:0;background:#000b;color:#fff;font-size:20px;line-height:1}

/* publicaciones */
.mu-lista{columns:3 300px;column-gap:18px}
.mu-post{break-inside:avoid;margin-bottom:18px;background:#1d211b;border:1px solid var(--line);border-radius:8px;padding:16px 16px 10px;display:flex;flex-direction:column;gap:12px}
.mu-post header{display:flex;gap:11px;align-items:center}
.mu-post header>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mu-nombre{font-weight:700;font-size:15px}
.mu-cuenta{display:inline-flex;vertical-align:-3px;margin-left:5px;width:16px;height:16px;border-radius:50%;background:var(--lima);color:#1b2213}
.mu-cuenta svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3}
.mu-texto{margin:0;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:#e5e4da}
.mu-foto{display:block;padding:0;border:0;background:#12150f;border-radius:6px;overflow:hidden;cursor:zoom-in}
.mu-foto img{display:block;width:100%;max-height:520px;object-fit:cover}
.mu-post footer{display:flex;align-items:center;gap:4px;border-top:1px solid var(--line);padding-top:8px}
.mu-accion{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:7px 9px;border-radius:6px;font-size:13px;color:#b5bcaa}
.mu-accion:hover{background:#ffffff0d;color:var(--paper)}
.mu-accion.on{color:#ff6b8a}
.mu-accion.on svg{fill:currentColor}
.mu-borrar{margin-left:auto;background:none;border:0;color:#8d9483;font-size:12px;padding:6px;text-decoration:underline}
.mu-borrar:hover{color:#ff8a6b}
.mu-hilo{display:grid;gap:10px;padding-top:4px}
.mu-resps{display:grid;gap:10px}
.mu-resp{display:flex;gap:9px}
.mu-resp p{margin:0;font-size:13px}
.mu-resp .mu-nombre{font-size:13px}
.mu-resp-texto{color:#d7d8cc;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.mu-responder{display:flex;gap:6px;flex-wrap:wrap}
.mu-responder .mu-input{flex:1 1 120px;padding:9px 11px;font-size:13px}
.mu-responder input[name=nombre]{flex:0 1 110px}
.mu-responder .button{padding:9px 14px;font-size:13px}
.mu-mas{display:flex;justify-content:center;margin-top:8px}
.mu-lightbox{position:fixed;inset:0;z-index:50;background:#000d;display:grid;place-items:center;padding:24px;cursor:zoom-out}
.mu-lightbox img{max-width:100%;max-height:100%;border-radius:6px}
.mu-cerrar{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:1px solid #fff4;background:#0008;color:#fff;font-size:26px}

/* sugerencias */
.sg{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}
.sg-form{display:grid;gap:12px;background:var(--lima);color:#1b2213;border-radius:8px;padding:24px;position:sticky;top:20px}
.sg-form .eyebrow{color:#2c381d}
.sg-form .mu-input{background:#f6fbe6;color:#1b2213;border-color:#2c381d33}
.sg-form .mu-input::placeholder{color:#6d7a55}
.sg-form .mu-input:focus{outline-color:#1b2213}
.sg-form .button.primary{background:#1b2213;color:var(--lima);border-color:#1b2213}
.sg-form .mu-aviso{color:#1b2213;font-weight:600}
.sg-form .mu-aviso.mal{color:#8a1c0a}
.sg-form .mu-como{color:#2c381d}
.sg-form .mu-como b{color:#1b2213}
.sg-tipos{display:flex;flex-wrap:wrap;gap:6px}
.sg-tipos button,.sg-filtros button{padding:8px 13px;border-radius:100px;border:1px solid #2c381d55;background:transparent;font-size:12px;font-weight:600;color:#1b2213}
.sg-tipos button[aria-checked=true]{background:#1b2213;color:var(--lima);border-color:#1b2213}
.sg-filtros{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.sg-filtros button{border-color:var(--line);color:#b9c2ab}
.sg-filtros button[aria-selected=true]{background:var(--lima);color:#233017;border-color:var(--lima)}
.sg-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sg-item{display:flex;gap:14px;background:#1d211b;border:1px solid var(--line);border-radius:8px;padding:14px}
.sg-item.hecho{opacity:.7}
.sg-voto{flex:none;width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#262c22;border:1px solid var(--line);border-radius:6px;padding:8px 0;color:#c9cfbe}
.sg-voto b{font-size:16px}
.sg-voto:hover{border-color:#c5f04a88;color:var(--lima)}
.sg-voto.on{background:var(--lima);color:#1b2213;border-color:var(--lima)}
.sg-voto.on svg{fill:currentColor}
.sg-cuerpo{min-width:0;display:grid;gap:6px}
.sg-cuerpo p{margin:0;font-size:15px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.sg-tags{display:flex;gap:6px;flex-wrap:wrap}
.sg-tipo,.sg-estado{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 7px;border-radius:4px;border:1px solid #ffffff30;color:#c7cdbe}
.sg-estado.camino{background:#f2c94c;color:#2a2205;border-color:#f2c94c}
.sg-estado.hecho{background:var(--lima);color:#233017;border-color:var(--lima)}
.sg-cuerpo .mu-borrar{margin:0;padding:0}
.sg-admin{display:flex;gap:6px}
.sg-admin button{font-size:11px;padding:4px 8px;border-radius:4px;border:1px solid var(--line);background:none}
.sg-admin button:disabled{background:#ffffff14;opacity:1}

@media(max-width:1050px){.sg{grid-template-columns:1fr}.sg-form{position:static}}
@media(max-width:680px){
  .mu-nuevo{padding:14px;gap:10px}
  .mu-nuevo [data-yo-av]{display:none}
  .mu-nombre-in{max-width:none}
  .mu-cuenta-letras{display:none}
  .mu-publicar{margin-left:auto}
  .mu-lista{columns:1}
  .sg-form{padding:18px}
}