:root{--b:#1565c0;--b2:#1a73e8;--g:#2dc84d;--o:#ff8f00;--bg:#f6f8fc;--sec:#d3e3f8;--c:#fff;--t:#1f2430;--m:#5b6475;--ln:#e3e8f0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f141c;--sec:#16233a;--c:#1b2230;--t:#e8ecf3;--m:#9aa5b8;--ln:#2a3345}}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;font-family:Roboto,Arial,sans-serif;background:var(--bg);color:var(--t)}
.w{max-width:1000px;margin:0 auto;padding:0 16px}
.top{background:var(--b);color:#fff;font-size:13px;font-weight:500;border-bottom:3px solid var(--o)}.top .w{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 16px}
.hd{background:var(--c)}.hd .w{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;gap:10px}
.lg{font-size:34px;font-weight:900;line-height:1}.lg b{color:var(--g)}.lg img{max-height:48px;max-width:180px;display:block}.lg small{display:block;font-size:12px;font-weight:500;color:var(--b2);margin-top:4px}
.btn{border:0;border-radius:22px;padding:11px 20px;font:700 14px Roboto,Arial;cursor:pointer;color:#fff;background:var(--b2);text-decoration:none;display:inline-block}.btn.g{background:var(--g);color:#08240f}.btn.r{background:#d32f2f}.btn.s{padding:7px 13px;font-size:12px}.btn.o{background:var(--c);color:var(--b2);border:1px solid var(--b2)}
nav{background:var(--b2);overflow-x:auto;white-space:nowrap}nav .w{display:flex;gap:4px}nav a{color:#fff;font-weight:700;font-size:14px;padding:15px 12px;cursor:pointer;border-bottom:3px solid transparent}nav a.on{border-color:#fff}
.car{position:relative;background:#eee;overflow:hidden}.sl{display:none;padding:26px 0}.sl.on{display:block}.sl .w{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.sl img{width:100%;border-radius:18px;box-shadow:0 8px 24px #0003;aspect-ratio:16/9;object-fit:cover}.sl h2{font-size:34px;font-weight:900;color:#d4901a;margin:6px 0 14px;line-height:1.1}.tag{display:inline-block;background:var(--c);border:1px solid var(--ln);border-radius:14px;padding:5px 13px;font-size:13px}
.dots{text-align:center;padding-bottom:14px}.dots i{display:inline-block;width:11px;height:11px;border-radius:50%;background:#b8c6dc;margin:0 4px;cursor:pointer}.dots i.on{background:var(--b2)}
.sec{background:var(--sec);padding:30px 0 10px}h3{font-size:24px;margin:0 0 4px}.sub{color:var(--m);margin:0 0 18px;font-size:14px}
.q{width:100%;padding:12px 16px;border:1px solid var(--ln);border-radius:12px;font:15px Roboto;background:var(--c);color:var(--t);margin-bottom:16px}
.gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.cd{background:var(--c);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0001;cursor:pointer;display:flex;flex-direction:column}.cd img{width:100%;aspect-ratio:16/9;object-fit:cover}.cd div{padding:14px;flex:1}.cd small{color:var(--m)}.cd h4{margin:6px 0;font-size:16px}.cd p{font-size:13px;color:var(--m);margin:0}.ct{font-size:11px;font-weight:700;color:#fff;border-radius:10px;padding:3px 9px}
.ad{display:block;grid-column:1/-1;background:var(--c);border:1px dashed var(--o);border-radius:14px;padding:10px;text-align:center;font-size:12px;color:var(--m);text-decoration:none;margin:0 0 18px;overflow:hidden}.gr .ad{margin:0}.ad img{max-width:100%;max-height:110px;border-radius:8px;display:block;margin:6px auto 0}
.sp{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 24px}.sp a{background:var(--c);border-radius:12px;padding:10px 14px;text-align:center;color:var(--t);text-decoration:none;font-size:12px;font-weight:700;flex:1;min-width:130px}.sp img{max-height:50px;max-width:100%;display:block;margin:0 auto 6px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:26px 0}.why div{border-top:3px solid var(--b2);padding-top:10px;font-size:14px;color:var(--m)}.why div:nth-child(2){border-color:var(--g)}.why div:nth-child(3){border-color:var(--o)}.why b{color:var(--t);display:block;font-size:16px}
.ctc{background:var(--b);color:#fff;border-radius:18px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-bottom:24px}.ctc h3{font-size:26px}.ctc .i{background:#ffffff26;border-radius:10px;padding:10px 14px;margin-top:8px;font-size:15px;font-weight:700;word-break:break-all}.ctc .i small{display:block;font-weight:400;font-size:12px}
.map{background:var(--c);border:1px solid var(--ln);border-radius:18px;padding:22px;margin-bottom:28px}.map iframe{width:100%;height:300px;border:0;border-radius:10px;margin-top:14px;background:#e8edf3}
footer{background:#0d2a52;color:#cfe0f7;font-size:13px;padding:26px 0;line-height:1.7}footer b{color:#fff}
.mo{position:fixed;inset:0;background:#000a;z-index:50;overflow:auto;padding:16px}.mb{background:var(--c);max-width:720px;margin:0 auto;border-radius:16px;overflow:hidden}.mb>.in{padding:18px 22px}.mb img.hero{width:100%;aspect-ratio:16/9;object-fit:cover}.vid{aspect-ratio:16/9;width:100%;border:0;border-radius:10px;margin:10px 0}.mb p{line-height:1.65;white-space:pre-wrap}
.cm{border-top:1px solid var(--ln);padding:10px 0;font-size:14px}.cm.pn{background:#fff8e1;color:#4a3b00;border:1px solid #ffca28;border-radius:10px;padding:10px 12px;margin:8px 0}.cm small{color:var(--m)}.pn small{color:#7a6400}
input,select,textarea{font:14px Roboto,Arial;padding:10px;border:1px solid var(--ln);border-radius:8px;background:var(--bg);color:var(--t);width:100%;margin:4px 0 10px}label{font-size:12px;font-weight:700;color:var(--m)}
.adm{padding:20px 0 40px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tabs a{padding:9px 16px;border-radius:20px;background:var(--c);cursor:pointer;font-weight:700;font-size:14px}.tabs a.on{background:var(--b2);color:#fff}
.box{background:var(--c);border-radius:14px;padding:18px;margin-bottom:16px}.st{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.st div{background:var(--c);border-radius:14px;padding:16px;text-align:center}.st b{font-size:32px;color:var(--b2);display:block}
table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:8px 6px;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}.tw{overflow-x:auto}.row{display:flex;gap:6px;flex-wrap:wrap}
.ca{display:flex;gap:16px;font-size:12px;margin-top:4px}.ca a{color:var(--b2);cursor:pointer;font-weight:700}.rb{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0 4px 22px}.rb input{flex:1;min-width:120px;margin:0}
.fd{max-width:620px;margin:0 auto}.fp{background:var(--c);border-radius:14px;box-shadow:0 2px 8px #0001;margin-bottom:18px;overflow:hidden}.fh{display:flex;gap:10px;align-items:center;padding:12px 14px}.fh small{display:block;color:var(--m);font-size:12px}.av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px}.ft{padding:0 14px 12px;font-size:15px;line-height:1.5}.fm{position:relative;cursor:pointer}.fm img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.bd{position:absolute;right:10px;bottom:10px;background:#000a;color:#fff;font-size:12px;padding:4px 10px;border-radius:12px}.fs{padding:8px 14px;font-size:13px;color:var(--m)}.fa{display:flex;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}.fa button{flex:1;border:0;background:none;padding:11px;font:700 14px Roboto,Arial;color:var(--m);cursor:pointer}.fa button.on{color:#d32f2f}.fq{display:flex;gap:8px;padding:10px 14px;align-items:center}.fq input{margin:0}.sent{text-align:center;padding:16px;color:var(--m)}.gr .sent{grid-column:1/-1}
.gal{position:relative;background:#000;aspect-ratio:16/9}.gs{display:none;width:100%;height:100%}.gs.on{display:block}.gs img,.gs iframe{width:100%;height:100%;object-fit:cover;border:0}.gn{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#fffd;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.gn.l{left:10px}.gn.r{right:10px}.gd{position:absolute;bottom:10px;width:100%;text-align:center}.gd i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fff8;margin:0 3px;cursor:pointer}.gd i.on{background:#fff}
@media(max-width:700px){.sl .w,.ctc{grid-template-columns:1fr}.sl h2{font-size:26px}.top .w{font-size:12px}}

.vth{width:90px;height:60px;border-radius:6px;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.err{padding:40px 16px;text-align:center}

/* mídia sem corte: a imagem inteira aparece, com fundo nas sobras */
.cd img,.sl img{object-fit:contain;background:#0d2a52}
.fm img{width:100%;height:auto;aspect-ratio:auto;max-height:78vh;object-fit:contain;background:#0d2a52}
.gal{max-height:75vh}.gs img{object-fit:contain;background:#000}
.gs iframe{background:#000}

.wy{padding:10px 14px 0;font-size:13px;color:var(--m)}.wy b{color:var(--t)}

.np{position:fixed;top:calc(var(--stkb,100px) + 6px);right:12px;width:min(380px,calc(100vw - 24px));max-height:72vh;overflow:auto;background:var(--c);color:var(--t);border:1px solid var(--ln);border-radius:14px;box-shadow:0 10px 34px #0005;z-index:70}
.ni{padding:11px 14px;border-bottom:1px solid var(--ln);cursor:pointer;font-size:14px;border-left:4px solid transparent}.ni.un{border-left-color:var(--b2);font-weight:700}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#0d2a52;color:#fff;padding:13px 20px;border-radius:14px;z-index:90;cursor:pointer;box-shadow:0 8px 24px #0006;max-width:92vw;text-align:center}
.bell{background:#d32f2f;color:#fff;border-radius:10px;padding:0 6px;font-size:11px;margin-left:4px}

/* barra superior fixa */
.stk{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;box-shadow:0 2px 10px #0002}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--c);z-index:41}
[id]{scroll-margin-top:calc(var(--hh,70px) + 56px)}

/* foto de perfil */
.avi{display:inline-block;border-radius:50%;object-fit:cover;background:#cfd8e6;color:#fff;font-weight:700;text-align:center;vertical-align:middle;flex:none;overflow:hidden}
.btn .avi{margin-right:2px}.fh .avi{font-size:inherit}.by{display:flex;align-items:center;gap:8px;margin:2px 0 4px}.by small{color:var(--m)}
.pfav{display:flex;align-items:center;gap:16px;margin:10px 0 6px;flex-wrap:wrap}.pfav .btn{margin:0 6px 6px 0}

/* painéis (amigos / conta) */
.fpn{position:fixed;top:calc(var(--stkb,100px) + 6px);right:12px;width:min(400px,calc(100vw - 24px));max-height:calc(100vh - var(--stkb,100px) - 20px);overflow:auto;background:var(--c);color:var(--t);border:1px solid var(--ln);border-radius:14px;box-shadow:0 10px 34px #0005;z-index:70}
.fpn input{margin:0}.fph{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid var(--ln)}.fph a{color:var(--b2);cursor:pointer;font-size:13px}
.fr{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--ln)}.fr b{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr .btn{white-space:nowrap}
.fsec{padding:10px 14px 4px;font-size:12px;font-weight:700;color:var(--m);text-transform:uppercase}
.ftb{display:flex;gap:6px;padding:0 14px 8px}.ftb .btn{flex:1}
.mi{display:block;padding:12px 14px;cursor:pointer;color:var(--t);text-decoration:none;font-size:14px;font-weight:500;border-top:1px solid var(--ln)}.mi:hover{background:var(--bg)}
.fbd{background:#d32f2f;color:#fff;border-radius:10px;padding:0 6px;font-size:11px;margin-left:4px}

@media(max-width:700px){
  .hd .tx{display:none}.hd .w{padding:6px 10px;flex-wrap:nowrap;gap:6px}
  .hd .lg{font-size:20px;white-space:nowrap;min-width:0;flex:0 1 auto}.hd .lg small{display:none}.hd .lg img{max-height:34px;max-width:130px}
  .hd .row{flex-wrap:nowrap;gap:6px;flex:0 0 auto}.hd .btn.s{padding:7px 10px;font-size:14px}.hd .btn .avi{margin:0}
  nav a{padding:11px 10px;font-size:13px}
  .fa button{padding:11px 2px;font-size:13px;white-space:nowrap}.hd .btn.g{display:inline-flex;align-items:center;justify-content:center}
}

/* perfil público e links de autor */
.plink{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;cursor:pointer;min-width:0}.plink:hover b{text-decoration:underline}
.fh .plink{flex:1}.fr .plink{flex:1}.a.by,.by.plink{display:flex}
.pfhead{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.pfhead .row{gap:8px}

/* câmera / galeria, comentários e denúncias */
.up{cursor:pointer;margin:0 6px 6px 0}
.cm .by{margin:0 0 3px}.cm .by.plink:hover b{text-decoration:underline}

/* vídeo na galeria e botão "Fale conosco" oculto no celular quando logado */
.gs video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
@media(max-width:520px){.hsm{display:none!important}}

/* mensagens (chat) */
.chat{max-width:480px;display:flex;flex-direction:column;height:min(680px,calc(100vh - 32px));margin:0 auto}
.chh{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--ln)}.chh b{flex:1;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.chh a{cursor:pointer;font-size:18px;color:var(--m)}
.chb{flex:1;overflow:auto;padding:10px 12px;background:var(--bg)}
.bub{max-width:84%;width:fit-content;margin:5px 0;padding:8px 11px;border-radius:16px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}
.bub.me{margin-left:auto;background:var(--b2);color:#fff;border-bottom-right-radius:4px}.bub.ot{background:var(--c);border:1px solid var(--ln);border-bottom-left-radius:4px}
.bub small{display:block;text-align:right;font-size:11px;opacity:.75;margin-top:2px}.bub audio{width:230px;max-width:100%;height:38px;display:block}.bub .rd.on{color:#9be7ff}
.chf{display:flex;gap:6px;align-items:flex-end;padding:8px 10px;border-top:1px solid var(--ln);background:var(--c)}.chf textarea{margin:0;resize:none;max-height:110px;flex:1;border-radius:18px;padding:9px 12px}.chf .btn{flex:none}
.chf.rec{align-items:center}.dot{color:#d32f2f;animation:bl 1s infinite}@keyframes bl{50%{opacity:.2}}
.chrow{cursor:pointer}.chrow:hover{background:var(--bg)}.chrow .tx2{flex:1;min-width:0}.chrow .pv{color:var(--m);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrow small{color:var(--m);white-space:nowrap}
.hint{padding:4px 12px;font-size:11px;color:var(--m);background:var(--c)}

/* postagem rápida (botão flutuante) */
#qpfab{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));/* acima do botão "voltar ao topo" (16px + 50px) */z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
#qpfab[hidden],#qpmenu[hidden],.qpo[hidden]{display:none}
#qpbtn{width:58px;height:58px;border-radius:50%;border:0;background:var(--g);color:#08240f;font-size:34px;font-weight:700;line-height:1;box-shadow:0 6px 18px #0005;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .2s}
#qpmenu:not([hidden])+#qpbtn{transform:rotate(45deg)}
#qpmenu{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
#qpmenu button{background:var(--c);color:var(--t);border:1px solid var(--ln);border-radius:22px;padding:11px 18px;font:700 14px Roboto,Arial;cursor:pointer;box-shadow:0 4px 14px #0003;white-space:nowrap}
.qpo{position:fixed;inset:0;background:#000a;z-index:80;display:flex;align-items:flex-end;justify-content:center}
.qpb{background:var(--c);color:var(--t);width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:18px 18px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.qph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.qph h4{margin:0;font-size:18px}.qph a{cursor:pointer;font-size:20px;color:var(--m);padding:4px 8px}
.qpb textarea{margin:0 0 10px;resize:vertical}
.qpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.qpt{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#000}.qpt img,.qpt video{width:100%;height:100%;object-fit:cover;display:block}
.qpt .btn{position:absolute;top:4px;right:4px;padding:2px 9px;font-size:14px;line-height:1.3}.qpplay{position:absolute;left:6px;bottom:6px;background:#000a;color:#fff;font-size:11px;border-radius:10px;padding:2px 7px}
.qpv{display:flex;gap:8px}.qpv button{flex:1;padding:11px 8px;border-radius:12px;border:2px solid var(--ln);background:var(--bg);color:var(--t);font:700 14px Roboto,Arial;cursor:pointer}.qpv button.on{border-color:var(--b2);background:var(--b2);color:#fff}
#qpsheet button:disabled,#qpgo:disabled{opacity:.55;cursor:wait}
@media(min-width:700px){.qpo{align-items:center}.qpb{border-radius:18px}}

/* links dentro de postagens e comentários */
.lk{color:var(--b2);text-decoration:underline;word-break:break-all;cursor:pointer}.lk:hover{opacity:.8}

/* vídeo do mural: toca sozinho; botão de som */
.fm{position:relative}
.fm video.fv,.fm iframe.fy{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#0d2a52;opacity:0;pointer-events:none;transition:opacity .25s}
.fm.pl video.fv,.fm.pl iframe.fy{opacity:1}
.fm .snd{position:absolute;right:10px;bottom:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#000b;color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.fm.hv .bd{right:auto;left:10px;z-index:3}
/* menu ⋯ da postagem e "ocultar" */
.fh{position:relative}.fx{margin-left:auto;position:relative;flex:none}
.fx>button{border:0;background:none;font-size:24px;line-height:1;color:var(--m);cursor:pointer;padding:2px 10px;border-radius:50%}.fx>button:hover{background:var(--bg)}
.pm{position:absolute;right:0;top:100%;z-index:30;min-width:210px;background:var(--c);border:1px solid var(--ln);border-radius:12px;box-shadow:0 8px 26px #0004;overflow:hidden}.pm[hidden]{display:none}
.pm a{display:block;padding:13px 15px;cursor:pointer;font-size:14px;font-weight:500;color:var(--t)}.pm a+a{border-top:1px solid var(--ln)}.pm a:hover{background:var(--bg)}
.hid{background:var(--c);border:1px dashed var(--ln);border-radius:14px;margin-bottom:18px;padding:16px 18px;display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--m)}.hid b{color:var(--t)}.hid span{flex:1;min-width:160px}.hid a{color:var(--b2);font-weight:700;cursor:pointer}.gr .hid{grid-column:1/-1;margin:0}
.cd{position:relative}.cd .hx{position:absolute;top:8px;right:8px;z-index:3;width:30px;height:30px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:14px;cursor:pointer;display:none;padding:0}.cd:hover .hx,.cd:focus-within .hx{display:block}@media(hover:none){.cd .hx{display:block}}

/* carrossel de mídias no mural */
.fm.cs{overflow:hidden;background:#0d2a52}
.fm.cs>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
.fm .cv{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:2;object-fit:contain}
.fm[data-vx="1"] .snd{display:none}
.fm>.gn{z-index:4;width:34px;height:34px;font-size:22px;line-height:1;padding:0;opacity:.88;display:flex;align-items:center;justify-content:center}.fm>.gn:hover{opacity:1}
.fm .bd{z-index:3}

/* tema escuro escolhido pelo botão (🌙/☀️) */
:root[data-theme=dark]{--bg:#0f141c;--sec:#16233a;--c:#1b2230;--t:#e8ecf3;--m:#9aa5b8;--ln:#2a3345;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}}
.hd .thb{padding:7px 12px;font-size:15px;line-height:1}
@media(max-width:700px){.hsm2{display:none!important}.hd .thb{padding:7px 9px}}

/* vídeo do Facebook/Instagram na postagem: área mais alta (vídeos verticais/reels) */
.gal.sm{aspect-ratio:auto;height:min(75vh,640px)}
.gal.sm .gs{height:100%}
.gal.sm .gs iframe{display:block;margin:0 auto;max-width:560px;background:#fff}

/* Instagram direto no mural: o player aparece na postagem e toca ao tocar no play */
.igf{background:#fff;display:flex;justify-content:center;height:min(78vh,640px)}.igf iframe{width:100%;max-width:540px;height:100%;border:0}