/* Mural (aba da comunidade) + sininho. Simples de propósito: cartões de texto, sem enfeite. Usa as cores da página inicial. */

/* ---------- sininho (ao lado do nome) ---------- */
.sino{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:999px;border:1.5px solid var(--bd);background:var(--card);color:var(--fg)}
.sino svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sino:hover{border-color:var(--roxo)}
.sino[hidden]{display:none}
.sino-n{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--bad);color:#fff;font:700 .72rem/20px var(--f-body);text-align:center;box-shadow:0 0 0 2px var(--bg)}
.sino-n[hidden]{display:none}
.painel-sino{position:absolute;right:0;top:calc(100% + 6px);z-index:26;width:min(340px,calc(100vw - 32px));max-height:min(76vh,520px);overflow:auto;background:var(--card);border:1.5px solid var(--bd);border-radius:14px;padding:8px;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.painel-sino[hidden]{display:none}
.sn-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 8px 6px}
.sn-cab .sn-t{margin:0}
.sn-limpa{flex:none;min-height:40px;padding:6px 12px;border-radius:10px;border:1.5px solid var(--bd);background:transparent;color:var(--roxo);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
.sn-limpa:hover{border-color:var(--roxo)}
.sn-limpa[hidden]{display:none}
.sn-li{position:relative}
.sn-li .sn-it{padding-right:46px}
.sn-x{flex:none;width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;border:0;background:transparent;color:var(--mut);font:inherit;font-size:1.05rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.sn-x:hover,.sn-x:focus-visible{background:var(--roxo-soft);color:var(--fg)}
.sn-li .sn-x{position:absolute;top:3px;right:3px}
.sn-am .sn-x{align-self:flex-start;margin:-4px -6px 0 0}
.sn-t{margin:4px 8px 6px;font:700 1rem/1.2 var(--f-disp);font-variation-settings:"SOFT" 100}
.sn-lista{list-style:none;margin:0;padding:0}
.sn-it{display:block;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--fg)}
.sn-it:hover,.sn-it:focus-visible{background:var(--roxo-soft)}
.sn-it.nova{background:var(--am-soft)}
.sn-lin{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--mut);font-weight:700}
.sn-pt{width:9px;height:9px;border-radius:50%;background:var(--bad);flex:none}
.sn-tm{margin-left:auto;font-weight:400}
.sn-tx{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}
.sn-vazio{margin:8px;color:var(--mut);font-size:.93rem}
.sn-sub{margin:10px 8px 4px;font:700 .78rem/1.2 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.sn-amigos{display:flex;flex-direction:column;gap:2px}
.sn-am{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:10px}
.sn-am.pedido{background:var(--am-soft)}
.sn-am .av{flex:none;width:38px;height:38px}
.sn-am-c{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.sn-am-t{color:var(--fg);text-decoration:none;font-size:.93rem;line-height:1.3;overflow-wrap:anywhere}
.sn-am-t:hover,.sn-am-t:focus-visible{text-decoration:underline}
.sn-am-m{font-size:.78rem;color:var(--mut)}
.sn-am-bt{display:flex;flex-wrap:wrap;gap:8px}
.sn-am-bt button{min-height:40px;padding:6px 14px;border-radius:10px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
.sn-am .erro-msg{margin:0;font-size:.85rem}
.sn-todos{position:sticky;bottom:-8px;background:var(--card);display:block;margin:6px 4px 2px;padding:10px;text-align:center;font-weight:700;color:var(--roxo);text-decoration:underline;text-underline-offset:3px}
.lado a{position:relative}
.pt-mural{position:absolute;top:8px;left:26px;width:10px;height:10px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px var(--card)}
.pt-mural[hidden]{display:none}
@media (max-width:759px){.pt-mural{top:6px;left:calc(50% + 6px)}}

/* ---------- página do Mural ---------- */
.mural-corpo{max-width:720px}
.mp-abas{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.mp-abas a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--bd);background:var(--card);color:var(--fg);text-decoration:none;font-weight:700;font-size:.95rem}
.mp-abas a:hover{border-color:var(--roxo)}
.mp-abas a[aria-current="page"]{background:var(--roxo);color:var(--roxo-fg);border-color:var(--roxo)}
.mp-sub{margin:0 0 12px;color:var(--mut)}
.mp-nota{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--roxo-soft);font-size:.93rem}
.mp-ferr{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mp-novo{background:var(--roxo);color:var(--roxo-fg);border-color:var(--roxo)}
.mp-sec{background:transparent}
.mp-lista{display:flex;flex-direction:column;gap:12px}
.mp-mais-posts{display:block;margin:14px auto 0}
.mp-voltar{margin:0 0 10px}
.mp-voltar a{font-weight:700}

/* ---------- o post ---------- */
.mp{background:var(--card);border:1.5px solid var(--bd);border-radius:16px;padding:12px 16px 8px}
.mp-topo{display:flex;align-items:center;gap:10px;color:var(--mut)}
.mp-av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--roxo);color:var(--roxo-fg);font:700 1rem/1 var(--f-body)}
.mp-av img{width:100%;height:100%;object-fit:cover;display:block}
.mp-av.marca{background:var(--bg);border:1.5px solid var(--bd)}
.mp-av.marca svg{width:100%;height:100%;display:block}
.mp-tcol{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.mp-l1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:.98rem;line-height:1.25}
.mp-nome{color:var(--fg);font-weight:700;overflow-wrap:anywhere}
.mp-ed{font-size:.78rem;font-weight:400}
.mp-l2{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.8rem}
.mp-tp{font-weight:700;color:var(--roxo);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}
.mp-esc{font-weight:700}
.mp-por{font-style:italic}
.mp-pasta{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:.8rem;font-weight:700;color:var(--roxo)}
.mpe-pastas{display:flex;flex-direction:column;gap:8px}
.mp-mais{margin-left:auto;min-height:36px;width:40px;padding:0;border:0;background:transparent;font-size:1.3rem;line-height:1;color:var(--mut)}
.mp-mais:hover{background:var(--roxo-soft);border:0}
.mp-corpo{margin:6px 0 4px}
.mp-ti{margin:0 0 4px;font:700 1.15rem/1.3 var(--f-disp);font-variation-settings:"SOFT" 100;overflow-wrap:anywhere}
.mp-tx{margin:4px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}
.mp-lk{margin:6px 0 8px}
.mp-lk-a{display:inline-block;padding:8px 14px;border-radius:12px;border:1.5px solid var(--roxo);color:var(--roxo);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.mp-lk-a:hover{background:var(--roxo-soft)}
.mp-lk-a small{font-weight:400;color:var(--mut)}
.mp-ims{display:grid;gap:6px;margin:6px 0 8px}
.mp-ims.n1{grid-template-columns:1fr}
.mp-ims.n2,.mp-ims.n3,.mp-ims.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-im{padding:0;border:1.5px solid var(--bd);border-radius:12px;background:var(--bg);overflow:hidden;min-height:120px;cursor:zoom-in}
.mp-im img{display:block;width:100%;max-height:420px;object-fit:cover;opacity:0;transition:opacity .2s}
.mp-ims.n1 .mp-im img{object-fit:contain}
.mp-im img.carregada{opacity:1}
.mp-im img.falhou{opacity:1;min-height:60px}
.mp-luz{position:fixed;inset:0;z-index:2200;background:rgba(10,4,14,.88);display:flex;align-items:center;justify-content:center;padding:16px}
.mp-luz img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;opacity:0;transition:opacity .2s}
.mp-luz img.carregada{opacity:1}
.mp-luz-x{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;padding:0;border-radius:999px;background:var(--card)}

