/* App dos membros do Kapital Club: "noite dourada", celular primeiro. Nada de feed de fotos: cartões de recado. */
@font-face { font-family:'Ubuntu'; src:url('../fonts/Ubuntu-Regular.ttf'); font-weight:400; font-display:swap; }
@font-face { font-family:'Ubuntu'; src:url('../fonts/Ubuntu-Medium.ttf'); font-weight:500; font-display:swap; }
@font-face { font-family:'Ubuntu'; src:url('../fonts/Ubuntu-Bold.ttf'); font-weight:700; font-display:swap; }
@font-face { font-family:'Cormorant'; src:url('../fonts/CormorantGaramond-latin.woff2') format('woff2'); font-weight:300 700; font-display:swap; }
@font-face { font-family:'Michroma'; src:url('../fonts/Michroma-latin.woff2') format('woff2'); font-display:swap; }

:root {
  --fundo:#0B0A08; --cartao:#15130F; --cartao2:#1C1914; --linha:#2A261E; --ouro:#F0C259; --ouro2:#C9A043;
  --marfim:#F5EFE3; --texto:#E4DCCB; --suave:#9C9384; --verde:#7FC79A; --vermelho:#E88A7A;
  --raio:18px; --barra:64px;
}
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { background:var(--fundo); }
body { margin:0; background:var(--fundo); color:var(--texto); font:400 16px/1.5 'Ubuntu', system-ui, sans-serif;
       min-height:100vh; padding-bottom:calc(var(--barra) + env(safe-area-inset-bottom) + 24px); }
a { color:var(--ouro); text-decoration:none; }
img { max-width:100%; display:block; }
h1, h2, h3 { color:var(--marfim); margin:0; font-weight:500; }
.serif { font-family:'Cormorant', Georgia, serif; }

