/* Comunidade Virtudes — identidade do Instituto Virtudes (azul, Noto Sans). 04/11/2026 */
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/noto-sans-latin-800-normal.woff2) format('woff2')}

:root{
  --azul:#1569BC; --azul-esc:#0B3A6B; --noite:#030F1C; --azul-cl:#E8F1FB; --azul-mc:#BFD6EE;
  --fundo:#F4F7FB; --card:#FFFFFF; --borda:#D9E2EC; --texto:#13212F; --suave:#4A5B6C; --fraco:#7A8A9A;
  --verde:#2E8B57; --rosa:#C4607A; --sombra:0 1px 2px rgba(3,15,28,.06),0 4px 14px rgba(3,15,28,.06);
  --r:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--fundo);color:var(--texto);font-family:'Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15.5px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--azul);text-decoration:none}
a:hover{color:var(--azul-esc)}
button{font:inherit;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
img{max-width:100%;display:block}
[hidden]{display:none!important}

.carregando{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--suave)}

/* ── telas de entrada ── */
.porta{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
  background:radial-gradient(1200px 600px at 20% -10%,#DCEAF9 0%,transparent 60%),radial-gradient(900px 500px at 110% 110%,#D4E5F7 0%,transparent 55%),var(--fundo)}
.porta-card{width:100%;max-width:440px;background:var(--card);border:1px solid var(--borda);border-radius:22px;box-shadow:var(--sombra);padding:30px 28px}
.porta-card .logo{width:200px;margin:0 auto 18px}
.porta-card .logo-link{display:block;width:200px;margin:0 auto 18px}.porta-card .logo-link .logo{margin:0}
.porta-card h1{font-size:24px;font-weight:800;color:var(--azul-esc);margin:0 0 6px;text-align:center}
.porta-card .sub{color:var(--suave);text-align:center;margin:0 0 22px}
.campo{margin-bottom:14px}
.campo label{display:block;font-size:13px;font-weight:600;color:var(--suave);margin-bottom:5px}
.campo input,.campo textarea,.campo select{width:100%;background:#FBFCFE;border:1px solid var(--borda);border-radius:12px;padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}
.campo input:focus,.campo textarea:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(21,105,188,.14)}
.campo .dica{font-size:12.5px;color:var(--fraco);margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 18px;font-weight:700;font-size:14.5px;transition:filter .15s,transform .15s,background .15s}
.btn-pri{background:var(--azul);color:#fff}
.btn-pri:hover{filter:brightness(1.07);color:#fff}
.btn-sec{background:var(--azul-cl);color:var(--azul-esc)}
.btn-sec:hover{background:#DCEAF8}
.btn-linha{background:transparent;color:var(--azul-esc);border:1px solid var(--borda)}
.btn-linha:hover{border-color:var(--azul)}
.btn-perigo{background:#FBECEF;color:#8B3450}
.btn-full{width:100%}
.btn:disabled{opacity:.55;cursor:default}
.msg{min-height:20px;font-size:13.5px;text-align:center;margin-top:12px}
.msg.erro{color:#A33A57}.msg.ok{color:var(--verde)}
.porta-rodape{margin-top:20px;padding-top:16px;border-top:1px solid var(--borda);font-size:13.5px;color:var(--suave);text-align:center}
.link-btn{background:none;border:0;padding:0;color:var(--azul);font-weight:600}
.regras{max-height:46vh;overflow:auto;padding-right:6px;margin:0 0 18px}
.regras li{margin-bottom:9px}

/* ── estrutura do app ── */
.topo{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--borda)}
.topo-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 16px}
.topo .marca{display:flex;align-items:center;gap:12px;color:var(--azul-esc);font-weight:800;font-size:23px;letter-spacing:-.01em}
.topo .marca img{height:34px;width:auto}
.topo .marca span{padding-left:12px;border-left:1px solid var(--borda);line-height:1.1}
.topo .busca{flex:1;max-width:380px;margin-left:auto}
.topo .busca input{width:100%;background:var(--fundo);border:1px solid var(--borda);border-radius:999px;padding:8px 14px}
.topo .eu{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--azul-cl);background:var(--azul-cl);flex:0 0 auto}

.grade{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,640px) 320px;gap:24px;padding:20px 16px 90px;justify-content:center}
.menu{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:4px}
.menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--texto);font-weight:600}
.menu a:hover{background:#fff}
.menu a.ativo{background:#fff;color:var(--azul);box-shadow:var(--sombra)}
.menu svg{width:22px;height:22px;flex:0 0 22px}
.menu .bolinha{margin-left:auto;background:var(--rosa);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:1px 7px}
.menu .sair{margin-top:14px;color:var(--fraco);font-weight:500}
.lado{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:16px}
.caixa{background:var(--card);border:1px solid var(--borda);border-radius:var(--r);padding:16px}
.caixa h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--suave)}
.centro{min-width:0}

.barra-cel{display:none}
@media (max-width:1060px){ .grade{grid-template-columns:200px minmax(0,640px)} .lado{display:none} }
@media (max-width:760px){
  .grade{grid-template-columns:minmax(0,1fr);padding:12px 10px 92px}
  .menu{display:none}
  .topo .busca{display:none}
  .topo .marca{font-size:19px;gap:10px} .topo .marca img{height:28px} .topo .marca span{padding-left:10px} .topo .eu{margin-left:auto}
  .barra-cel{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--borda);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
  .barra-cel a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;color:var(--suave);padding:4px 0;position:relative}
  .barra-cel a.ativo{color:var(--azul)}
  .barra-cel svg{width:24px;height:24px}
  .barra-cel .bolinha{position:absolute;top:0;left:calc(50% + 6px);background:var(--rosa);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:0 5px}
}

/* ── avatar ── */
.av{border-radius:50%;background:var(--azul-cl);color:var(--azul-esc);display:inline-flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex:0 0 auto;position:relative}
.av img{width:100%;height:100%;object-fit:cover}
.av-40{width:40px;height:40px;font-size:15px}.av-44{width:44px;height:44px;font-size:16px}.av-32{width:32px;height:32px;font-size:13px}.av-120{width:120px;height:120px;font-size:40px}.av-58{width:58px;height:58px;font-size:20px}.av-34{width:34px;height:34px;font-size:13px}
.online-ponto{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#2FB36B;border:2px solid #fff}
.av-120 .online-ponto{width:20px;height:20px;border-width:3px;right:6px;bottom:6px}

/* ── abas ── */
.abas{display:flex;gap:6px;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:5px;margin-bottom:14px}
.abas button{flex:1;border:0;background:transparent;border-radius:10px;padding:8px 10px;font-weight:700;color:var(--suave)}
.abas button.ativo{background:var(--azul);color:#fff}

/* ── publicar ── */
.compor{background:var(--card);border:1px solid var(--borda);border-radius:var(--r);padding:14px;margin-bottom:16px;box-shadow:var(--sombra)}
.compor-linha{display:flex;gap:12px}
.compor textarea{flex:1;border:0;resize:none;outline:none;min-height:52px;font-size:16px;padding:8px 2px;background:transparent}
.compor-fotos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 0 52px}
.compor-fotos .mini{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--fundo)}
.compor-fotos .mini img{width:100%;height:100%;object-fit:cover}
.compor-fotos .mini button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(3,15,28,.7);color:#fff;font-size:14px;line-height:1}
.compor-acoes{display:flex;align-items:center;gap:8px;margin:10px 0 0 52px;padding-top:10px;border-top:1px solid var(--borda)}
.compor-acoes .foto-btn{display:inline-flex;align-items:center;gap:6px;color:var(--azul);font-weight:600;background:none;border:0;padding:6px 8px;border-radius:10px}
.compor-acoes .foto-btn:hover{background:var(--azul-cl)}
.compor-acoes .foto-btn svg{width:20px;height:20px}
.compor-acoes .btn{margin-left:auto}
.compor-acoes .conta{font-size:12px;color:var(--fraco)}

