/* APP DO CELULAR · estilo.
   As regras visuais vêm do app publicado de 17/10/2026 (são a referência do desenho das páginas, do mapa, do dock, da lista e das falas).
   As fontes ficam em arquivos (@font-face gerado pelo app a partir do pacote de conteúdo), nunca dentro do CSS. */
:root{--ouro:#e4b754;--ouro-texto:#dcb051;--ouro-dock:#b99f56;--dock:#0c1a22;--borda-card:#2d3a45;--tinta:#e9edf7;--cartao:#0b2431;--display:"Alfa Slab One",Georgia,serif;--texto:"Outfit",system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;color:var(--tinta);font-family:var(--texto)}
.r-pag{position:relative;max-width:560px;margin:0 auto}
html body .r-pag .b.invisivel{opacity:0!important;outline:0!important}
html body .r-pag .b[data-fixo][data-fixo]{position:fixed!important;left:var(--fx)!important;top:var(--fy)!important;width:var(--fw,auto)!important;z-index:40;margin:0!important}
.b { position: absolute; box-sizing: border-box; pointer-events: none; }
.b-arte { background-size: 412px auto; background-position: 0px 0px; background-repeat: no-repeat; }
.b-arte.escurece::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.55) 62%, rgba(0, 0, 0, 0.92) 100%); pointer-events: none; }
.b-titulo { font-family: var(--display); line-height: 1; white-space: nowrap; }
.b-subtitulo { font-family: var(--texto); font-weight: 400; font-style: italic; line-height: 1; white-space: nowrap; }
.b-secao { font-family: var(--texto); font-weight: 700; line-height: 1; white-space: nowrap; }
.b-botao { display: grid; place-items: center; border-radius: 14px; font: 700 10px/1 var(--texto); letter-spacing: 0.02em; border: 2px solid var(--ouro); }
.b-botao.cheio { background: var(--ouro); color: rgb(29, 22, 6); }
.b-botao.contorno { background: rgb(0, 0, 0); color: var(--ouro-texto); }
.b-video { border: 1.5px solid var(--borda-card); border-radius: 16px; background: rgb(0, 0, 0); overflow: hidden; }
.b-video img { position: absolute; left: -1.5px; width: 368px; display: block; }
.b-imagem { overflow: hidden; background: rgb(0, 0, 0); }
.b-imagem img { width: 100%; height: 100%; object-fit: cover; display: block; }
.b-vaga { border: 1px dashed rgba(228, 183, 84, 0.42); border-radius: 10px; }
.b-vaga.com-texto { display: grid; place-items: center; font: 600 22px var(--texto); color: rgb(111, 122, 134); }
.b-vaga.vaga-arte { border: 2px dashed rgb(59, 69, 82); border-radius: 0px 0px 18px 18px; background: rgb(18, 22, 28); }
.b-botao { white-space: pre-line; text-align: center; line-height: 1.25; }
.b-card { border: 2px solid var(--ouro); border-radius: 22px; background: rgb(16, 28, 38); box-sizing: border-box; padding: 14px 16px; color: rgb(233, 237, 247); }
.b-card b { display: block; font: 700 15px/1.1 var(--texto); }
.b-card span { display: block; margin-top: 6px; font: 400 11.5px/1.3 var(--texto); color: rgb(198, 206, 215); }
.b-card i { position: absolute; left: 16px; bottom: 14px; width: 110px; height: 43px; border-radius: 14px; background: var(--ouro); color: rgb(29, 22, 6); display: grid; place-items: center; font: normal 700 10px/1 var(--texto); letter-spacing: 0.02em; }
.b-chamada { border: 2px solid var(--ouro); border-radius: 18px; background: rgb(13, 22, 32); box-sizing: border-box; display: flex; align-items: center; gap: 14px; padding: 0px 16px; color: rgb(233, 237, 247); }
.b-chamada .play { flex: 0 0 46px; height: 46px; border-radius: 50%; background: var(--ouro); display: grid; place-items: center; }
.b-chamada .play::after { content: ""; border-left-width: 14px; border-left-style: solid; border-left-color: rgb(29, 22, 6); border-top-width: 9px; border-top-style: solid; border-top-color: transparent; border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: transparent; margin-left: 4px; }
.b.invisivel { opacity: 0.35; outline: rgb(228, 183, 84) dashed 1px; }
.b-chamada.com-img b, .b-chamada.com-img span { text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 4px; }
.b-chamada b { display: block; font: 700 13px/1.2 var(--texto); letter-spacing: 0.02em; }
.b-chamada span { display: block; margin-top: 4px; font: 400 11px/1.3 var(--texto); color: rgb(184, 195, 204); }
.b-texto { font-family: var(--texto); line-height: 1.2; white-space: pre-line; }
.b-imagem img.fundo-desf { position: absolute; inset: -30px; width: calc(100% + 60px); height: calc(100% + 60px); object-fit: cover; filter: blur(18px) brightness(0.75); }
.b-imagem img:not(.fundo-desf) { position: relative; }
.b-imagem img.id-foto { object-fit: cover; object-position: 50% 18%; border-radius: 1.6% / 1.1%; background: rgb(28, 74, 134); position: absolute !important; }
.b-vaga.com-texto { white-space: pre-line; text-align: center; }
.b-vaga.com-texto.vaga-peq { font-size: 13px; text-align: center; padding: 0px 10px; line-height: 1.3; }
.b-rotulo { font: 700 10px/1 var(--texto); letter-spacing: 0.05em; color: rgb(218, 228, 237); white-space: nowrap; }
.b-card.com-icone { padding-left: 96px; }
.b-card .c-ic { position: absolute; left: 18px; top: 50%; width: 58px; height: 58px; transform: translateY(-50%); object-fit: contain; }
.b-card.com-icone b { font-size: 16px; letter-spacing: 0.04em; }
.b-busca { border: 2px solid var(--ouro); border-radius: 14px; background: rgb(13, 26, 34); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding: 0px 12px 0px 14px; }
.b-busca span { font: italic 400 13px var(--texto); color: rgb(127, 144, 156); }
.b-busca svg { width: 22px; height: 22px; flex: 0 0 22px; }
.b-vaga.com-texto.vaga-link { background: rgba(0, 0, 0, 0.6); border: 2px dashed var(--ouro); color: var(--ouro); font: 800 13px/1.3 var(--texto); letter-spacing: 0.06em; text-align: center; }
.b-opcao { border-radius: 18px; box-sizing: border-box; display: flex; align-items: center; overflow: hidden; border: 2px solid var(--ouro); }
.b-opcao .op-ic { flex: 0 0 96px; align-self: stretch; display: grid; place-items: center; border-right-width: 1px; border-right-style: solid; border-right-color: rgba(255, 255, 255, 0.12); }
.b-opcao .op-ic img { width: 76px; height: 76px; object-fit: contain; }
.b-opcao .op-ic.vazio { white-space: pre-line; text-align: center; font: 600 11px var(--texto); color: rgba(255, 255, 255, 0.45); border-right-width: 1px; border-right-style: dashed; border-right-color: rgba(255, 255, 255, 0.25); }
.b-opcao .op-tx { flex: 1 1 0%; padding: 0px 6px 0px 14px; min-width: 0px; }
.b-opcao.sem-ic .op-tx { padding-left: 20px; }
.b-opcao b, .b-opcao em { display: block; font: normal 400 16.5px/1.1 var(--display); letter-spacing: 0.02em; }
.b-opcao span { display: block; margin-top: 6px; font: 500 11px/1.3 var(--texto); }
.b-opcao .op-rosto { flex: 0 0 62px; width: 62px; height: 62px; border-radius: 50%; border: 2px solid var(--ouro); object-fit: cover; margin-right: 4px; }
.b-opcao .op-seta { flex: 0 0 30px; font: 300 46px/1 var(--texto); text-align: center; margin-top: -6px; }
.b-opcao.op-azul { background: linear-gradient(rgb(18, 58, 107), rgb(11, 34, 70)); border-color: rgb(74, 134, 216); color: rgb(255, 255, 255); }
.b-opcao.op-azul em { color: rgb(156, 195, 255); }
.b-opcao.op-azul span { color: rgb(200, 216, 238); }
.b-opcao.op-azul .op-seta { color: rgb(156, 195, 255); }
.b-opcao.op-ouro { background: linear-gradient(rgb(240, 199, 94), rgb(217, 166, 58)); color: rgb(29, 22, 6); }
.b-opcao.op-ouro span { color: rgb(42, 33, 12); }
.b-opcao.op-ouro .op-ic { border-right-color: rgba(0, 0, 0, 0.15); }
.b-opcao.op-preto { background: linear-gradient(rgb(27, 21, 8), rgb(10, 8, 5)); color: rgb(240, 199, 94); }
.b-opcao.op-preto span { color: rgb(233, 223, 198); }
.b-opcao.op-preto .op-seta { color: rgb(240, 199, 94); }
.b-social { background: rgb(255, 255, 255); border-radius: 14px; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px; }
.b-social svg { width: 22px; height: 22px; }
.b-social span { font: 600 13.5px var(--texto); color: rgb(27, 27, 27); }
.b-divisor { display: flex; align-items: center; gap: 10px; }
.b-divisor i { flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, transparent, rgb(90, 127, 160), transparent); }
.b-divisor span { font: 700 12px var(--texto); letter-spacing: 0.08em; color: rgb(159, 183, 204); white-space: nowrap; }
.b-fala { display: flex; align-items: flex-start; gap: 10px; }
.b-fala .f-rosto { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 50%; border: 2px solid var(--ouro); object-fit: cover; background: rgb(0, 0, 0); }
.b-fala .f-balao { position: relative; flex: 1 1 0%; background: rgb(245, 236, 214); color: rgb(29, 22, 6); border-radius: 16px; padding: 10px 12px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px; }
.b-fala .f-balao::before { content: ""; position: absolute; left: -8px; top: 22px; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(245, 236, 214); border-top-width: 7px; border-top-style: solid; border-top-color: transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: transparent; }
.b-fala b { display: block; font: 400 13px/1 var(--display); letter-spacing: 0.04em; color: rgb(138, 90, 0); }
.b-fala span { display: block; margin-top: 5px; font: 500 12.5px/1.35 var(--texto); }
.b-extrato { border: 2px solid var(--ouro); border-radius: 22px; background: rgb(16, 28, 38); box-sizing: border-box; padding: 12px 16px; }
.b-extrato .ex-tit { font: 700 12px var(--texto); letter-spacing: 0.1em; color: var(--ouro); margin-bottom: 6px; }
.b-extrato .ex-l { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(31, 51, 66); font: 500 12.5px var(--texto); color: rgb(223, 230, 238); }
.b-extrato .ex-l b { font-weight: 800; color: rgb(127, 209, 139); white-space: nowrap; }
.b-extrato .ex-l.neg b { color: rgb(224, 83, 59); }
.b-saldo { border: 2px solid var(--ouro); border-radius: 22px; background: linear-gradient(rgb(240, 199, 94), rgb(217, 166, 58)); box-sizing: border-box; padding: 14px 18px; color: rgb(29, 22, 6); }
.b-saldo span { display: block; font: 800 11px var(--texto); letter-spacing: 0.12em; }
.b-saldo b { display: block; margin-top: 4px; font: 400 34px/1 var(--display); }
.b-saldo em { display: block; margin-top: 6px; font: normal 500 11.5px var(--texto); color: rgb(58, 45, 16); }
.b-msg { display: flex; gap: 10px; align-items: flex-start; }
.b-msg img { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(44, 61, 75); background: rgb(0, 0, 0); }
.b-msg.oficial img { border-color: var(--ouro); }
.b-msg .m-b { flex: 1 1 0%; background: rgb(19, 33, 44); border: 1px solid rgb(35, 57, 74); border-radius: 4px 14px 14px; padding: 7px 10px; }
.b-msg.oficial .m-b { background: rgb(42, 34, 9); border-color: rgb(107, 85, 32); }
.b-msg .m-n { display: flex; justify-content: space-between; gap: 8px; }
.b-msg .m-n b { font: 800 11.5px var(--texto); color: rgb(233, 237, 247); }
.b-msg.oficial .m-n b { color: var(--ouro); }
.b-msg .m-n i { font: normal 500 10px var(--texto); color: rgb(127, 141, 153); }
.b-msg span { display: block; margin-top: 3px; font: 400 12.5px/1.35 var(--texto); color: rgb(213, 221, 229); }
.b-pilulas { display: flex; gap: 6px; flex-wrap: nowrap; overflow: hidden; }
.b-pilulas span { flex: 0 0 auto; border: 1.5px solid var(--ouro); border-radius: 999px; padding: 6px 10px; font: 700 10.5px var(--texto); color: var(--ouro-texto); white-space: nowrap; }
.b-progresso { border: 2px solid var(--ouro); border-radius: 22px; background: rgb(16, 28, 38); box-sizing: border-box; padding: 16px 18px; color: rgb(233, 237, 247); }
.b-progresso .pg-t { font: 700 15px/1.1 var(--texto); }
.b-progresso .pg-s { margin-top: 6px; font: 600 13px/1.2 var(--texto); color: var(--ouro-texto); }
.b-progresso .pg-l { margin-top: 14px; }
.b-progresso .pg-l div { display: flex; justify-content: space-between; font: 600 11px/1 var(--texto); letter-spacing: 0.06em; color: rgb(198, 206, 215); }
.b-progresso .pg-l div b { color: rgb(233, 237, 247); }
.b-progresso .pg-l i { display: block; margin-top: 6px; height: 6px; border-radius: 99px; background: rgb(31, 51, 66); overflow: hidden; }
.b-progresso .pg-l i em { display: block; height: 100%; border-radius: 99px; background: var(--ouro); }
.b-icones { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 8px; }
.b-icones.caixa { border: 2px solid var(--ouro); border-radius: 22px; background: rgb(16, 28, 38); padding: 16px 10px; box-sizing: border-box; align-content: start; }
.b-icones .ic-item { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; cursor: pointer; }
.b-icones .ic-bola { width: 58px; height: 58px; border-radius: 50%; background: rgb(11, 26, 38); border: 1.5px solid rgb(58, 75, 88); display: grid; place-items: center; box-sizing: border-box; position: relative; }
.b-icones .ic-bola img { width: 30px; height: 30px; object-fit: contain; }
.b-icones .ic-item.on .ic-bola { border: 2.5px solid var(--ouro); box-shadow: rgba(228, 183, 84, 0.18) 0px 0px 0px 3px; }
.b-icones .ic-item.on .ic-bola::after { content: "✓"; position: absolute; right: -4px; top: -4px; width: 20px; height: 20px; border-radius: 50%; background: var(--ouro); color: rgb(29, 22, 6); font: 800 12px/20px var(--texto); text-align: center; }
.b-icones .ic-item.fixo .ic-bola::after { content: "🔒"; background: rgb(233, 237, 247); font-size: 10px; }
.b-icones b { font: 700 11px/1.15 var(--texto); color: rgb(233, 237, 247); }
.b-icones i { font: normal 800 8.5px var(--texto); letter-spacing: 0.08em; color: var(--ouro-texto); min-height: 10px; }
.b-barra { border: 1.5px solid var(--ouro); border-radius: 999px; background: rgb(11, 26, 38); display: flex; align-items: center; padding: 0px 72px 0px 10px; box-sizing: border-box; position: relative; }
.b-barra .br-rol { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; flex: 1 1 0%; min-width: 0px; }
.b-barra .br-rol::-webkit-scrollbar { display: none; }
.b-barra .br-ic { flex: 0 0 42px; height: 42px; display: grid; place-items: center; }
.b-barra .br-ic img { width: 28px; height: 28px; object-fit: contain; }
.b-barra.pulsa { animation: 1.8s ease-in-out infinite pulsoOuro; }
.b-icones.pulsa .ic-item.on .ic-bola { animation: 1.8s ease-in-out infinite pulsoOuro; }
.b-icones.pulsa .ic-item:not(.on) { opacity: 0.5; }
.b-card .c-pct { position: absolute; left: 16px; right: 16px; bottom: 13px; display: flex; align-items: center; gap: 10px; }
.b-card .c-pct i { flex: 1 1 0%; height: 8px; width: auto; border-radius: 99px; background: rgb(34, 49, 61); overflow: hidden; position: static !important; display: block !important; }
.b-card .c-pct em { display: block; height: 100%; margin: 0px; border-radius: 99px; background: var(--ouro); }
.b-card .c-pct small { font: 800 12px/1 var(--texto); color: var(--ouro-texto); min-width: 38px; text-align: right; }
.b-imagem.com-campos { container-type: inline-size; }
.b-imagem .id-campos { position: absolute; inset: 0px; pointer-events: none; }
.b-imagem .id-c { position: absolute; display: flex; flex-direction: column; line-height: 1; white-space: nowrap; }
.b-imagem .id-c small { font: 500 2.05cqw/1 Oswald,var(--texto); letter-spacing: 0.02em; color: rgb(61, 73, 84); text-transform: uppercase; }
.b-imagem .id-c b { margin-top: 0.55cqw; font: 600 2.95cqw/1 Oswald,var(--texto); color: rgb(32, 39, 46); max-width: 28.5cqw; overflow: hidden; text-overflow: ellipsis; }
.b-formid { display: flex; flex-direction: column; gap: 16px; }
.b-formid .fi-c { display: flex; flex-direction: column; gap: 7px; }
.b-formid .fi-c > span { font: 800 11px/1 var(--texto); letter-spacing: 0.08em; color: var(--ouro-texto); }
.b-formid input { height: 46px; border-radius: 14px; border: 1.5px solid var(--ouro); background: rgb(6, 33, 43); color: rgb(233, 237, 247); font: 500 16px var(--texto); padding: 0px 14px; outline: currentcolor; width: 100%; box-sizing: border-box; color-scheme: dark; }
.b-formid input::placeholder { color: rgb(125, 140, 151); }
.b-formid .fi-cat { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.b-formid .fi-cat button, .b-formid .fi-ok { height: 43px; border-radius: 14px; border: 1.5px solid var(--ouro); background: rgb(0, 0, 0); color: var(--ouro-texto); font: 700 10px/1 var(--texto); letter-spacing: 0.02em; cursor: pointer; }
.b-formid .fi-cat button.sel, .b-formid .fi-ok { background: var(--ouro); color: rgb(29, 22, 6); }
.b-formid .fi-ok { margin-top: 6px; }
.b-formid .fi-aviso { min-height: 14px; font: 500 12px var(--texto); color: rgb(240, 199, 94); text-align: center; }
.b-barra .br-av { position: absolute; right: -2px; top: 50%; transform: translateY(-50%); width: 63px; height: 63px; border-radius: 50%; border: 2px solid var(--ouro); overflow: hidden; background: rgb(11, 26, 38); box-sizing: border-box; }
.b-barra .br-av img { width: 100%; height: 100%; object-fit: cover; }
.b-busca .bu-in { flex: 1 1 0%; min-width: 0px; height: 100%; border: 0px; outline: 0px; background: none; color: rgb(233, 237, 247); font-variant-caps: ; font-weight: ; font-width: ; font-size: ; line-height: ; font-family: ; font-size-adjust: ; font-kerning: ; font-variant-alternates: ; font-variant-ligatures: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-position: ; font-variant-emoji: ; font-feature-settings: ; font-optical-sizing: ; font-variation-settings: ; font-style: italic; padding: 0px; -webkit-user-select: text; }
.b-busca .bu-in::placeholder { color: rgb(127, 144, 156); font-size: 13px; }
.b-votacao { border: 2px solid var(--ouro); border-radius: 22px; background: rgb(16, 28, 38); box-sizing: border-box; padding: 16px 16px 14px; color: rgb(233, 237, 247); }
.b-votacao .vo-tag { display: inline-block; font: normal 800 9.5px var(--texto); letter-spacing: 0.12em; color: rgb(29, 22, 6); background: var(--ouro); border-radius: 999px; padding: 4px 9px; }
.b-votacao .vo-q { margin: 10px 0px 12px; font: normal 400 18px/1.15 var(--display); letter-spacing: 0.02em; }
.b-votacao .vo-op { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; margin: 0px 0px 9px; padding: 0px 14px; box-sizing: border-box; border: 1.5px solid rgb(58, 75, 88); border-radius: 14px; background: rgb(11, 22, 32); color: rgb(233, 237, 247); text-align: left; overflow: hidden; cursor: pointer; }
.b-votacao .vo-op .vo-bar { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0px; background: rgba(228, 183, 84, 0.18); transition: width 0.5s; }
.b-votacao .vo-op .vo-nome { position: relative; flex: 1 1 0%; font: normal 700 13.5px/1.25 var(--texto); }
.b-votacao .vo-op .vo-pc { position: relative; font: normal 800 13px var(--texto); color: var(--ouro); visibility: hidden; }
.b-votacao .vo-op .vo-ck { position: relative; flex: 0 0 20px; height: 20px; border-radius: 50%; border: 2px solid rgb(108, 125, 138); box-sizing: border-box; }
.b-votacao .vo-op.sel { border-color: var(--ouro); }
.b-votacao .vo-op.sel .vo-ck { border-color: var(--ouro); background: radial-gradient(circle,var(--ouro) 0 45%,transparent 50%); }
.b-votacao.votou .vo-pc { visibility: visible; }
.b-votacao .vo-btn { display: grid; place-items: center; width: 100%; height: 43px; margin-top: 4px; border: 0px; border-radius: 14px; background: var(--ouro); color: rgb(29, 22, 6); font: normal 700 10.5px var(--texto); letter-spacing: 0.04em; cursor: pointer; }
.b-votacao.votou .vo-btn { background: none; border: 2px solid var(--ouro); color: var(--ouro-texto); }
.b-votacao .vo-rod { margin-top: 10px; font: normal 500 11px var(--texto); color: rgb(139, 151, 163); text-align: center; }
.b-numerada { border: 2px solid var(--ouro); border-radius: 22px; background: rgb(16, 28, 38); box-sizing: border-box; padding: 6px 16px; }
.b-numerada .nu-l { display: flex; gap: 12px; padding: 10px 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(31, 51, 66); }
.b-numerada .nu-l:first-child { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.b-numerada i { flex: 0 0 26px; height: 26px; border-radius: 50%; background: var(--ouro); color: rgb(29, 22, 6); font: normal 800 13px/26px var(--texto); text-align: center; }
.b-numerada b { display: block; font: 700 13px/1.3 var(--texto); color: rgb(233, 237, 247); }
.b-numerada span { display: block; margin-top: 2px; font: 400 12px/1.35 var(--texto); color: rgb(184, 195, 204); }
.cartao-pers { display: flex; align-items: center; gap: 12px; box-sizing: border-box; border: 3px solid var(--cp); border-radius: 26px; padding: 0px 12px 0px 18px; background: linear-gradient(180deg,#020b0e 0%,color-mix(in srgb,var(--cp) 28%,#02161c) 100%); overflow: hidden; }
.cartao-pers .cp-tx { flex: 1 1 0%; min-width: 0px; align-self: flex-start; padding-top: 16px; }
.cartao-pers b { display: block; font: 400 18px/1.1 var(--display); letter-spacing: 0.03em; color: var(--cp); }
.cartao-pers span { display: block; margin-top: 6px; font: 500 12.5px/1.35 var(--texto); color: rgb(223, 230, 238); }
.cartao-pers .cp-rosto { flex: 0 0 auto; width: 78px; height: 78px; border-radius: 50%; object-fit: cover; border: 3px solid var(--cp); background: rgb(0, 0, 0); }
.b-fala.cartao-pers .cp-rosto { width: 64px; height: 64px; }
.b-fala.cartao-pers b { font-size: 15px; }
.cartao-pers.com-x { position: relative; padding-right: 14px; }
.cartao-pers.com-x .cp-rosto { align-self: flex-end; margin-top: 30px; }
.cartao-pers .cp-x { position: absolute; top: 8px; right: 10px; width: 32px; height: 32px; color: var(--cp); font: 800 25.5px/32px var(--texto); text-align: center; cursor: pointer; z-index: 2; }   /* sem o círculo e 50% maior (Ian, 20/10/2026) */
.cartao-pers .cp-nova { display: inline-block; margin-bottom: 5px; font: normal 800 9px var(--texto); letter-spacing: 0.1em; background: rgb(224, 83, 59); color: rgb(255, 255, 255); border-radius: 999px; padding: 3px 7px; }
.b-play { display: grid; place-items: center; pointer-events: auto; cursor: pointer; }
.b-play iframe { pointer-events: auto; }
.b-play i { width: 58px; height: 58px; border-radius: 50%; background: rgba(228, 183, 84, 0.95); box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 14px; display: grid; place-items: center; }
.b-play i::after { content: ""; border-left-width: 18px; border-left-style: solid; border-left-color: rgb(29, 22, 6); border-top-width: 11px; border-top-style: solid; border-top-color: transparent; border-bottom-width: 11px; border-bottom-style: solid; border-bottom-color: transparent; margin-left: 5px; }
.cartao-pers.b-fala, .cartao-pers.b-contato { padding-top: 14px; padding-bottom: 14px; height: auto !important; }
.cartao-pers .cp-tx { padding-top: 0px !important; }
.b-botao.com-ic { display: flex; align-items: center; justify-content: center; gap: 6px; }
.b-botao.com-ic svg { width: 16px; height: 16px; flex: 0 0 16px; }
.b{position:relative!important;pointer-events:auto}
.b.r-sob{position:absolute!important}
.r-caixa{display:block!important}
.b.r-den{display:block}
.b.r-den.b-botao{display:grid}
.b.r-den.cartao-pers,.b.r-den.b-busca,.b.r-den.b-social,.b.r-den.b-divisor{display:flex}
.r-linha{display:grid;grid-template-columns:100%;align-items:start}
.r-linha>.b{grid-area:1/1;justify-self:start;align-self:start}
.b-arte{background-size:cover!important;background-position:center top!important}
.r-fundo{position:fixed!important;inset:0;width:100%;height:100%}
.r-fundo img{width:100%;height:100%;object-fit:cover}
.r-linha.r-fixa{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:30;background:#000;padding-top:8px;padding-bottom:10px;box-shadow:0 8px 12px -8px rgba(0,0,0,.8),0 -80px 0 0 #000}
.b-pilulas{overflow-x:auto;scrollbar-width:none}
.b-video img{max-width:none}
.b-social span{white-space:nowrap;font-size:min(13.5px,3.3vw)}
:root{color-scheme:dark;background:#000;padding-top:0!important;padding-bottom:0!important;margin:0!important}
html,body{background:#000}
body{position:relative;min-height:100vh}
body.com-dock{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.dock{z-index:50;position:fixed;left:0;right:0;bottom:calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}
.dock .pil{pointer-events:auto;position:relative;width:calc(100% - 20px);max-width:540px;height:57px;border:1.5px solid var(--ouro);border-radius:999px;background:#0b1a26;display:flex;align-items:center;justify-content:space-between;padding:0 74px 0 14px}
.dock button{width:42px;height:42px;border:none;background:none;padding:7px;display:grid;place-items:center}
.dock button img{width:28px;height:28px;object-fit:contain}
.dock .av{position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:63px;height:63px;border-radius:50%;border:2px solid var(--ouro);overflow:hidden;background:#0b1a26;padding:0}
.dock .av img{width:100%;height:100%;object-fit:cover}
.dock .badge{position:absolute;right:-4px;bottom:-6px;width:22px;height:22px;border-radius:50%;border:1.5px solid #0b0b0b;background:radial-gradient(circle at 35% 30%,#f6d77a,#d9a93a 60%,#b98a24);color:#1a1406;font:800 12px/19px Outfit;text-align:center}
#pg-videoteca{--ouro: #e4b754; --ouro-texto: #dcb051; --tinta: #e9edf7; --sub: #b8c3cc; --secao: #dae4ed; --fundo: #000; --m: 21px; --gap: 16px; --bt-h: 43px;}
#pg-videoteca .pag{max-width: 560px; margin: 0px auto;}
#pg-videoteca .topo{position: relative; width: 100%; aspect-ratio: 412 / 346; background: center top / cover no-repeat rgb(0, 0, 0);}
#pg-videoteca .topo h1{position: absolute; left: 22px; top: 68.45%; margin: 0px; font-style: normal; font-variant-caps: normal; font-weight: 400; font-width: normal; font-size: 36px; line-height: 1; font-family: "Alfa Slab One", serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; letter-spacing: 0.6px; color: var(--tinta); text-transform: uppercase; white-space: nowrap;}
#pg-videoteca .topo p{position: absolute; left: 21px; top: 79.6%; margin: 0px; font-style: italic; font-variant-caps: normal; font-weight: 400; font-width: normal; font-size: 12.5px; line-height: 1; font-family: Outfit, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: var(--sub);}
#pg-videoteca .cont{padding: 0 var(--m);}
#pg-videoteca .abas{display: flex; gap: 8px; margin-top: 14px;}
#pg-videoteca .bt{flex: 1 1 0px; min-width: 0px; height: var(--bt-h); border-radius: 14px; border: 2px solid var(--ouro); display: grid; place-items: center; font-style: normal; font-variant-caps: normal; font-weight: 700; font-width: normal; font-size: 10px; line-height: 1; font-family: Outfit, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; cursor: pointer;}
#pg-videoteca .bt.cheio{background: var(--ouro); color: rgb(29, 22, 6);}
#pg-videoteca .bt.contorno{background: rgb(0, 0, 0); color: var(--ouro-texto);}
#pg-videoteca h2{margin: calc(var(--gap) + 8px) 0 12px; font-style: normal; font-variant-caps: normal; font-weight: 700; font-width: normal; font-size: 14px; line-height: 1; font-family: Outfit, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: var(--secao); text-transform: uppercase;}
#pg-videoteca .destaque{position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; border: 2px solid rgb(45, 58, 69); overflow: hidden; background: center center / cover no-repeat rgb(0, 0, 0);}
#pg-videoteca .play{position: absolute; inset: 0px; display: grid; place-items: center;}
#pg-videoteca .play i{width: 58px; height: 58px; border-radius: 50%; background: rgba(228, 183, 84, 0.95); box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 14px; display: grid; place-items: center;}
#pg-videoteca .play i::after{content: ""; border-left-width: 18px; border-left-style: solid; border-left-color: rgb(29, 22, 6); border-top-width: 11px; border-top-style: solid; border-top-color: transparent; border-bottom-width: 11px; border-bottom-style: solid; border-bottom-color: transparent; margin-left: 5px;}
#pg-videoteca .tit-v{margin: 8px 0px 2px; font-style: normal; font-variant-caps: normal; font-weight: 700; font-width: normal; font-size: 13px; line-height: 1.25; font-family: Outfit, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: var(--tinta);}
#pg-videoteca .meta{margin: 0px; font-style: normal; font-variant-caps: normal; font-weight: 400; font-width: normal; font-size: 10.5px; line-height: 1.3; font-family: Outfit, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: rgb(139, 151, 163);}
#pg-videoteca .linha{display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--m)); padding: 0 var(--m); scroll-snap-type: x mandatory; scroll-padding-inline: var(--m);}
#pg-videoteca .linha::-webkit-scrollbar{display: none;}
#pg-videoteca .item{flex: 0 0 auto; scroll-snap-align: start;}
#pg-videoteca .item .th{border-radius: 12px; background: center center / cover rgb(10, 15, 20); border: 2px solid var(--ouro);}
#pg-videoteca .item .th.vazia{border: 1px dashed rgba(228, 183, 84, 0.42); display: grid; place-items: center; font-style: normal; font-variant-caps: normal; font-weight: 600; font-width: normal; font-size: 12px; line-height: normal; font-family: Outfit; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: rgb(111, 122, 134);}
#pg-videoteca .short{width: 99px;}
#pg-videoteca .short .th{width: 99px; aspect-ratio: 9 / 16;}
#pg-videoteca .video{width: 220px;}
#pg-videoteca .video .th{width: 220px; aspect-ratio: 16 / 9;}
#pg-videoteca .item b{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; font-style: normal; font-variant-caps: normal; font-weight: 600; font-width: normal; font-size: 10.5px; line-height: 1.3; font-family: Outfit, sans-serif; font-size-adjust: none; font-kerning: auto; font-variant-alternates: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-position: normal; font-variant-emoji: normal; font-feature-settings: normal; font-optical-sizing: auto; font-variation-settings: normal; color: rgb(198, 206, 215);}
#pg-videoteca .video b{font-size: 11px;}
.jogo-cheio{position:fixed;inset:0;background:#000;z-index:60}
.jogo-cheio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (orientation:portrait){.jogo-cheio.deitado iframe{inset:auto;top:0;left:100vw;width:100vh;height:100vw;transform-origin:0 0;transform:rotate(90deg)}@supports (height:100dvh){.jogo-cheio.deitado iframe{width:100dvh}}.jogo-cheio.deitado .jogo-voltar{left:auto;right:12px;top:calc(12px + env(safe-area-inset-top));transform:rotate(90deg)}}
.jogo-voltar{position:absolute;left:12px;top:calc(12px + env(safe-area-inset-top));width:40px;height:40px;border-radius:50%;border:2px solid #e4b754;background:rgba(0,0,0,.6);color:#e4b754;font:700 24px/1 sans-serif;z-index:2}
[data-ir],[data-link],[data-video],.dock button,.mp-pin{cursor:pointer}
[data-ir]:active,[data-link]:active,[data-video]:active{filter:brightness(1.15)}
.r-ref img{display:block;width:100%;max-width:560px;margin:0 auto}
.r-ref p{margin:12px 21px;font:600 12px var(--texto);color:#8b97a3;text-align:center}
html{touch-action:manipulation;-webkit-text-size-adjust:100%}
#mapa{position:fixed;inset:0;overflow:hidden;background:#06121a;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;visibility:hidden}
#mapa.pronto{visibility:visible}
#mapa[hidden]{display:none}
#mapa .mp-in{position:absolute;left:0;top:0;transform-origin:0 0;--inv:1}
#mapa.mexendo .mp-in{will-change:transform}
#mapa .mp-in>img{display:block;width:100%;height:100%;pointer-events:none}
.mp-pin{position:absolute;width:0;height:0;transform:scale(var(--inv));transform-origin:0 0}
.mp-pin .bola{position:absolute;left:-23px;top:-23px;width:46px;height:46px;border-radius:50%;background:#0e1820;box-shadow:0 0 0 3px #e4b754,0 4px 10px rgba(0,0,0,.45);display:grid;place-items:center}
.mp-pin .ic{display:block;width:26px;height:26px;background:#f3ead6;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.mp-pin.aberto .bola{width:74px;height:74px;left:-37px;top:-51px}
.mp-pin.aberto .ic{width:40px;height:40px}
.mp-pin.obra .bola{width:39px;height:39px;left:-19.5px;top:-16px}
.mp-pin.obra .ic{width:22px;height:22px}
.mp-pin.obra .bola,.mp-pin.obra .rot{filter:brightness(.5)}
.mp-pin .rot{position:absolute;left:0;top:27px;transform:translateX(-50%);background:var(--rot,#d07300);transition:background-color 60s linear;color:#fff;border:2px solid #f5e3c0;border-radius:16px;padding:4px 12px;font:italic 800 14px/1.15 var(--texto);letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:pre;box-shadow:0 3px 8px rgba(0,0,0,.4)}
.mp-pin .toque{position:absolute;left:-46px;top:-60px;width:92px;height:120px}
.mp-pin.aberto .bola{animation:pulsa 3.2s ease-in-out infinite}
.mp-pin.aberto .bola:before,.mp-pin.aberto .bola:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(228,183,84,.85);animation:radar 3.2s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.mp-pin.aberto .bola:after{animation-delay:1.6s}
@keyframes pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes radar{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.1);opacity:0}}
@media (prefers-reduced-motion:reduce){.mp-pin.aberto .bola,.mp-pin.aberto .bola:before,.mp-pin.aberto .bola:after{animation:none}}
#lista{position:fixed;inset:0;z-index:40;background:rgba(0,4,8,.38);display:none}
#lista.aberto{display:block}
#lista .ls{position:absolute;left:20px;right:20px;top:calc(env(safe-area-inset-top,0px) + 48px);bottom:calc(env(safe-area-inset-bottom,0px) + 118px);max-width:520px;margin:0 auto;border:3px solid var(--ouro);border-radius:24px;background:linear-gradient(180deg,#000203 0%,#03161d 45%,#06414c 100%);display:flex;flex-direction:column;gap:11px;padding:52px 32px 36px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
#lista .busca{position:relative;flex:0 0 auto}
#lista .busca input{width:100%;height:46px;border-radius:12px;border:2.5px solid var(--ouro);background:#06212b;color:var(--tinta);font:italic 400 16px var(--texto);padding:0 46px 0 16px;outline:none}
#lista .busca input::placeholder{color:#9aa9b4}
#lista .busca svg{position:absolute;right:12px;top:9px;width:28px;height:28px;pointer-events:none}
#capaBarra{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 54px);width:min(62vw,280px);transform:translateX(-50%);text-align:center;pointer-events:none}
#capaBarra b{display:block;min-height:13px;margin-bottom:8px;font:700 13px/1 var(--texto);letter-spacing:.08em;color:#f3e2b0;text-shadow:0 1px 4px rgba(0,0,0,.85);font-variant-numeric:tabular-nums}
#capaBarra .cb-t{height:7px;border-radius:4px;background:rgba(0,0,0,.55);box-shadow:0 0 0 1px rgba(228,183,84,.55);overflow:hidden}
#capaBarra .cb-t i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#c9932f,#f0c75e);animation:cbEntra 8s cubic-bezier(.1,.7,.3,1) forwards;transition:width .35s ease-out}
@keyframes cbEntra{to{width:12%}}
#capaBarra.js .cb-t i{animation:none}
#avisoMapa{position:fixed;inset:0;z-index:45;background:rgba(4,8,14,.62);overflow:auto;animation:avisoEntra .1s linear both}
#avisoMapa .r-pag{pointer-events:auto}
#lista .rol{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:11px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#lista .rol::-webkit-scrollbar{display:none}
#lista .it{flex:0 0 75px;display:flex;align-items:center;gap:16px;width:100%;border:1.5px solid var(--ouro);border-radius:20px;background:#04131b;padding:0 14px 0 17px;text-align:left;color:var(--tinta)}
#lista .it[hidden]{display:none}
#lista .it .ci{flex:0 0 62px;width:62px;height:62px;border-radius:50%;border:1.5px solid var(--ouro);background:#000;display:grid;place-items:center;overflow:hidden}
#lista .it .ci img{width:52px;height:52px;object-fit:contain}
#lista .it .ci svg{width:30px;height:30px}
#lista .it b{font:400 17px/1.15 var(--display);letter-spacing:.01em;color:#eef0f4}
#lista .fechar{flex:0 0 36px;width:100%;border-radius:999px;border:1.5px solid var(--ouro);background:#03161d;color:var(--ouro);font:800 12px/1 var(--texto);letter-spacing:.04em}
.dock .pil{padding:0 74px 0 10px!important}
.dk-rol{display:flex;align-items:center;gap:0;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.dk-rol::-webkit-scrollbar{display:none}
.dk-rol.poucos{justify-content:space-evenly;overflow:visible}
.dk-rol button{flex:0 0 20%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}
.dk-rol.poucos button{flex:0 0 auto}
.b-barra .br-ic{transition:transform .12s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.b-barra .br-ic.arrastando{transform:scale(1.25);background:rgba(228,183,84,.25);border-radius:12px}
.b-barra .br-ic img{pointer-events:none}
.fala-app{position:fixed;left:12px;right:12px;z-index:60;max-width:536px;margin:0 auto;transform-origin:50% 50%;animation:falaNasce .4s both}
.fala-app.saindo{animation:falaSai .4s both;pointer-events:none}
.fala-veu{animation:veuNasce .4s both}.fala-veu.saindo{animation:veuSai .4s both;pointer-events:none}
.fala-app.topo,.fala-app.notif{top:calc(env(safe-area-inset-top,0px) + 12px)}
.fala-app.popup{top:30%}
.fala-app .b{position:relative!important;box-shadow:0 10px 26px rgba(0,0,0,.6)}
.fala-app .fx{position:absolute;right:-6px;top:-10px;width:30px;height:30px;border-radius:50%;border:2px solid var(--ouro);background:#000;color:var(--ouro);font:800 15px/26px var(--texto);text-align:center;z-index:2;cursor:pointer}
.fala-veu{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:59}
.fala-meio{padding:12px 21px 0}
#avisoMapa .obra-pop{animation:falaNasce .4s both}#avisoMapa .obra-pop.saindo{animation:falaSai .4s both}
#avisoMapa.saindo{animation:avisoSai .4s both;pointer-events:none}
@keyframes avisoEntra{from{opacity:0}to{opacity:1}}
@keyframes avisoSai{0%,75%{opacity:1}100%{opacity:0}}
@keyframes falaEntra{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
/* mensagem de personagem (pedido do Ian, 19/10/2026): nasce em 95% já crescendo, chega a 103% em 6 quadros (24 por segundo,
   250 ms) e volta freando até parar em 100%; ao ir embora, o mesmo ao contrário */
@keyframes falaNasce{0%{opacity:0;transform:scale(.95);animation-timing-function:linear}12.5%{opacity:1}62.5%{transform:scale(1.03);animation-timing-function:cubic-bezier(.2,.6,.35,1)}100%{opacity:1;transform:scale(1)}}
@keyframes falaSai{0%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.65,0,.8,.4)}37.5%{transform:scale(1.03);animation-timing-function:linear}87.5%{opacity:1}100%{opacity:0;transform:scale(.95)}}
@keyframes veuNasce{from{opacity:0}to{opacity:1}}
@keyframes veuSai{0%{opacity:1}100%{opacity:0}}
#sb{position:fixed;inset:0;width:100%;height:100%;border:0;background:#000}
html.sem-rolar,html.sem-rolar body{overflow:hidden;overscroll-behavior:none;height:100%}
.dock .av img.foto-user,.br-av img.foto-user{object-position:50% 10%;transform:none}
@keyframes pulsoOuro{0%,100%{box-shadow:0 0 0 0 rgba(228,183,84,.55)}50%{box-shadow:0 0 0 7px rgba(228,183,84,0)}}
.b-formid input,.b-formid button{pointer-events:auto}
/* votação com a imagem de cada opção numa bola à direita (Ian, 20/10/2026) */
.b-votacao .vo-op.alta { min-height: 104px; }
.b-votacao .vo-op .vo-img { position: relative; flex: 0 0 76px; height: 76px; border-radius: 50%; border: 3px solid var(--ouro); background: rgb(0, 0, 0) center / cover no-repeat; box-sizing: border-box; }
.b-votacao .vo-op .vo-img.vazia { border-style: dashed; border-color: rgb(58, 75, 88); background: none; }
.b-votacao.votou .vo-op.alta .vo-pc { order: 0; }
/* página POR CIMA (popup com o fundo de onde a pessoa estava; Ian, 21/10/2026) */
#sobre.pagina-sobre { position: fixed; inset: 0; z-index: 950; overflow-y: auto; -webkit-overflow-scrolling: touch; background: transparent; }
#sobre.pagina-sobre > .pagina-app { min-height: 100%; animation: avisoEntra .25s both; }