/* evento */
.mp-ev{margin:6px 0 8px;padding:10px 12px;border-radius:12px;background:var(--am-soft);border:1.5px solid var(--bd)}
.mp-ev p{margin:0}
.mp-ev-q{font-weight:700}
.mp-ev-c{margin-top:4px!important;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--roxo)}
.mp-cd[data-fase="agora"]{color:var(--verde)}
.mp-cd[data-fase="fim"]{color:var(--mut);font-weight:400}

/* enquete */
.mp-enq{display:flex;flex-direction:column;gap:6px;margin:6px 0 8px}
.mp-op{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:1.5px solid var(--bd);border-radius:12px;background:var(--bg);text-align:left;font-weight:600;overflow:hidden}
.mp-op .mp-barra{position:absolute;inset:0 auto 0 0;background:var(--roxo-soft);z-index:0;transition:width .35s}
.mp-op > span{position:relative;z-index:1}
.mp-op-t{overflow-wrap:anywhere}
.mp-op-n{flex:none;font-size:.85rem;color:var(--mut);font-variant-numeric:tabular-nums}
.mp-op.meu{border-color:var(--roxo)}
.mp-op:disabled{opacity:1;cursor:default;color:var(--fg)}
.mp-op:disabled:hover{border-color:var(--bd)}
.mp-op.meu:disabled:hover{border-color:var(--roxo)}
.mp-enq-rod{margin:2px 0 0;font-size:.85rem;color:var(--mut)}