/* topo */
.topo { position:sticky; top:0; z-index:20; background:rgba(11,10,8,.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
        border-bottom:1px solid var(--linha); padding:calc(env(safe-area-inset-top) + 12px) 16px 12px; display:flex; align-items:center; gap:12px; }
.topo .marca { height:12px; width:auto; opacity:.95; }
.topo h1 { font:500 20px/1.2 'Ubuntu'; flex:1; }
.topo .voltar { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:var(--cartao2); color:var(--marfim); }
.topo .acao { margin-left:auto; }
main { max-width:640px; margin:0 auto; padding:16px; }
.equipe-faixa { background:rgba(240,194,89,.1); color:var(--ouro); font-size:13px; text-align:center; padding:6px 12px; border-bottom:1px solid var(--linha); }
.equipe-faixa a { text-decoration:underline; }

/* barra de abas */
.abas { position:fixed; left:0; right:0; bottom:0; z-index:30; background:rgba(14,13,10,.96); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
        border-top:1px solid var(--linha); display:flex; justify-content:space-around; padding:6px 4px calc(env(safe-area-inset-bottom) + 6px); }
.abas a { flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; color:var(--suave); font-size:11px; padding:6px 0; position:relative; }
.abas a svg { width:24px; height:24px; }
.abas a.ativa { color:var(--ouro); }
.abas .bolinha { position:absolute; top:4px; left:calc(50% + 8px); min-width:9px; height:9px; border-radius:9px; background:var(--ouro); box-shadow:0 0 0 2px var(--fundo); }

/* avisos */
.aviso { border-radius:14px; padding:12px 14px; margin-bottom:14px; font-size:15px; }
.aviso.ok { background:rgba(127,199,154,.12); color:var(--verde); }
.aviso.erro { background:rgba(232,138,122,.12); color:var(--vermelho); }

/* cartões */
.cartao { background:var(--cartao); border:1px solid var(--linha); border-radius:var(--raio); padding:16px; margin-bottom:14px; }
.cartao.fixado { border-color:rgba(240,194,89,.45); }
.cartao a.cobre { color:inherit; }
.autor { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.autor .nome { color:var(--marfim); font-weight:500; line-height:1.2; }
.autor .sub { color:var(--suave); font-size:13px; line-height:1.3; }
.av { width:42px; height:42px; border-radius:50%; object-fit:cover; background:var(--cartao2); flex:none; border:1px solid var(--linha); }
.av.g { width:96px; height:96px; }
.av.xg { width:132px; height:132px; border:2px solid var(--ouro2); }
.av.letra { display:flex; align-items:center; justify-content:center; color:var(--ouro); font:500 17px 'Michroma'; }
.av.equipe { background:#000 url('../logo-kapital-club.png') center/80% no-repeat; }
.chip { display:inline-flex; align-items:center; gap:6px; font-size:12px; letter-spacing:.4px; padding:4px 10px; border-radius:99px;
        background:var(--cartao2); color:var(--texto); border:1px solid var(--linha); white-space:nowrap; }
.chip.preciso { color:#F2B880; border-color:rgba(242,184,128,.35); }
.chip.ajudo { color:var(--verde); border-color:rgba(127,199,154,.35); }
.chip.conquista { color:var(--ouro); border-color:rgba(240,194,89,.4); }
.chip.dica { color:#9CC3F0; border-color:rgba(156,195,240,.35); }
.chip.aviso { color:#000; background:var(--ouro); border-color:var(--ouro); }
.chip.apagado { color:var(--vermelho); }
.recado-texto { color:var(--texto); font-size:16px; margin:10px 0 0; word-wrap:break-word; }
.recado-img { border-radius:14px; margin-top:12px; width:100%; max-height:420px; object-fit:cover; }
.rodape-recado { display:flex; align-items:center; gap:8px; margin-top:14px; flex-wrap:wrap; }
.reacao { display:inline-flex; align-items:center; gap:6px; background:transparent; border:1px solid var(--linha); color:var(--suave);
          border-radius:99px; padding:7px 13px; font:500 14px 'Ubuntu'; cursor:pointer; }
.reacao[aria-pressed="true"] { color:#000; background:var(--ouro); border-color:var(--ouro); }
.reacao .n:empty { display:none; }
.coment-link { margin-left:auto; color:var(--suave); font-size:14px; display:inline-flex; align-items:center; gap:6px; }

/* filtros (chips roláveis) */
.filtros { display:flex; gap:8px; overflow-x:auto; padding:2px 16px 12px; margin:0 -16px; scrollbar-width:none; }
.filtros::-webkit-scrollbar { display:none; }
.filtros a { flex:none; font-size:14px; padding:8px 14px; border-radius:99px; border:1px solid var(--linha); color:var(--texto); background:var(--cartao); }
.filtros a.on { background:var(--ouro); color:#000; border-color:var(--ouro); }

/* botões e formulários */
.botao { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--ouro); color:#000; border:0; border-radius:14px;
         padding:14px 20px; font:500 16px 'Ubuntu'; cursor:pointer; text-align:center; }
.botao.cheio { width:100%; }
.botao.linha { background:transparent; color:var(--ouro); border:1px solid rgba(240,194,89,.5); }
.botao.cinza { background:var(--cartao2); color:var(--texto); border:1px solid var(--linha); }
.botao.zap { background:#25D366; color:#062E16; }
.botao.peq { padding:9px 14px; font-size:14px; border-radius:12px; }
.botao[disabled] { opacity:.55; }
.botoes { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.botoes > * { flex:1; }
label { display:block; color:var(--marfim); font-size:15px; margin:16px 0 6px; }
label small { display:block; color:var(--suave); font-size:13px; margin-top:2px; }
input[type=text], input[type=tel], input[type=password], input[type=date], input[type=time], input[type=search], textarea, select {
  width:100%; background:var(--cartao2); border:1px solid var(--linha); color:var(--marfim); border-radius:12px; padding:13px 14px;
  font:400 16px 'Ubuntu'; outline:none; -webkit-appearance:none; appearance:none; }
input:focus, textarea:focus, select:focus { border-color:var(--ouro); }
textarea { min-height:120px; resize:vertical; }
input[type=file] { color:var(--suave); font-size:14px; }
.tipos { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.tipos label { margin:0; display:flex; flex-direction:column; gap:2px; padding:12px; border:1px solid var(--linha); border-radius:14px; background:var(--cartao); cursor:pointer; font-size:15px; }
.tipos label small { margin:0; }
.tipos input { display:none; }
.tipos label:has(input:checked) { border-color:var(--ouro); background:rgba(240,194,89,.1); }
.marcar { display:flex; flex-wrap:wrap; gap:8px; }
.marcar label { margin:0; display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid var(--linha); border-radius:99px; font-size:14px; color:var(--texto); background:var(--cartao); }
.marcar input { accent-color:var(--ouro); width:17px; height:17px; margin:0; }
.marcar label:has(input:checked) { border-color:var(--ouro); background:rgba(240,194,89,.1); }
.check { display:flex; gap:10px; align-items:center; color:var(--texto); }
.check input { width:20px; height:20px; accent-color:var(--ouro); }

/* listas */
.linha-membro { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--linha); color:inherit; }
.linha-membro:last-child { border-bottom:0; }
.linha-membro .info { flex:1; min-width:0; }
.linha-membro .nome { color:var(--marfim); font-weight:500; }
.linha-membro .sub { color:var(--suave); font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.selo { font-size:12px; color:var(--verde); }
.busca { position:relative; margin-bottom:12px; }
.busca input { padding-left:42px; }
.busca svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--suave); }
.vazio { text-align:center; color:var(--suave); padding:40px 16px; }
.vazio .serif { font-size:26px; color:var(--marfim); display:block; margin-bottom:6px; }
.secao { color:var(--ouro); font-size:12px; letter-spacing:2.5px; text-transform:uppercase; margin:26px 0 10px; font-weight:500; }

/* cartão do membro */
.perfil-topo { text-align:center; padding:8px 0 4px; }
.perfil-topo .av { margin:0 auto 14px; }
.perfil-topo h2 { font:500 24px/1.2 'Ubuntu'; }
.perfil-topo .area { color:var(--ouro); font-size:13px; letter-spacing:2px; text-transform:uppercase; margin-top:6px; }
.perfil-topo .lugar { color:var(--suave); font-size:14px; margin-top:4px; }
.frase { font:italic 400 22px/1.35 'Cormorant', Georgia, serif; color:var(--marfim); text-align:center; margin:18px 8px 6px; }
.campo { margin-top:16px; }
.campo h4 { margin:0 0 4px; color:var(--suave); font-size:12px; letter-spacing:1.6px; text-transform:uppercase; font-weight:500; }
.campo p { margin:0; color:var(--texto); }
.contagem { display:flex; justify-content:center; gap:22px; color:var(--suave); font-size:14px; margin-top:12px; }
.contagem b { color:var(--marfim); font-weight:500; }

/* oportunidades e agenda */
.op-img { border-radius:14px; width:100%; aspect-ratio:16/9; object-fit:cover; margin-bottom:12px; background:var(--cartao2); }
.op-titulo { font:500 19px/1.3 'Ubuntu'; color:var(--marfim); margin:6px 0 4px; }
.op-meta { color:var(--suave); font-size:14px; display:flex; flex-wrap:wrap; gap:4px 14px; }
.op-valor { color:var(--ouro); font-weight:500; }
.data-bloco { display:flex; gap:14px; align-items:center; }
.data-bloco .dia { flex:none; width:58px; text-align:center; border:1px solid rgba(240,194,89,.4); border-radius:14px; padding:6px 0; }
.data-bloco .dia b { display:block; font:500 24px/1 'Ubuntu'; color:var(--marfim); }
.data-bloco .dia span { font-size:11px; letter-spacing:1.5px; color:var(--ouro); text-transform:uppercase; }
.inativo { opacity:.55; }
.rotulo-eq { font-size:12px; color:var(--ouro); border:1px dashed rgba(240,194,89,.5); border-radius:8px; padding:2px 8px; }

/* botão flutuante */
.flutua { position:fixed; right:18px; bottom:calc(var(--barra) + env(safe-area-inset-bottom) + 18px); z-index:25; width:58px; height:58px; border-radius:50%;
          background:var(--ouro); color:#000; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,.5); }
.flutua svg { width:26px; height:26px; }

/* entrar */
.entrar { min-height:100vh; display:flex; flex-direction:column; justify-content:center; max-width:420px; margin:0 auto; padding:32px 22px; }
.entrar .logo { width:220px; margin:0 auto 28px; }
.entrar h1 { font:400 34px/1.15 'Cormorant', Georgia, serif; text-align:center; }
.entrar p.intro { text-align:center; color:var(--suave); margin:10px 0 18px; }
.entrar .rodape { text-align:center; margin-top:22px; color:var(--suave); font-size:14px; }
body.solto { padding-bottom:0; }

.passos { counter-reset:p; padding:0; list-style:none; }
.passos li { counter-increment:p; position:relative; padding:0 0 16px 44px; }
.passos li::before { content:counter(p); position:absolute; left:0; top:-2px; width:30px; height:30px; border-radius:50%; background:var(--cartao2);
                     border:1px solid var(--ouro2); color:var(--ouro); display:flex; align-items:center; justify-content:center; font-size:14px; }
.coment { display:flex; gap:10px; padding:12px 0; border-bottom:1px solid var(--linha); }
.coment .av { width:34px; height:34px; }
.coment .corpo { flex:1; min-width:0; }
.coment .nome { color:var(--marfim); font-weight:500; font-size:14px; }
.coment .quando { color:var(--suave); font-size:12px; margin-left:6px; }
.coment p { margin:2px 0 0; font-size:15px; word-wrap:break-word; }
.mini { background:none; border:0; color:var(--suave); font:13px 'Ubuntu'; padding:4px 0; cursor:pointer; text-decoration:underline; }
details.eq { margin-top:12px; }
details.eq summary { color:var(--ouro); font-size:14px; cursor:pointer; }

/* salas (modelo Discord) */
.sala-linha { display:flex; align-items:center; gap:14px; padding:14px 16px; background:var(--cartao); border:1px solid var(--linha);
              border-radius:16px; margin-bottom:10px; color:inherit; }
.sala-linha .emoji { width:44px; height:44px; flex:none; border-radius:14px; background:var(--cartao2); display:flex; align-items:center;
                     justify-content:center; font-size:22px; }
.sala-linha .info { flex:1; min-width:0; display:block; }
.sala-linha .nome { color:var(--marfim); font-weight:500; display:flex; align-items:center; gap:8px; }
.sala-linha .desc { display:block; color:var(--suave); font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sala-linha.tem-novo .nome { color:#fff; font-weight:700; }
.contador { min-width:22px; height:22px; padding:0 7px; border-radius:11px; background:var(--ouro); color:#000; font-size:12px; font-weight:700;
            display:inline-flex; align-items:center; justify-content:center; flex:none; }
.cadeado { font-size:12px; color:var(--suave); }
.destaque { display:flex; gap:12px; align-items:center; background:linear-gradient(135deg, rgba(240,194,89,.16), rgba(240,194,89,.04));
            border:1px solid rgba(240,194,89,.35); border-radius:18px; padding:14px 16px; margin-bottom:12px; color:inherit; }
.destaque .rot { color:var(--ouro); font-size:11px; letter-spacing:2px; text-transform:uppercase; }
.destaque .tit { color:var(--marfim); font-weight:500; }
.destaque .sub { color:var(--suave); font-size:14px; }
.sala-cab { display:flex; gap:14px; align-items:center; margin-bottom:16px; }
.sala-cab .emoji { font-size:30px; width:56px; height:56px; border-radius:18px; background:var(--cartao); border:1px solid var(--linha);
                   display:flex; align-items:center; justify-content:center; flex:none; }
.sala-cab p { margin:2px 0 0; color:var(--suave); font-size:14px; }
.topico-linha { display:block; background:var(--cartao); border:1px solid var(--linha); border-radius:16px; padding:14px 16px; margin-bottom:10px; color:inherit; }
.topico-linha.fixado { border-color:rgba(240,194,89,.45); }
.topico-linha .tit { color:var(--marfim); font-weight:500; font-size:17px; line-height:1.3; display:flex; gap:8px; align-items:flex-start; }
.topico-linha.novo .tit { color:#fff; font-weight:700; }
.topico-linha .tit .ponto { width:9px; height:9px; border-radius:50%; background:var(--ouro); flex:none; margin-top:7px; }
.topico-linha .previa { color:var(--suave); font-size:14px; margin-top:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.topico-linha .meta { display:flex; align-items:center; gap:8px; margin-top:10px; color:var(--suave); font-size:13px; }
.topico-linha .meta .av { width:22px; height:22px; font-size:10px; }
.topico-linha .meta .resp { margin-left:auto; display:inline-flex; align-items:center; gap:5px; }
.topico-linha .meta svg { width:15px; height:15px; }
.topico-cab h2 { font:500 23px/1.25 'Ubuntu'; margin:10px 0 0; }
.msg { display:flex; gap:10px; padding:12px 0; }
.msg + .msg { border-top:1px solid rgba(42,38,30,.6); }
.msg .av { width:38px; height:38px; }
.msg .corpo { flex:1; min-width:0; }
.msg .quem { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.msg .quem .nome { color:var(--marfim); font-weight:500; font-size:15px; }
.msg .quem .hora { color:var(--suave); font-size:12px; }
.msg .quem .tag-eq { font-size:10px; letter-spacing:1px; color:#000; background:var(--ouro); border-radius:5px; padding:1px 6px; }
.msg p { margin:3px 0 0; word-wrap:break-word; }
.msg img.anexo { border-radius:12px; margin-top:8px; max-height:340px; width:auto; }
.msg.oculta { opacity:.45; }
.responder { background:var(--cartao); border:1px solid var(--linha); border-radius:18px; padding:12px; margin-top:18px; }
.responder textarea { min-height:64px; background:var(--cartao2); }
.responder .linha-acoes { display:flex; align-items:center; gap:10px; margin-top:10px; }
.responder .anexar { display:inline-flex; align-items:center; gap:6px; color:var(--suave); font-size:14px; cursor:pointer; margin:0; }
.responder .anexar input { display:none; }
.responder .anexar svg { width:20px; height:20px; }
.responder .botao { margin-left:auto; }

/* 17/10: 3 abas (Salas, Oportunidades, Membros); perfil = foto no canto do topo; agenda dentro de Salas */
.eu-topo { position:relative; flex:none; display:flex; width:36px; height:36px; border-radius:50%; color:var(--suave); align-items:center; justify-content:center; }
.eu-topo .av { width:36px; height:36px; }
.eu-topo svg { width:26px; height:26px; }
.eu-topo.ativa .av { border-color:var(--ouro); }
.eu-topo .bolinha { position:absolute; top:-1px; right:-1px; width:11px; height:11px; border-radius:50%; background:var(--ouro); box-shadow:0 0 0 2px var(--fundo); }
.topo .acao + .eu-topo { margin-left:6px; }
.topo h1 + .eu-topo { margin-left:auto; }
.agenda-linha { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--linha); border-radius:16px; background:var(--cartao); color:inherit; margin-bottom:10px; }
.agenda-linha .info { flex:1; min-width:0; }
.agenda-linha .tit { color:var(--marfim); font-weight:500; }
.agenda-linha .sub { color:var(--suave); font-size:14px; }

/* conversa para criar oportunidade (equipe) */
.chat { display:flex; flex-direction:column; gap:10px; }
.bolha { max-width:88%; padding:11px 14px; border-radius:18px; font-size:15px; line-height:1.45; word-wrap:break-word; }
.bolha .quem { font-size:12px; color:var(--suave); margin-bottom:3px; }
.bolha.claude { align-self:flex-start; background:var(--cartao); border:1px solid var(--linha); border-bottom-left-radius:6px; }
.bolha.claude .quem { color:var(--ouro); }
.bolha.equipe { align-self:flex-end; background:rgba(240,194,89,.14); border:1px solid rgba(240,194,89,.3); color:var(--marfim); border-bottom-right-radius:6px; }
.anexos { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.anexos img { width:74px; height:74px; object-fit:cover; border-radius:10px; }
.link-lido { align-self:center; color:var(--suave); font-size:13px; }
.pontos i { display:inline-block; width:5px; height:5px; margin-left:3px; border-radius:50%; background:var(--ouro); animation:pisca 1.2s infinite; }
.pontos i:nth-child(2) { animation-delay:.2s; } .pontos i:nth-child(3) { animation-delay:.4s; }
@keyframes pisca { 0%, 80%, 100% { opacity:.2; } 40% { opacity:1; } }
.capas button { padding:0; border:2px solid transparent; border-radius:12px; background:none; cursor:pointer; }
.capas button.on { border-color:var(--ouro); }
.capas button.sem { width:74px; height:74px; color:var(--suave); font:13px 'Ubuntu'; border:1px dashed var(--linha); }
.capas button.sem.on { border:2px solid var(--ouro); color:var(--ouro); }

/* Entrada do app dos membros no padrão visual FR Prime. */
body.solto .entrar-pagina { display:grid; grid-template-columns:55% minmax(0,45%); min-height:100dvh; background:#16171b; }
body.solto .identidade-login { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px 25px; text-align:center; background:radial-gradient(ellipse 420px 360px at 49% 55%,#252118,#11100e 48%,#0a0a0b 100%); }
body.solto .identidade-login img { width:min(510px,78%); height:auto; margin-bottom:40px; }
body.solto .lema-login { display:flex; align-items:center; justify-content:center; gap:18px; color:#f0c259; font-size:14px; font-weight:700; letter-spacing:.37em; text-transform:uppercase; margin:0; }
body.solto .lema-login::before,body.solto .lema-login::after { content:''; width:34px; height:1px; background:#8d6b29; flex:none; }
body.solto .sistema-login { color:#fff; font-size:clamp(20px,2vw,30px); font-weight:500; margin:28px 0 0; }
body.solto .entrar { align-self:center; width:min(405px,calc(100% - 64px)); max-width:none; min-height:0; padding:38px 0; }
body.solto .entrar h1 { color:#fff; font:700 28px/1.25 'Ubuntu',sans-serif; text-align:left; }
body.solto .entrar p.intro { color:#c5c6ca; text-align:left; margin:7px 0 22px; }
body.solto .entrar label { color:#fff; font-size:14px; font-weight:700; }
body.solto .entrar input { min-height:46px; border-color:#37383d; border-radius:11px; background:#101114; color:#fff; }
body.solto .entrar .botao { min-height:38px; border:1px solid #a9a9ab; border-radius:10px; background:linear-gradient(#b5b5b7,#77787b); box-shadow:inset 0 1px #dedee0; color:#fff; font-size:15px; }
body.solto .entrar .rodape { color:#c5c6ca; }
body.solto .entrar .rodape a { color:#f0c259; text-decoration:underline; }
body.solto .entrar .seguro-login { margin:26px 0 0; color:#c5c6ca; font-size:12px; text-align:center; }
body.solto .entrar .seguro-login::before { content:''; display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#37c985; }
@media(max-width:900px) {
  body.solto .entrar-pagina { grid-template-columns:1fr; grid-template-rows:auto 1fr; }
  body.solto .identidade-login { padding:calc(30px + env(safe-area-inset-top,0px)) 18px 25px; background:radial-gradient(ellipse 250px 160px at 50% 55%,#252118,#0a0a0b 80%); }
  body.solto .identidade-login img { width:min(260px,70vw); margin-bottom:16px; }
  body.solto .lema-login { gap:9px; font-size:9px; letter-spacing:.22em; }
  body.solto .lema-login::before,body.solto .lema-login::after { width:17px; }
  body.solto .sistema-login { margin-top:11px; font-size:18px; }
  body.solto .entrar { align-self:start; width:min(405px,calc(100% - 40px)); padding:35px 0 calc(36px + env(safe-area-inset-bottom,0px)); }
}
@media(min-width:600px) and (max-width:900px) {
  body.solto .identidade-login { padding-top:48px; padding-bottom:36px; }
  body.solto .identidade-login img { width:min(360px,68vw); margin-bottom:22px; }
  body.solto .lema-login { font-size:11px; }
  body.solto .sistema-login { font-size:22px; margin-top:16px; }
  body.solto .entrar { width:min(440px,calc(100% - 64px)); padding-top:48px; }
}

body.solto .entrar .senha-linha { position:relative; }
body.solto .entrar .senha-linha input { padding-right:90px; }
body.solto .entrar .mostrar-senha { position:absolute; top:5px; right:6px; height:36px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:#d2d3d6; font:inherit; font-size:13px; cursor:pointer; }
body.solto .entrar .mostrar-senha:hover { background:#292a2e; color:#fff; }