/* ── post ── */
.post{background:var(--card);border:1px solid var(--borda);border-radius:var(--r);margin-bottom:14px;box-shadow:var(--sombra)}
.post-topo{display:flex;align-items:center;gap:12px;padding:14px 14px 6px}
.post-quem{min-width:0;flex:1}
.post-quem a{font-weight:700;color:var(--texto)}
.post-quem a:hover{color:var(--azul)}
.post-quem .meta{font-size:12.5px;color:var(--fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-menu{position:relative}
.post-menu>button{border:0;background:none;width:34px;height:34px;border-radius:50%;color:var(--suave);font-size:20px;line-height:1}
.post-menu>button:hover{background:var(--fundo)}
.pop{position:absolute;right:0;top:36px;background:#fff;border:1px solid var(--borda);border-radius:12px;box-shadow:0 10px 30px rgba(3,15,28,.14);min-width:170px;z-index:20;padding:6px}
.pop button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 12px;border-radius:8px}
.pop button:hover{background:var(--fundo)}
.post-texto{padding:4px 16px 10px;white-space:pre-wrap;word-wrap:break-word;font-size:15.5px}
.post-texto.curto{font-size:19px;line-height:1.45}
.post-fotos{display:grid;gap:3px;background:var(--borda)}
.post-fotos.n1{grid-template-columns:1fr}.post-fotos.n2{grid-template-columns:1fr 1fr}.post-fotos.n3{grid-template-columns:2fr 1fr}.post-fotos.n4{grid-template-columns:1fr 1fr}
.post-fotos img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;background:var(--fundo)}
.post-fotos.n1 img{max-height:560px;object-fit:contain;background:#0B1520}
.post-fotos.n2 img,.post-fotos.n4 img{aspect-ratio:1}
.post-fotos.n3 img:first-child{grid-row:span 2;aspect-ratio:auto}
.post-fotos.n3 img:not(:first-child){aspect-ratio:1}
.post-resumo{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13.5px;color:var(--suave)}
.post-resumo .emo{letter-spacing:-2px;margin-right:6px}
.post-acoes{display:flex;border-top:1px solid var(--borda);margin:0 8px;padding:4px 0}
.post-acoes>button,.post-acoes .reagir>button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;padding:9px;border-radius:10px;font-weight:600;color:var(--suave);width:100%}
.post-acoes>button:hover,.post-acoes .reagir>button:hover{background:var(--fundo)}
.post-acoes svg{width:20px;height:20px}
.post-acoes .reagir{flex:1;position:relative;display:flex}
.post-acoes .reagido{color:var(--azul)!important}
.emojis{position:absolute;bottom:46px;left:0;background:#fff;border:1px solid var(--borda);border-radius:999px;box-shadow:0 10px 30px rgba(3,15,28,.16);padding:6px 8px;display:flex;gap:2px;z-index:15}
.emojis button{border:0;background:none;font-size:25px;width:42px;height:42px;border-radius:50%;transition:transform .12s}
.emojis button:hover{transform:scale(1.25);background:var(--fundo)}
.coments{border-top:1px solid var(--borda);padding:10px 14px 14px}
.coment{display:flex;gap:10px;margin-bottom:10px}
.coment .bolha{background:var(--fundo);border-radius:14px;padding:8px 12px;min-width:0}
.coment .bolha a{font-weight:700;color:var(--texto);font-size:13.5px}
.coment .bolha p{margin:2px 0 0;white-space:pre-wrap;word-wrap:break-word}
.coment .quando{font-size:12px;color:var(--fraco);margin:3px 0 0 12px}
.coment .quando button{border:0;background:none;color:var(--fraco);font-size:12px;padding:0;margin-left:10px}
.coment-novo{display:flex;gap:10px;align-items:flex-end}
.coment-novo textarea{flex:1;border:1px solid var(--borda);border-radius:18px;padding:9px 14px;resize:none;min-height:40px;max-height:140px;outline:none;background:#FBFCFE}
.coment-novo textarea:focus{border-color:var(--azul)}
.coment-novo button{border:0;background:var(--azul);color:#fff;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.coment-novo button svg{width:18px;height:18px}

/* ── perfil ── */
.perfil{background:var(--card);border:1px solid var(--borda);border-radius:var(--r);overflow:hidden;margin-bottom:16px;box-shadow:var(--sombra)}
.perfil-capa{height:200px;background:linear-gradient(135deg,#0B3A6B 0%,#1569BC 60%,#5B9BD5 100%);background-size:cover;background-position:center}
.perfil-in{padding:0 20px 20px;position:relative}
.perfil-in .av-120{margin-top:-60px;border:5px solid #fff;box-shadow:var(--sombra)}
.perfil-acoes{position:absolute;right:20px;top:14px;display:flex;gap:8px}
.perfil h2{margin:10px 0 2px;font-size:24px;font-weight:800;color:var(--noite)}
.perfil .area{color:var(--suave);font-weight:600}
.perfil .bio{margin:12px 0;white-space:pre-wrap}
.perfil .links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.perfil .links a{display:inline-flex;align-items:center;gap:6px;background:var(--azul-cl);color:var(--azul-esc);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600}
.perfil .links svg{width:16px;height:16px}
.perfil .nums{display:flex;gap:18px;font-size:14px;color:var(--suave)}
.perfil .nums button{border:0;background:none;padding:0;color:var(--suave)}
.perfil .nums b{color:var(--noite)}

/* ── membros ── */
.membro{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--borda);border-radius:14px;margin-bottom:10px}
.membro .quem{flex:1;min-width:0}
.membro .quem a{font-weight:700;color:var(--texto)}
.membro .quem div{font-size:13px;color:var(--fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-lista .membro{border:0;padding:6px 0;margin:0;background:transparent}

/* ── avisos ── */
.aviso{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--card);border:1px solid var(--borda);border-radius:14px;margin-bottom:8px;cursor:pointer}
.aviso.nova{border-color:var(--azul-mc);background:#F3F8FE}
.aviso .txt{flex:1;font-size:14.5px}
.aviso .quando{font-size:12px;color:var(--fraco)}

.vazio{text-align:center;color:var(--suave);padding:40px 20px;background:var(--card);border:1px dashed var(--borda);border-radius:var(--r)}
.vazio b{display:block;color:var(--azul-esc);font-size:17px;margin-bottom:4px}
.titulo-pag{font-size:22px;font-weight:800;color:var(--azul-esc);margin:0 0 14px}
.titulo-n{font-weight:600;color:var(--suave)}
.mb-conta{font-size:14px;color:var(--suave);margin:0 0 10px}.mb-conta b{color:var(--azul-esc)}
.mais{display:block;margin:6px auto 0}
.boas{background:linear-gradient(135deg,#0B3A6B,#1569BC);color:#fff;border-radius:var(--r);padding:18px 20px;margin-bottom:16px}
.boas b{font-size:17px}
.boas p{margin:6px 0 0;opacity:.92;font-size:14px}

/* ── janela ── */
.janela-fundo{position:fixed;inset:0;background:rgba(3,15,28,.6);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.janela{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:22px}
.janela h3{margin:0 0 14px;color:var(--azul-esc);font-size:19px}
.janela .rodape{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.foto-grande{position:fixed;inset:0;background:rgba(3,15,28,.92);z-index:110;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.foto-grande img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.edit-fotos{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.edit-capa{height:110px;border-radius:12px;background:linear-gradient(135deg,#0B3A6B,#1569BC);background-size:cover;background-position:center;margin-bottom:10px;position:relative}
.edit-capa button{position:absolute;right:10px;bottom:10px}
.aviso-topo{background:#FFF8E6;border:1px solid #F0DDA8;color:#6B5310;border-radius:12px;padding:10px 14px;font-size:13.5px;margin-bottom:14px}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--noite);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;z-index:120;box-shadow:0 8px 24px rgba(0,0,0,.25)}

/* ── mini-site no perfil e na edição (04/11/2026) ── */
.ms-aviso{margin-bottom:16px;font-size:14.5px;color:var(--suave);line-height:1.55}
.ms-aviso b{color:var(--azul-esc)}
.ms-aviso-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.perfil-mini{background:var(--card);border:1px solid var(--borda);border-radius:var(--r);padding:6px 20px;margin-bottom:16px;box-shadow:var(--sombra)}
.pm-bloco{padding:14px 0;border-bottom:1px solid var(--borda)}
.pm-bloco:last-child{border-bottom:0}
.pm-bloco h3{margin:0 0 10px;font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--azul)}
.pm-bloco p{margin:0;white-space:pre-wrap}
.pm-serv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.pm-card{border:1px solid var(--borda);border-radius:12px;padding:12px 14px;background:#FBFCFE}
.pm-card b{color:var(--noite)}
.pm-card p{font-size:14px;color:var(--suave);margin:6px 0 0}
.pm-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.pm-tags span{font-size:12px;font-weight:600;background:var(--azul-cl);color:var(--azul-esc);border-radius:999px;padding:2px 9px}
.ep-abas{margin-bottom:16px}
.ep-chave{display:flex;gap:10px;align-items:flex-start;background:var(--azul-cl);border-radius:12px;padding:12px 14px;margin-bottom:14px;cursor:pointer}
.ep-chave input{margin-top:4px;width:18px;height:18px}
.ep-chave small{color:var(--suave)}
.ep-slug{display:flex;align-items:center;border:1px solid var(--borda);border-radius:12px;background:#FBFCFE;overflow:hidden}
.ep-slug span{padding:0 4px 0 12px;color:var(--fraco);font-size:14px;white-space:nowrap}
.ep-slug input{border:0!important;box-shadow:none!important;padding-left:2px!important;background:transparent!important}
.serv-ed{border:1px solid var(--borda);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#FBFCFE}
.serv-ed-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.serv-ed-linha{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}
@media(max-width:560px){.serv-ed-linha{grid-template-columns:1fr}}
.ep-duas{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.ep-outro{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-bottom:8px}
.ep-outro input{width:100%;background:#FBFCFE;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;outline:none}
.ep-outro input:focus{border-color:var(--azul)}
@media(max-width:560px){.ep-duas,.ep-outro{grid-template-columns:1fr}}

/* ── 04/11/2026: janela que não fecha ao tocar fora, rascunho, + outro perfil ── */
@keyframes balanca{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.janela.balanca{animation:balanca .25s ease 2}
.rasc-aviso{background:#FFF6E0;border:1px solid #E9CF8A;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:14px;color:#5B4510}
.rasc-aviso div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.rasc-aviso .btn{padding:8px 14px;font-size:14px}
.mais-perfil{font-size:12.5px;margin-left:6px;font-weight:600}

/* ── link e reel no compositor e no post ── */
.compor-acoes{flex-wrap:wrap}
.compor-link{margin:8px 0 0 52px}
.compor-link input{width:100%;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;background:#FBFCFE;outline:none;font-size:15px}
.compor-link input:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(21,105,188,.14)}
.compor-previa{margin:8px 0 0 52px}
.compor-previa:empty{display:none}
.previa-carregando{font-size:13.5px;color:var(--fraco);padding:10px 0}
.previa-ed{position:relative}
.previa-ed>button{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(3,15,28,.75);color:#fff;font-size:16px;line-height:1;z-index:2}
.previa-ed .pl-reel{max-width:220px}
.post-link{padding:0 16px 4px}
.post-fotos+.post-link{padding-top:10px}
.pl{display:block;border:1px solid var(--borda);border-radius:14px;overflow:hidden;background:var(--fundo);color:var(--texto)}
.pl:hover{color:var(--texto)}
.pl-card{display:flex;flex-direction:column}
.pl-card img{width:100%;max-height:300px;object-fit:cover;display:block;background:#E6EDF4}
.pl-txt{display:flex;flex-direction:column;gap:3px;padding:12px 14px}
.pl-site{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fraco)}
.pl-txt b{font-size:15.5px;line-height:1.35;color:var(--azul-esc)}
.pl-desc{font-size:13.5px;color:var(--suave);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-play{position:relative;display:block;width:100%;border:0;padding:0;cursor:pointer;background:#0B1520 center/cover no-repeat}
.pl-play::after{content:"";position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%231569BC'/%3E%3C/svg%3E") 55% center/34px no-repeat;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.pl-selo{position:absolute;left:10px;top:10px;background:rgba(3,15,28,.72);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;z-index:1}
.pl-titulo{position:absolute;left:14px;right:14px;bottom:16px;color:#fff;font-weight:700;font-size:16px;line-height:1.3;text-align:left}
.pl-yt .pl-play{aspect-ratio:16/9}
.pl-cap{padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.pl-cap b{font-size:15px;color:var(--azul-esc)}
.pl-cap span{font-size:13px;color:var(--suave)}
.pl-reel{max-width:340px;margin:0 auto;background:transparent;border:0}
.pl-reel .pl-play{aspect-ratio:9/16;border-radius:16px}
.pl-reel.pl-ig .pl-play:not([style]){background:linear-gradient(160deg,#5B3FD1,#C13584 55%,#F5A142)}
.pl-reel.pl-tt .pl-play:not([style]){background:linear-gradient(160deg,#111,#25F4EE 140%)}
.pl-abrir{display:block;text-align:center;font-size:13px;font-weight:600;padding:8px 0 2px}
.pl-frame{display:block;width:100%;border:0;background:#000}
.pl-yt .pl-frame{aspect-ratio:16/9}
.pl-reel .pl-frame{aspect-ratio:9/16;border-radius:16px}
.pl-reel .pl-frame-ig{aspect-ratio:auto;height:640px;background:#fff}
.pl-reel .pl-frame-tt{aspect-ratio:auto;height:740px;background:#fff}

/* ── recorte da foto ── */
.rc-janela .janela{max-width:640px}
.rc-palco{display:flex;justify-content:center;align-items:center;background:repeating-conic-gradient(#EEF2F7 0 25%,#F8FAFC 0 50%) 0 0/20px 20px;border-radius:14px;padding:12px}
.rc-palco canvas{display:block;touch-action:none;cursor:grab;box-shadow:0 0 0 2px #fff,0 6px 24px rgba(3,15,28,.25);border-radius:4px}
.rc-palco canvas:active{cursor:grabbing}
.rc-palco canvas.redondo{border-radius:50%}
.rc-fmt{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
.rc-fmt button{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:13.5px;color:var(--suave)}
.rc-fmt button.ativo{background:var(--azul);border-color:var(--azul);color:#fff}
.rc-ctrl{display:flex;align-items:center;gap:10px;margin:12px 0 0}
.rc-ctrl span{font-weight:700;color:var(--suave);width:14px;text-align:center}
.rc-ctrl input[type=range]{flex:1;accent-color:var(--azul)}
.rc-ctrl .btn{padding:8px 14px;font-size:14px}
.rc-dica{font-size:12.5px;color:var(--fraco);margin:8px 0 0;text-align:center}

/* ── stories ── */
.stories{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:6px;scrollbar-width:none}
.stories::-webkit-scrollbar{display:none}
.st-bola{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;padding:0;width:72px;cursor:pointer}
.st-anel{position:relative;padding:3px;border-radius:50%;background:#CCD6E0;display:inline-flex}
.st-anel.novo{background:conic-gradient(from 200deg,#1569BC,#5FB0F0,#C9A840,#1569BC)}
.st-anel .av{border:3px solid #fff}
.st-mais{background:transparent}
.st-mais i{position:absolute;right:0;bottom:2px;width:24px;height:24px;border-radius:50%;background:var(--azul);color:#fff;border:3px solid #fff;font-style:normal;font-weight:800;font-size:16px;line-height:18px;text-align:center}
.st-nome{font-size:12px;font-weight:600;color:var(--suave);max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.sn-acoes{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sn-acoes .btn{display:inline-flex;align-items:center;gap:6px}
.sn-acoes .btn svg{width:18px;height:18px}
.sn-cores{display:flex;gap:8px}
.sn-cores button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--borda);padding:0}
.sn-cores button.ativo{box-shadow:0 0 0 2px var(--azul)}

.st-texto a{color:#fff;text-decoration:underline}


.st-tela{position:fixed;inset:0;z-index:130;background:rgba(3,10,20,.94);display:flex;align-items:center;justify-content:center}
.st-quadro{position:relative;height:min(92vh,860px);aspect-ratio:9/16;max-width:100vw;border-radius:16px;overflow:hidden;background:#000;user-select:none}
@media(max-width:600px){.st-quadro{height:100%;width:100%;aspect-ratio:auto;border-radius:0}}
.st-midia{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.st-midia img{width:100%;height:100%;object-fit:contain}
.st-barras{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.st-barras span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.st-barras i{display:block;height:100%;background:#fff}
.st-topo{position:absolute;top:22px;left:12px;right:8px;display:flex;align-items:center;gap:10px;z-index:4;color:#fff}
.st-topo a{display:flex;align-items:center;gap:8px;color:#fff;min-width:0}
.st-topo b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.st-quando{font-size:13px;opacity:.85}
.st-topo button{margin-left:auto;border:0;background:none;color:#fff;font-size:28px;line-height:1;padding:4px 8px;cursor:pointer}
.st-topo button[data-st-apagar]{font-size:16px}
.st-topo button[data-st-apagar]+button{margin-left:0}
.st-ant,.st-prox{position:absolute;top:70px;bottom:0;border:0;background:transparent;z-index:2;cursor:pointer}
.st-ant{left:0;width:33%}.st-prox{right:0;width:67%}

/* ── painel admin ── */
.adm-abas{margin-bottom:16px}
.adm-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:16px}
.adm-num{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--borda);border-radius:var(--r);padding:16px;box-shadow:var(--sombra);color:var(--suave)}
.adm-num b{font-size:30px;color:var(--azul-esc);line-height:1}
.adm-num span{font-size:13px}
.adm-num.alerta{border-color:#E9A8B8;background:#FFF5F7}
.adm-num.alerta b{color:#A33A57}
.adm-nota{font-size:14px;color:var(--suave);margin-bottom:16px}
.adm-nota b{color:var(--azul-esc)}
.adm-novo{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.adm-novo input{flex:1 1 240px;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;outline:none;background:#FBFCFE}
.adm-novo input:focus{border-color:var(--azul)}
.adm-membro{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:12px;margin-bottom:8px}
.adm-membro.suspenso{background:#FBF7F8;opacity:.85}
.adm-membro .quem{flex:1;min-width:0}
.adm-membro .quem b{color:var(--texto)}
.adm-membro .info{font-size:12.5px;color:var(--fraco);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-acoes{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.adm-acoes .btn{padding:7px 12px;font-size:13px}
.btn.perigo{color:#A33A57;border-color:#E9C2CC}
.btn.perigo-cheio{background:#A33A57}
.selo{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px}
.selo.dona{background:#FFF1C9;color:#7A5A00}
.selo.adm{background:var(--azul-cl);color:var(--azul-esc)}
.selo.ban{background:#FBE3E9;color:#A33A57}
.so-cel{display:none!important}
@media(max-width:760px){.so-cel{display:inline-flex!important;align-items:center;gap:6px}.so-cel svg{width:16px;height:16px}.adm-membro{flex-wrap:wrap}.adm-acoes{width:100%;justify-content:flex-start;padding-left:56px}}
.em-comum{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;margin:12px 0 0;color:var(--suave);font-size:13.5px;text-align:left;cursor:pointer}
.em-comum b{color:var(--texto)}
.em-comum-av{display:flex}
.em-comum-av .av{border:2px solid #fff;margin-left:-8px}
.em-comum-av .av:first-child{margin-left:0}
.av-26{width:26px;height:26px;font-size:10px}

/* ── mapa ── */
.ep-tres{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:0 10px}
@media(max-width:560px){.ep-tres{grid-template-columns:1fr}}
.campo select{width:100%;background:#FBFCFE;border:1px solid var(--borda);border-radius:12px;padding:10px 12px;font-size:15px;outline:none}
.modo-selo{display:inline-block;margin-top:6px;background:var(--azul-cl);color:var(--azul-esc);font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 10px}
.titulo-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.titulo-linha .btn{padding:8px 14px;font-size:14px}
.mapa-caixa{height:min(60vh,520px);border-radius:var(--r);overflow:hidden;border:1px solid var(--borda);box-shadow:var(--sombra);background:#E6EDF4;position:relative;z-index:0}
.mp-resumo{color:var(--suave);margin:12px 0}
.mp-resumo b{color:var(--azul-esc)}
.mp-pop b{display:block;color:var(--azul-esc);margin-bottom:6px;font-size:14px}
.mp-pop a{display:flex;align-items:center;gap:8px;padding:5px 0;color:var(--texto)!important;text-decoration:none}
.mp-pop small{display:block;color:var(--fraco);font-size:11.5px}
.rank-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.rank h3{margin:0 0 10px}
.rank-l{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;align-items:center;gap:8px;font-size:13.5px;margin-bottom:6px}
.rank-l span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--texto)}
.rank-l i{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,#1569BC,#5FB0F0)}
.rank-l b{color:var(--azul-esc);min-width:22px;text-align:right}
.prof-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.prof-chips button{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;color:var(--suave)}
.prof-chips button.ativo{background:var(--azul);border-color:var(--azul);color:#fff}

/* ── mensagens privadas ── */
.dm-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:12px;margin-bottom:8px;color:var(--texto)}
.dm-item:hover{border-color:var(--azul-mc);color:var(--texto)}
.dm-item.nova{border-color:var(--azul);background:#F5F9FE}
.dm-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.dm-txt b{color:var(--texto)}
.dm-txt span{font-size:13.5px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-item.nova .dm-txt span{color:var(--texto);font-weight:600}
.dm-lado{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.dm-lado small{font-size:12px;color:var(--fraco)}
.dm-lado i{font-style:normal;background:var(--azul);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px}
.dm-conv{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--borda);border-radius:var(--r);box-shadow:var(--sombra);height:calc(100vh - 120px);min-height:420px;overflow:hidden}
.dm-topo{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--borda);position:relative}
.dm-topo .dm-quem{flex:1;min-width:0}
.dm-topo .dm-quem a{display:flex;align-items:center;gap:10px;color:var(--texto)}
.dm-topo .dm-quem span{display:flex;flex-direction:column;min-width:0}
.dm-topo small{font-size:12.5px;color:var(--fraco)}
.dm-volta{font-size:22px;color:var(--suave);padding:0 6px}
.dm-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#F8FAFD}
.dm-msg{max-width:78%;align-self:flex-start}
.dm-msg.minha{align-self:flex-end}
.dm-bolha{background:#fff;border:1px solid var(--borda);border-radius:16px 16px 16px 4px;padding:9px 13px;font-size:15px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.dm-msg.minha .dm-bolha{background:var(--azul);border-color:var(--azul);color:#fff;border-radius:16px 16px 4px 16px}
.dm-msg.minha .dm-bolha a{color:#fff;text-decoration:underline}
.dm-hora{font-size:11.5px;color:var(--fraco);margin:3px 6px 0}
.dm-msg.minha .dm-hora{text-align:right}
.dm-hora button{border:0;background:none;color:var(--fraco);font-size:11.5px;padding:0;margin-left:8px;opacity:0;transition:opacity .15s}
.dm-msg:hover .dm-hora button{opacity:1}
@media(hover:none){.dm-hora button{opacity:.8}}
.dm-vazio{margin:auto;color:var(--fraco);font-size:14px}
.dm-escrever{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--borda)}
.dm-escrever textarea{flex:1;resize:none;border:1px solid var(--borda);border-radius:18px;padding:10px 14px;font-size:15px;outline:none;max-height:160px;background:#FBFCFE}
.dm-escrever textarea:focus{border-color:var(--azul)}
.dm-escrever>button{border:0;background:var(--azul);color:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.dm-escrever>button svg{width:20px;height:20px}
.dm-aviso{margin:0;color:var(--suave);font-size:14px;text-align:center;width:100%}
.perfil-acoes .btn svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.perfil-acoes{display:flex;gap:8px}
.adm-sub{font-size:15px;color:var(--azul-esc);margin:22px 0 6px}
.adm-dm .dm-bolha{margin:8px 0;background:#F8FAFD}
.adm-dm-quem{font-size:13px;color:var(--suave)}
@media(max-width:760px){.dm-conv{height:calc(100vh - 150px);border-radius:14px}.barra-cel a{font-size:10px}}
.em-breve{font-size:12.5px;color:var(--fraco);margin:6px 2px 0}
.av-48{width:48px;height:48px;font-size:17px}

/* ── janelinhas de conversa (computador) ── */
#chat-doca{position:fixed;right:18px;bottom:0;display:flex;align-items:flex-end;gap:12px;z-index:90;pointer-events:none}
#chat-doca>*{pointer-events:auto}
#chat-lanca{order:99;display:flex;align-items:center;gap:8px;background:var(--azul);color:#fff;border:0;border-radius:999px;padding:11px 18px;margin-bottom:16px;font-weight:700;box-shadow:0 8px 24px rgba(3,15,28,.25);position:relative}
#chat-lanca svg{width:20px;height:20px}
#chat-lanca .bolinha{position:absolute;top:-4px;right:-4px;background:var(--rosa,#C4607A);color:#fff;border-radius:999px;font-size:11px;font-style:normal;font-weight:700;padding:1px 6px}
.chat-jan{width:330px;height:450px;min-height:0!important;border-radius:14px 14px 0 0!important;box-shadow:0 10px 40px rgba(3,15,28,.28)!important;display:flex;flex-direction:column}
.chat-jan .dm-topo{padding:8px 8px 8px 12px;background:var(--azul-esc);color:#fff;border-bottom:0;cursor:default}
.chat-jan .dm-topo .dm-quem a,.chat-jan .dm-topo b{color:#fff!important}
.chat-jan .dm-topo small{color:rgba(255,255,255,.75)}
.chat-jan .dm-topo .post-menu>button,.chat-jan .cj-bt{color:#fff;background:none;border:0;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;padding:0}
.chat-jan .cj-bt:hover,.chat-jan .dm-topo .post-menu>button:hover{background:rgba(255,255,255,.15)}
.chat-jan .dm-msgs{padding:10px}
.chat-jan .dm-bolha{font-size:14px;padding:7px 11px}
.chat-jan .dm-escrever{padding:8px}
.chat-jan .dm-escrever textarea{font-size:14px;padding:8px 12px}
.chat-jan .dm-escrever>button{width:36px;height:36px}
.chat-jan.minimizada{height:auto}
.chat-jan.minimizada .dm-msgs,.chat-jan.minimizada .dm-escrever{display:none}
.chat-jan.minimizada .dm-topo{cursor:pointer}
.chat-jan.pisca .dm-topo{background:var(--azul);animation:pisca 1s ease-in-out infinite alternate}
@keyframes pisca{from{filter:brightness(1)}to{filter:brightness(1.35)}}
#chat-lista{position:fixed;right:18px;bottom:76px;width:340px;max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--borda);border-radius:16px;box-shadow:0 12px 40px rgba(3,15,28,.25);z-index:95;padding:10px}
#chat-lista .cl-topo{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px}
#chat-lista .cl-topo b{color:var(--azul-esc);font-size:16px}
#chat-lista .dm-item{padding:8px;margin-bottom:6px;border-radius:12px}
#chat-lista .cl-vazio{color:var(--fraco);font-size:13.5px;padding:6px}
@media(max-width:900px){#chat-doca{display:none}}
.dm-quem span b,.dm-quem span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.chat-jan .dm-quem span b{font-size:14px}
.chat-jan .dm-quem span small{font-size:11.5px}

/* ── selo Admin e publicação fixada ── */
.selo-adm{display:inline-flex;align-items:center;gap:3px;vertical-align:2px;margin-left:6px;padding:1px 7px 1px 6px;border-radius:999px;background:#E6F0FA;color:#0B3A6B;border:1px solid #BFD6EE;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;white-space:nowrap}
.perfil-in h2 .selo-adm{font-size:12px;vertical-align:4px}
.post.fixado{border-color:#C9A840;box-shadow:0 0 0 1px rgba(201,168,64,.35),var(--sombra)}
.post-fixo{display:flex;align-items:center;gap:6px;padding:8px 16px 0;font-size:12.5px;font-weight:700;color:#8C6D17}

/* ── editor e visual do story ── */
.janela-story{max-width:760px!important}
.sn-grade{display:grid;grid-template-columns:minmax(0,250px) 1fr;gap:20px;align-items:start}
@media(max-width:640px){.sn-grade{grid-template-columns:1fr}}
.sn-prev{position:relative;aspect-ratio:9/16;width:100%;max-width:250px;margin:0 auto;border-radius:16px;overflow:hidden;container-type:inline-size;touch-action:none;box-shadow:0 8px 24px rgba(3,15,28,.18)}
@media(max-width:640px){.sn-grade>div:first-child{position:sticky;top:-22px;z-index:3;background:#fff;padding:6px 0 8px;margin:0 -4px}.sn-prev{max-width:150px}.sn-dica{font-size:11px}}
.sn-prev{-webkit-user-select:none;user-select:none}
.sn-dica{font-size:12px;color:var(--fraco);text-align:center;margin:8px 0 0}
.sn-lado .campo{margin-bottom:6px}
.sn-rot{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);margin:12px 0 6px}
.sn-rot small{font-weight:500;text-transform:none;letter-spacing:0}
.sn-cores{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sn-chips{display:flex;flex-wrap:wrap;gap:6px}
.sn-chips button{border:1px solid var(--borda);background:var(--card);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--texto)}
.sn-chips button:hover{border-color:var(--azul)}
.sn-chips button.ativo{background:var(--azul);border-color:var(--azul);color:#fff}
.sn-chips .sn-es1{font-family:Georgia,'Times New Roman',serif;font-style:italic}
.sn-chips .sn-es2{font-weight:800}
.sn-chips .sn-esp{border-style:dashed}
.sn-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sn-mini select,.sn-mini input{flex:1 1 140px;border:1px solid var(--borda);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;background:var(--card);color:var(--texto)}
.st-midia{container-type:inline-size}
.st-texto{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;font-size:22px;font-size:6cqw;line-height:1.35;text-align:center;padding:0 8%;white-space:pre-wrap;word-break:break-word;text-shadow:0 1px 3px rgba(0,0,0,.25);z-index:1;touch-action:none}
.sn-prev .st-texto{cursor:grab}
.st-texto a{color:inherit;text-decoration:underline}
.st-texto.sobre-foto{text-shadow:0 2px 10px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6)}
.st-texto.es1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:600;font-size:6.6cqw;letter-spacing:.01em}
.st-texto.es2 span{background:#fff;color:#14202E;padding:.12em .45em;border-radius:.3em;line-height:1.75;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-shadow:none}
.st-selo{position:absolute;transform:translate(-50%,-50%) rotate(-3deg);padding:.45em .9em;border-radius:999px;font-weight:800;font-size:16px;font-size:4.4cqw;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.28);z-index:2;line-height:1.3;touch-action:none}
.sn-prev .st-selo{cursor:grab;user-select:none}
.st-selo.c0{background:#fff;color:#14202E}
.st-selo.c1{background:linear-gradient(135deg,#F3E2A0,#C9A840);color:#2D2640}
.st-selo.c2{background:#1569BC;color:#fff}
.st-selo.c3{background:rgba(10,20,30,.6);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.st-selo button{position:absolute;top:-9px;right:-9px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#A33A57;color:#fff;font-size:13px;line-height:14px;padding:0;cursor:pointer}

/* ── edição da foto: abas, filtros, ajustes, texto ── */
.rc-abas{display:flex;gap:4px;margin:12px 0 0;background:var(--fundo);border-radius:999px;padding:4px}
.rc-abas button{flex:1;border:0;background:none;border-radius:999px;padding:8px 6px;font:inherit;font-weight:700;font-size:13.5px;color:var(--suave);cursor:pointer}
.rc-abas button.ativo{background:#fff;color:var(--azul);box-shadow:0 1px 4px rgba(3,15,28,.12)}
.rc-filtros{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 6px;scrollbar-width:thin}
.rc-filtros button{flex:0 0 auto;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font:inherit;font-size:12px;font-weight:600;color:var(--suave)}
.rc-filtros canvas{width:64px;height:64px;border-radius:10px;border:2px solid transparent;display:block}
.rc-filtros button.ativo canvas{border-color:var(--azul)}
.rc-filtros button.ativo span{color:var(--azul)}
.rc-aj{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:13.5px;font-weight:600;color:var(--suave)}
.rc-aj span{width:78px}
.rc-aj input{flex:1;accent-color:var(--azul)}
.rc-aj b{width:34px;text-align:right;font-size:12.5px;color:var(--fraco)}
.rc-txt-novo{display:flex;gap:8px;margin:12px 0 0}
.rc-txt-novo input{flex:1;min-width:0;border:1px solid var(--borda);border-radius:10px;padding:9px 12px;font:inherit;font-size:14.5px}
.rc-cores{display:flex;gap:8px;margin:12px 0 0}
.rc-cores button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--borda);padding:0;cursor:pointer}
.rc-cores button.ativo{box-shadow:0 0 0 2px var(--azul)}
.rc-txt-bts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.rc-txt-bts .btn{padding:8px 14px;font-size:13.5px}
.rc-txt-bts .btn.ativo{background:var(--azul);border-color:var(--azul);color:#fff}

/* ── emojis, @menções, negrito e bloquinho de novidade ── */
.coment-novo button.emoji-btn,.dm-escrever>button.emoji-btn,.ed-ferr .emoji-btn{background:none;color:inherit;font-size:21px;width:38px;height:38px;border:0;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;filter:grayscale(.15)}
.coment-novo button.emoji-btn:hover,.dm-escrever>button.emoji-btn:hover,.ed-ferr .emoji-btn:hover{background:var(--azul-cl)}
.compor-acoes .foto-btn.emoji-btn{font-size:19px;padding:4px 8px}
.ed-ferr{display:flex;align-items:center;gap:8px;margin:-4px 0 6px}
.ed-ferr small{color:var(--fraco);font-size:12.5px}
.emoji-pop{position:fixed;z-index:200;width:292px;background:#fff;border:1px solid var(--borda);border-radius:16px;box-shadow:0 12px 36px rgba(3,15,28,.18);padding:8px}
.ep-abas{display:flex;gap:4px;border-bottom:1px solid var(--borda);padding-bottom:6px;margin-bottom:6px}
.ep-abas button{flex:1;border:0;background:none;border-radius:10px;padding:5px;font-size:18px;cursor:pointer;opacity:.55}
.ep-abas button.ativo{background:var(--azul-cl);opacity:1}
.ep-grade{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.ep-grade button{border:0;background:none;border-radius:8px;font-size:22px;line-height:1;padding:5px 0;cursor:pointer}
.ep-grade button:hover{background:var(--fundo)}
.menc-lista{position:fixed;z-index:210;min-width:240px;max-width:320px;background:#fff;border:1px solid var(--borda);border-radius:14px;box-shadow:0 12px 32px rgba(3,15,28,.18);padding:6px;display:flex;flex-direction:column}
.menc-lista button{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:10px;padding:7px 8px;text-align:left;cursor:pointer;font:inherit}
.menc-lista button.ativo,.menc-lista button:hover{background:var(--azul-cl)}
.menc-lista b{display:block;font-size:14px;color:var(--texto)}
.menc-lista small{display:block;font-size:12px;color:var(--fraco);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.av-26{width:26px;height:26px;font-size:10px}
a.mencao{color:var(--azul);font-weight:700;background:var(--azul-cl);border-radius:6px;padding:0 3px}
.bloquinho{position:fixed;z-index:180;top:76px;right:20px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--borda);border-left:5px solid var(--azul);border-radius:14px;box-shadow:0 12px 32px rgba(3,15,28,.2);padding:12px 16px;font:inherit;font-weight:600;font-size:14.5px;color:var(--texto);cursor:pointer;animation:bq-entra .35s ease;transition:opacity .4s,transform .4s;max-width:calc(100vw - 32px)}
.bloquinho .bq-ico{font-size:20px}
.bloquinho i{font-style:normal;color:var(--fraco);font-size:20px;margin-left:4px}
.bloquinho.some{opacity:0;transform:translateY(-8px)}
@keyframes bq-entra{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.bloquinho{top:auto;bottom:84px;right:16px;left:16px;justify-content:flex-start}}

/* ── selos do perfil ── */
.selos-perfil{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:10px 0 2px}
.selo-p{display:inline-flex;align-items:center;gap:4px;border:1px solid #D9E6F2;background:#F4F8FC;color:var(--azul-esc);border-radius:999px;padding:4px 11px;font:inherit;font-size:12.5px;font-weight:700;line-height:1.4}
.selo-p.falta{background:#fff;border-style:dashed;color:var(--fraco);font-weight:600;cursor:pointer;opacity:.85}
.selo-p.ciclo{background:#EEF6F0;border-color:#CBE3D3;color:#2F6B4F;cursor:pointer}
.selo-p.add{background:none;border-style:dashed;color:var(--azul);cursor:pointer}
.ciclos-lista{display:flex;flex-direction:column;gap:6px;margin:6px 0 4px}
.ciclo-it{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--borda);border-radius:12px}
.ciclo-it b{flex:1}
.ciclo-it span{font-size:13px;color:var(--fraco)}
.ci-pub{display:flex;align-items:center;gap:8px;font-weight:600;margin:4px 0 10px;cursor:pointer}

/* ── enquete ── */
.compor-enq{margin:10px 0 0 52px;border:1px solid var(--borda);border-radius:14px;padding:12px;background:#FBFCFE}
.ce-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.ce-topo span{font-size:12.5px;color:var(--fraco);flex:1}
.ce-op{display:flex;gap:6px;margin-bottom:6px}
.ce-op input{flex:1;border:1px solid var(--borda);border-radius:10px;padding:9px 12px;font:inherit;font-size:14.5px;background:#fff}
.ce-op input:focus{border-color:var(--azul);outline:none}
.ce-op button{border:0;background:none;color:var(--fraco);font-size:20px;width:34px;cursor:pointer}
.ce-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px}
.ce-pe label{display:flex;align-items:center;gap:6px;color:var(--suave);cursor:pointer}
@media(max-width:600px){.compor-enq{margin-left:0}}
.enq{padding:4px 16px 8px}
.enq-dica{font-size:12.5px;color:var(--fraco);margin:0 0 8px}
.enq-op{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--borda);background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:7px;font:inherit;font-size:14.5px;text-align:left;cursor:pointer;overflow:hidden;color:var(--texto)}
.enq-op:hover{border-color:var(--azul)}
.enq-bar{position:absolute;left:0;top:0;bottom:0;background:var(--azul-cl);transition:width .35s ease;z-index:0}
.enq-op.marcada{border-color:var(--azul)}
.enq-op.marcada .enq-bar{background:#D4E6F7}
.enq-ck{position:relative;z-index:1;flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:2px solid #9FB4C8;background:#fff}
.enq-op.multi .enq-ck{border-radius:5px}
.enq-op.marcada .enq-ck{border-color:var(--azul);background:var(--azul) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.enq-t{position:relative;z-index:1;flex:1;font-weight:600}
.enq-n{position:relative;z-index:1;font-size:13px;font-weight:700;color:var(--azul-esc)}
.enq-pe{font-size:13px;color:var(--fraco);margin-top:2px}
.votos-op{border-top:1px solid var(--borda);padding:10px 0}
.votos-op b{display:block;margin-bottom:6px}
.votos-op b small{color:var(--fraco);font-weight:600;margin-left:4px}
.votos-op a{display:flex;align-items:center;gap:8px;color:var(--texto);padding:4px 0}
.votos-op span{font-size:13px;color:var(--fraco)}

/* ── bandeiras (países e estados do Brasil) ── */
img.band{display:inline-block;width:21px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(3,15,28,.14);vertical-align:-2px;margin-right:6px;background:#EEF2F7}
.al-cidade h3 img.band,.al-pop b img.band{width:24px;height:16px;vertical-align:-3px}

/* ── 04/11/2026: selos de formação, Sala dos Virtólogos, cadastro aberto e convite com QR ── */
.selo-f{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 8px 1px 6px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:18px;vertical-align:1px;background:var(--azul-cl);color:var(--azul-esc);white-space:nowrap}
.selo-f i{font-style:normal}
.selo-f.nv-supervisor{background:#0B3A6B;color:#F3E2A9}
.selo-f.nv-certificado{background:#FBF3DC;color:#7A5F12}
.selo-f.nv-teorico{background:#E7F0FA;color:#124C86}
.selo-f.nv-supervisao{background:#E6F4EC;color:#1F6B43}
.selo-f.nv-formacao{background:#F1ECF8;color:#5B3E8A}
@media (max-width:560px){ .selo-f i{display:none} .selo-f{padding:1px 5px} }
.selos-forma{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
.selo-fp{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:13.5px;font-weight:600;background:var(--azul-cl);color:var(--azul-esc);border:1px solid var(--azul-mc)}
.selo-fp.nv-hub{background:linear-gradient(135deg,#0B3A6B,#1569BC);color:#fff;border-color:transparent}
.selo-fp.nv-supervisor{background:#0B3A6B;color:#F3E2A9;border-color:#C9A840}
.selo-fp.nv-certificado{background:#FBF3DC;color:#7A5F12;border-color:#E9D594}
.selo-fp.nv-teorico{background:#E7F0FA;color:#124C86;border-color:#BFD6EE}
.selo-fp.nv-supervisao{background:#E6F4EC;color:#1F6B43;border-color:#BBDDC8}
.selo-fp.nv-formacao{background:#F1ECF8;color:#5B3E8A;border-color:#D7CBEA}
.selo-fp.nv-pos{background:#FFF;color:var(--texto);border-color:var(--borda)}
.selo-fp.nv-membro{background:var(--fundo);color:var(--suave);border-color:var(--borda)}
.selo-fp.espera{background:#FFF8E6;color:#7A5F12;border:1px dashed #E0C266;font-weight:500}
.ep-forma{margin:16px 0 6px;padding:14px 16px;border:1px solid var(--azul-mc);border-radius:14px;background:var(--azul-cl)}
.ep-forma h4{margin:0 0 4px;color:var(--azul-esc)}
.ep-forma .dica{margin:0 0 10px;color:var(--suave);font-size:13px;line-height:1.45}
.ep-forma .dica.espera{color:#7A5F12;margin:6px 0 0}
.ep-forma.pisca{animation:pisca 1.6s ease 2}
@keyframes pisca{0%,100%{box-shadow:0 0 0 0 rgba(21,105,188,0)}50%{box-shadow:0 0 0 6px rgba(21,105,188,.25)}}
.aviso-forma{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#fff;border:1px solid var(--azul-mc);border-left:5px solid var(--azul);border-radius:14px;padding:14px 16px;margin:0 0 14px;font-size:14.5px;line-height:1.45;box-shadow:var(--sombra)}
.aviso-forma > span{flex:1 1 260px}
.aviso-forma.espera{border-left-color:#C9A840;background:#FFFCF2}
.af-acoes{display:flex;align-items:center;gap:12px}
.af-acoes .btn{padding:8px 14px;font-size:14px}
.sala-topo{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#0B3A6B,#1569BC);color:#fff;border-radius:16px;padding:18px 20px;margin:0 0 14px;box-shadow:var(--sombra)}
.sala-topo > svg{width:34px;height:34px;flex:0 0 34px;margin-top:2px;color:#E8D59A}
.sala-topo h1{margin:0 0 4px;font-size:21px;font-weight:800}
.sala-topo p{margin:0;font-size:14.5px;line-height:1.5;opacity:.93}
.sala-fechada p{color:var(--suave);margin:6px 0 12px;line-height:1.5}
.compor-sala{border-color:#0B3A6B33;background:linear-gradient(#F3F8FD,#fff 60px)}
.compor-sala-rot{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--azul-esc);margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}
.compor-sala-rot svg,.aba-sala svg{width:15px;height:15px}
.aba-sala{display:inline-flex;align-items:center;gap:5px}
.menu a svg{flex:0 0 auto}
.convite-mini{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:linear-gradient(135deg,#0B3A6B 0%,#1569BC 70%,#3F658C 100%);color:#fff;border-radius:16px;padding:14px 44px 14px 16px;margin:0 0 14px;box-shadow:var(--sombra)}
.cvm-ico{font-size:26px}
.cvm-txt{flex:1 1 220px;display:flex;flex-direction:column;gap:2px}
.cvm-txt b{font-size:15.5px}.cvm-txt span{font-size:13.5px;opacity:.9}
.convite-mini .btn-pri{background:#C9A840;border-color:#C9A840;color:#0B2440}
.cvm-x{position:absolute;top:6px;right:8px;background:none;border:0;color:#fff;opacity:.75;font-size:22px;line-height:1;cursor:pointer}
.cv-op{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 10px;font-size:14px}
.cv-op b{flex:0 0 100%;font-size:13px;color:var(--suave);text-transform:uppercase;letter-spacing:.06em}
.cv-op label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.cv-prev{display:flex;justify-content:center;background:var(--fundo);border-radius:12px;padding:12px;margin:4px 0 6px;min-height:120px}
.cv-canvas{width:100%;max-width:300px;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(3,15,28,.18)}
.cv-canvas.story{max-width:230px}
.adm-selo-quem{display:flex;gap:12px;align-items:center}
.adm-selo-quem .dica{font-size:13px;color:var(--fraco)}
.adm-selo-ped{margin-top:10px;font-size:14px}
.adm-selo-form{margin-top:8px;font-size:13.5px;color:var(--suave);background:var(--fundo);border-radius:10px;padding:8px 10px}
.mini-lista .selo-f{display:none}
.cv-perfil{margin:12px 0 2px;padding:8px 14px;font-size:14px}
.regras-pe{font-size:13.5px;color:var(--suave);margin:0 0 16px;line-height:1.5}
.regras-caixa .regras{margin-top:0;max-height:none;overflow:visible}.regras-caixa .regras-pe{margin:0}

/* ── 04/11/2026: Materiais do Círculo ── */
.sub-circ{display:flex;gap:6px;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:5px;margin:0 0 14px}
.sub-circ a{flex:1;text-align:center;padding:9px 10px;border-radius:10px;font-weight:600;color:var(--suave);text-decoration:none}
.sub-circ a.ativo{background:var(--azul);color:#fff}
.mat-barra{display:flex;gap:10px;margin:0 0 10px}
.mat-barra input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--borda);border-radius:12px;font:inherit;background:#fff}
.mat-cats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.mat-cats button{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;color:var(--suave);cursor:pointer}
.mat-cats button.ativo{background:var(--azul-esc);border-color:var(--azul-esc);color:#fff}
.material{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--borda);border-radius:16px;padding:14px 16px;margin:0 0 12px;box-shadow:var(--sombra)}
.mt-ico{font-size:34px;line-height:1;flex:0 0 auto;margin-top:2px}
.mt-corpo{flex:1;min-width:0}
.mt-t{display:block;font-size:16px;color:var(--azul-esc)}
.mt-d{margin:4px 0 6px;font-size:14px;color:var(--texto);line-height:1.45}
.mt-fonte{font-size:13px;color:var(--suave);margin:2px 0 4px}
.mt-meta{font-size:12.5px;color:var(--fraco);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mt-cat{background:var(--azul-cl);color:var(--azul-esc);border-radius:999px;padding:1px 8px;font-weight:600}
.mt-quem{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px}
.mt-quem a{color:var(--texto);font-weight:600;text-decoration:none}
.mt-acoes{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
.mt-acoes .btn{padding:8px 14px;font-size:14px;white-space:nowrap}
.link-btn.perigo{color:#B23A48}
@media (max-width:560px){ .material{flex-wrap:wrap} .mt-acoes{flex-direction:row;width:100%;justify-content:flex-start;align-items:center;gap:14px} .mat-barra{flex-direction:column} }
.sm-aut{margin:4px 0 10px}
.sm-prog{display:flex;align-items:center;gap:10px;margin:4px 0 8px;font-size:13px;color:var(--suave)}
.sm-barra{flex:1;height:8px;background:var(--azul-cl);border-radius:999px;overflow:hidden}
.sm-barra i{display:block;height:100%;width:0;background:var(--azul);transition:width .2s}
.legais{text-align:center;font-size:12.5px;color:var(--fraco);margin:12px 0 0}.legais a{color:var(--suave)}
.legais-lado{display:block;margin-top:8px;font-size:12px}.legais-lado a{color:var(--fraco)}

/* idiomas (04/11/2026) */
.idioma{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;color:var(--fraco)}
.idioma>span{margin-right:4px;font-size:14px}
.idioma button{background:none;border:0;padding:4px 7px;border-radius:8px;font:inherit;font-weight:600;color:var(--suave);cursor:pointer}
.idioma button:hover{background:rgba(11,58,107,.07)}
.idioma button.ativo{background:var(--azul-esc);color:#fff}
.idioma-porta{display:flex;justify-content:center;margin-top:14px}
.idioma-topo{flex:0 0 auto;margin-left:14px;position:relative;cursor:pointer}
.idioma-topo select{appearance:none;-webkit-appearance:none;border:1px solid var(--borda,#d9e2ec);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b6b7c' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 8px center;border-radius:999px;padding:5px 24px 5px 10px;font:inherit;font-size:13px;font-weight:700;color:var(--azul-esc);cursor:pointer}
.topo .idioma-topo + .eu{margin-left:10px}
@media (max-width:760px){ .topo .idioma-topo{margin-left:auto} .idioma-topo>span{display:none} .idioma-topo select{padding:4px 20px 4px 8px;font-size:12px;background-position:right 6px center} }
.regras-sub{font-size:15px;color:var(--azul-esc);margin:6px 0 8px}
.porta-card .regras{max-height:none;overflow:visible}
/* idiomas do mini-site (04/11/2026) */
.tr-chips{display:flex;flex-wrap:wrap;gap:8px}
.tr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--borda);border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;background:#fff}
.tr-chip input{margin:0}
.tr-chip[hidden]{display:none}
.tr-bloco{border:1px solid var(--borda);border-radius:14px;padding:14px 16px 6px;margin:12px 0;background:#FBFCFE}
.tr-titulo{font-weight:800;color:var(--azul-esc);margin-bottom:8px}
.tr-orig{font-size:12.5px;color:var(--fraco);margin:-2px 0 6px;white-space:pre-wrap;line-height:1.45}
.serv-tr{border-top:1px dashed var(--borda);margin-top:8px;padding-top:8px}
.serv-tr-rot{font-size:13px;font-weight:700;color:var(--azul-esc);margin-bottom:4px}
.selo-f.nv-membro{background:var(--fundo);color:var(--suave)}
.selo-f.nv-pedido{background:#FFF8E6;color:#7A5F12}
/* card do Virtuoso (04/11/2026) */
.virtuoso-card{background:linear-gradient(150deg,#0B3A6B,#1569BC);color:#fff;border-radius:16px;padding:14px 14px 12px;margin-top:14px;box-shadow:var(--sombra);border:1px solid rgba(201,168,64,.55)}
.virtuoso-card .vc-topo{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.virtuoso-card .vc-ico{font-size:24px}
.virtuoso-card b{display:block;font-size:15.5px}
.virtuoso-card .vc-gratis{display:inline-block;margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0B3A6B;background:#E9D594;border-radius:999px;padding:1px 8px}
.virtuoso-card p{margin:6px 0;font-size:13px;line-height:1.45;color:#E3EDF8}
.virtuoso-card .vc-bts{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.virtuoso-card .vc-bts .btn{justify-content:center;font-size:13.5px;padding:8px 10px;text-align:center}
.virtuoso-card .btn-linha{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.menu .virtuoso-card a{display:flex;padding:8px 10px;color:inherit}
.menu .virtuoso-card a.btn-pri{color:#fff}
.vc-cel{display:none}
@media (max-width:760px){ .vc-cel{display:block;margin:0 0 14px} .vc-cel .vc-bts{flex-direction:row} .vc-cel .vc-bts .btn{flex:1} }
.virtuoso-card .btn-pri{background:#C9A840;color:#0B3A6B;border-color:#C9A840}
.menu .virtuoso-card a.btn-pri{color:#0B3A6B}
.menu .virtuoso-card a:hover{background:rgba(255,255,255,.14)}
.menu .virtuoso-card a.btn-pri:hover{background:#D8BB5A}
@media (min-width:761px){ .menu{max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin} }
/* coluna Membros do lado: nomes numa linha só, letra um pouco menor (04/11/2026) */
.mini-lista .membro{gap:10px}
.mini-lista .membro .quem a{display:block;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-lista .membro .quem div{font-size:12px}
.mini-lista .membro .btn{padding:5px 11px;font-size:12.5px;flex:0 0 auto}
/* painel admin no celular: as abas quebram em duas linhas em vez de passar da tela */
@media (max-width:560px){ .adm-abas{flex-wrap:wrap} .adm-abas button{flex:1 1 30%;padding:8px 6px;font-size:13.5px} }
/* celular estreito (iPhone SE e afins): o nome "Comunidade" do topo sai para caber o idioma */
@media (max-width:400px){ .topo .marca span{display:none} }
/* convite: vídeo e carrossel prontos (04/11/2026) */
.cv-abas{margin-bottom:12px}
.cvv-qual button{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.cvv-qual small{font-weight:500;font-size:11.5px;opacity:.8;margin-top:2px}
.cvv-grade{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}
.cvv-video{width:200px;aspect-ratio:9/16;border-radius:14px;background:#0B3A6B;object-fit:cover;box-shadow:var(--sombra)}
.cvv-acoes{display:flex;flex-direction:column;gap:6px}
.cvv-acoes .btn{justify-content:center;text-align:center}
.cvv-acoes .dica{margin:0 0 8px}
#cvv-leg{font-size:13.5px;line-height:1.5}
@media (max-width:560px){ .cvv-grade{grid-template-columns:1fr} .cvv-video{width:min(240px,70vw);margin:0 auto;display:block} }

/* tipo de conta no alto do menu */
.menu a.conta-tipo{align-items:flex-start;gap:10px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--linha,#e5ddd0);background:#fff;font-weight:500;font-size:20px;line-height:1}
.menu a.conta-tipo span{display:flex;flex-direction:column;gap:3px;font-size:13.5px;line-height:1.25}
.menu a.conta-tipo small{color:var(--fraco);font-size:12px;font-weight:500}
.menu a.conta-tipo.virt{border-color:#c9b27a;background:#fbf6ea}
.menu a.conta-tipo.espera{border-style:dashed}

/* card da Central do Virtólogo no campo de agendar */
.central-card{margin-top:10px;background:#f3f7fd;border:1px solid #cfe0f5}
.central-card p{margin:6px 0 10px;font-size:14px;color:var(--suave)}
.central-acoes{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* olhinho da senha */
.senha-campo{position:relative}
.senha-campo input{padding-right:48px}
.senha-campo .olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:none;color:var(--suave);cursor:pointer;border-radius:10px;display:flex;align-items:center;justify-content:center}
.senha-campo .olho:hover{color:var(--azul);background:rgba(21,101,192,.08)}
.senha-campo .olho svg{width:22px;height:22px}

/* limpar avisos */
.av-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.av-topo .titulo-pag{margin-bottom:0}
.av-topo + #av-l{margin-top:14px}
.av-limpar{font-size:13.5px;padding:7px 14px}
.aviso .av-x{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--fraco);font-size:22px;line-height:1;cursor:pointer}
.aviso .av-x:hover{background:rgba(0,0,0,.06);color:var(--texto)}

/* app instalável */
.pwa-aviso{position:fixed;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:10px;background:#0B3A6B;color:#fff;border-radius:16px;padding:12px 12px 12px 14px;box-shadow:0 16px 36px -14px rgba(0,0,0,.55);max-width:520px;margin:0 auto}
.pwa-aviso .pwa-ico{font-size:24px}
.pwa-aviso .pwa-txt{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.35}
.pwa-aviso .pwa-txt span{color:#cfe0f5}
.pwa-aviso .pwa-sim{padding:8px 14px;font-size:14px;background:#C9A840;color:#0B3A6B;border:0}
.pwa-aviso .pwa-x{background:none;border:0;color:#cfe0f5;font-size:24px;line-height:1;padding:2px 6px;cursor:pointer}
@media(min-width:900px){.pwa-aviso{left:auto;right:24px;bottom:24px;max-width:420px}}
.app-passos{padding-left:22px;margin:0 0 6px;line-height:1.6}
.app-passos li{margin-bottom:6px}

/* onde publicar: comunidade toda × Círculo */
.compor-onde{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.compor-onde button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 12px;border:1.5px solid var(--borda);border-radius:12px;background:#fff;color:var(--texto);cursor:pointer;font:inherit}
.compor-onde button b{font-size:14px}
.compor-onde button small{font-size:12px;color:var(--fraco)}
.compor-onde button.ativo{border-color:var(--azul);background:#EEF5FD;box-shadow:inset 0 0 0 1px var(--azul)}
.compor-onde button[data-onde="sala"].ativo{border-color:#0B3A6B;background:#0B3A6B;color:#fff;box-shadow:none}
.compor-onde button[data-onde="sala"].ativo small{color:#cfe0f5}
.compor-sala{border:2px solid #0B3A6B;background:linear-gradient(#E9F1FB,#fff 80px)}
@media(max-width:420px){.compor-onde{grid-template-columns:1fr}}
/* link no story */
.st-link{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:6px;max-width:82%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;color:#0B3A6B;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);text-decoration:none}
.st-link-prev{bottom:14px;font-size:12px;padding:6px 12px;pointer-events:none}
.sn-link input{width:100%}
/* cursos do Instituto */
.cursos-intro{color:var(--suave);margin:-4px 0 16px}
.cursos-gratis{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:#FBF6EA;border:1px solid #E6D6A8;border-radius:14px;padding:12px 14px;margin:0 0 16px}
.cursos-gratis b{width:100%;color:#6b5418}
.cursos-gratis a{font-weight:600}
.cursos-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.curso-card{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--borda);border-radius:16px;padding:16px;color:var(--texto);text-decoration:none;box-shadow:var(--sombra)}
.curso-card:hover{border-color:var(--azul)}
.cc-ico{font-size:30px;line-height:1}
.cc-tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a7a1f}
.cc-nome{font-size:17px;color:var(--azul-esc)}
.cc-txt{font-size:14px;color:var(--suave);flex:1}
.cc-ir{font-weight:700;color:var(--azul);margin-top:4px}
.cursos-pe{color:var(--fraco);font-size:13.5px;margin-top:16px}
@media(max-width:560px){.cursos-grade{grid-template-columns:1fr}}
.cursos-mini{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0B3A6B,#1565C0);color:#fff;border-radius:16px;padding:14px;margin:0 0 14px}
.cursos-mini .cm-ico{font-size:28px}
.cursos-mini .cm-txt{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px}
.cursos-mini .cm-txt span{color:#cfe0f5}
.cursos-mini .btn-pri{background:#C9A840;color:#0B3A6B;border:0;white-space:nowrap}
.cursos-mini .cm-x{background:none;border:0;color:#cfe0f5;font-size:22px;cursor:pointer;padding:0 4px}
@media(max-width:560px){.cursos-mini{flex-wrap:wrap}.cursos-mini .cm-txt{flex:1 1 calc(100% - 80px)}}