/* curtir e comentar */
.mp-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 -6px;padding-top:4px;border-top:1px solid var(--bd)}
.mp-bt{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:4px 10px;border:0;background:transparent;font-weight:700;font-size:.92rem;color:var(--mut);border-radius:10px}
.mp-bt:hover{background:var(--roxo-soft);border:0;color:var(--fg)}
.mp-bt.ligado{color:var(--bad)}
.mp-bt:disabled{opacity:.6;cursor:default}
.mp-sc{font-size:.85rem;color:var(--mut)}
button.mp-lnk{display:inline;min-height:0;padding:2px 4px;border:0;background:none;color:var(--roxo);font-weight:700;font-size:inherit;text-decoration:underline;text-underline-offset:3px}

/* comentários */
.mp-coms{margin:6px 0 4px;padding-top:6px}
.mp-lc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mp-c{padding:2px 0}
.mp-c.resp{margin-left:22px;padding-left:10px;border-left:2px solid var(--bd)}
.mp-c p{margin:0}
.mp-c-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.86rem}
.mp-c-cr{padding:0 8px;border-radius:999px;background:var(--roxo);color:var(--roxo-fg);font-size:.7rem;font-weight:700}
.mp-c-x{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem}
.mp-c-pa{color:var(--mut);font-size:.85rem}
.mp-c-ac{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.82rem}
.mp-c-vazio{color:var(--mut);font-size:.93rem}
.mp-c-aviso{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:var(--bad-soft);color:var(--bad);font-size:.9rem}
.mp-form{margin:12px 0 4px}
.mp-resp{margin:0 0 6px;font-size:.85rem;color:var(--mut)}
.mp-campo{display:block;width:100%;font:inherit;font-size:1rem;padding:9px 12px;border:2px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--fg);resize:vertical;min-height:64px}
.mp-campo:focus{outline:none;border-color:var(--roxo)}
.mp-form-r{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.mp-cont{color:var(--mut);font-variant-numeric:tabular-nums}
.mp-env{background:var(--roxo);color:var(--roxo-fg);border-color:var(--roxo);min-height:42px}
.mp-env:disabled{opacity:.6;cursor:wait}

/* prévia na página inicial e nas páginas de curso */
.mp-prev{margin:26px 0 0}
.mp-prev-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}
.mp-prev-h h3{margin:0;font:700 1.25rem/1.2 var(--f-disp);font-variation-settings:"SOFT" 100}
.mp-prev-h a{font-weight:700;white-space:nowrap}
.mp-prev .mp{margin:0 0 12px}

/* janela de criar/editar post */
.mpe .ui-campo select,.mpe .ui-campo input[type=text],.mpe .ui-campo textarea{width:100%}
.mpe-bloco{margin:0 0 12px}
.mpe-bloco[hidden]{display:none}
.mpe-bloco > label{display:block;font-weight:700;font-size:.9rem;margin:8px 0 5px}
.mpe-bloco input[type=text],.mpe-bloco input[type=url],.mpe-bloco input[type=datetime-local],.mpe-bloco select{width:100%;font:inherit;font-size:1rem;padding:10px 12px;border:2px solid var(--ui-bd,var(--bd));border-radius:12px;background:var(--bg);color:var(--fg);box-sizing:border-box}
.mpe-bloco small{display:block;margin-top:4px;color:var(--mut);font-size:.83rem}
.mpe-ops{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.mpe-gal{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.mpe-mini{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1.5px solid var(--bd);background:var(--bg)}
.mpe-mini img{width:100%;height:100%;object-fit:cover;display:block}
.mpe-mini button{position:absolute;top:2px;right:2px;width:28px;min-height:28px;height:28px;padding:0;border-radius:999px;font-size:.8rem;line-height:1}
.mps-lista{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}
.mps-lista li{display:flex;align-items:center;justify-content:space-between;gap:10px}

@media (max-width:480px){
  .mp{padding:10px 12px 6px}
  .mp-ims.n2,.mp-ims.n3,.mp-ims.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-c.resp{margin-left:12px}
}
@media (prefers-reduced-motion:reduce){.mp-op .mp-barra,.mp-im img,.mp-luz img{transition:none}}

/* ---------- propostas de post do editor do site ---------- */
.mpp{margin:0 0 6px}
.mpp-lista{display:flex;flex-direction:column;gap:12px}
.mpp .mp{background:var(--bg)}
.mpp-ops{margin:6px 0 4px;padding:0 0 0 20px}
.mpp-ops li{margin:2px 0;overflow-wrap:anywhere}
.mpp-rod{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0 6px}
.mpp-estado{margin:0;font-weight:700;font-size:.93rem}
.mpp-estado.aprovada{color:var(--ok,#2e7d32)}
.mpp-estado.recusada{color:var(--bad)}
.mpp-motivo{margin:0;flex-basis:100%;font-size:.9rem;color:var(--mut);overflow-wrap:anywhere}
.mpp-rod .mp-novo,.mpp-rod .mp-sec{min-height:44px}