:root { color-scheme: dark; --fundo:#0d1117; --caixa:#161b22; --caixa-2:#1c232d; --linha:#232a34; --texto:#e6edf3; --fraco:#8b949e; --verde:#26d07c; --vermelho:#f6465d; --ambar:#e3b341; --azul:#3b82f6; --acao:#3b82f6; --verde-suave:#12261a; --ambar-suave:#241d05; --topo-fundo:#161b22; --topo-texto:#e6edf3; --rodape-fundo:#0d1117; --rodape-cor:#8b949e; --premio:#26d07c; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --fonte:ui-sans-serif,system-ui,-apple-system,Roboto,"Segoe UI",sans-serif; --fonte-num:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --fonte-titulo:var(--fonte); --fs-2xs:10px; --fs-xs:11px; --fs-sm:13px; --fs-base:14px; --fs-md:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:28px; --fw-regular:400; --fw-medium:600; --fw-bold:700; --fw-heavy:800; --lh-tight:1.2; --lh-base:1.5; --lh-loose:1.7; --raio:10px; --raio-lg:14px; --borda:1px solid var(--linha); --h:44px; --topo-h:56px; --lado-w:220px; --lado-mini:60px; --foco:0 0 0 3px rgba(59,130,246,.30); --sombra:0 8px 30px rgba(0,0,0,.35); --sombra-card:none; --barra:0px; --largura:920px; } * { box-sizing:border-box; margin:0; padding:0 } html { scroll-behavior:smooth } body { background:var(--fundo); color:var(--texto); font-family:var(--fonte); font-size:var(--fs-base); line-height:var(--lh-base); min-height:100vh; } body.pg-site { min-height:100dvh; display:flex; flex-direction:column; } button, input, select { font:inherit; color:inherit } button { cursor:pointer } button:disabled { cursor:not-allowed } input:focus, select:focus { outline:none; border-color:var(--azul); box-shadow:var(--foco) } a { color:inherit } .escondido { display:none !important } h1 { font-size:var(--fs-xl); font-weight:var(--fw-bold); line-height:var(--lh-tight) } h2 { font-size:var(--fs-xs); font-weight:var(--fw-medium); color:var(--fraco); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--sp-3); } h3 { font-size:var(--fs-xs); font-weight:var(--fw-medium); color:var(--ambar); text-transform:uppercase; letter-spacing:.06em; margin-bottom:var(--sp-3); } .rot, .su-rot { color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.06em; } .site { position:sticky; top:0; z-index:50; background:var(--topo-fundo); color:var(--topo-texto); backdrop-filter:blur(8px); border-bottom:var(--borda); } .site-in { max-width:var(--largura); margin:0 auto; min-height:var(--topo-h); display:flex; align-items:center; gap:var(--sp-4); padding:var(--sp-2) var(--sp-4); } .marca { display:inline-flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-base); font-weight:var(--fw-medium); text-decoration:none; white-space:nowrap; } .marca b { font-weight:var(--fw-heavy) } .marca-ic { display:inline-flex; align-items:center; justify-content:center; width:var(--logo-tam, 26px); height:var(--logo-tam, 26px); border-radius:8px; background:var(--acao); color:#fff; font-size:var(--fs-md); font-weight:var(--fw-bold); } .nav { display:flex; align-items:center; gap:var(--sp-1) } .nav a, .nav-link { display:inline-block; padding:var(--sp-2) var(--sp-3); background:transparent; border:0; border-radius:var(--raio); color:var(--fraco); font-size:var(--fs-sm); text-decoration:none; white-space:nowrap; } .nav a:hover, .nav-link:hover { color:var(--texto); background:var(--linha) } .online { display:inline-flex; align-items:center; white-space:nowrap; cursor:default; font-size:var(--fs-sm); color:var(--fraco); } .online-seta { margin-left:8px; color:var(--acao); font-weight:900; font-size:1.2em; line-height:1; text-decoration:none; cursor:pointer; transition:transform .15s; } .online-seta:hover { transform:translateX(2px) } .online b { font-family:var(--fonte-num); font-weight:var(--fw-bold) } .online-agora { display:inline-flex; align-items:center; gap:6px; color:#16a34a; font-weight:var(--fw-bold) } .online-parte { display:inline-flex; align-items:baseline; gap:4px } .online-parte b { color:var(--texto) } .online-sep { margin:0 7px; color:var(--fraco) } .online-bolinha { width:8px; height:8px; border-radius:50%; background:#22c55e; animation:pulso-online 2s ease-out infinite } @keyframes pulso-online { 0% { box-shadow:0 0 0 0 rgba(34,197,94,.55) } 70% { box-shadow:0 0 0 6px rgba(34,197,94,0) } 100% { box-shadow:0 0 0 0 rgba(34,197,94,0) } } @media (prefers-reduced-motion: reduce) { .online-bolinha { animation:none } } .site-user { margin-left:auto; display:flex; align-items:center; gap:var(--sp-3); white-space:nowrap } .su-nick { max-width:120px; overflow:hidden; text-overflow:ellipsis; font-weight:var(--fw-medium); font-size:var(--fs-sm) } .su-nomes { display:inline-flex; flex-direction:column; align-items:flex-start; gap:2px } .su-tipo { font-size:10px; font-weight:500; color:var(--fraco); white-space:nowrap } .su-tipo:empty { display:none } .su-quem { display:block; padding:var(--sp-1) var(--sp-3) var(--sp-2); margin-bottom:var(--sp-1); border-bottom:1px solid var(--linha); font-size:var(--fs-xs); color:var(--fraco); white-space:nowrap } .su-cred strong { font-family:var(--fonte-num); font-size:var(--fs-base); color:var(--verde) } .su-menu { position:relative } .su-botao { position:relative; display:inline-flex; align-items:center; gap:var(--sp-2); padding:5px 10px 5px 5px; border-radius:999px; line-height:1; background:var(--caixa-2); border:1px solid var(--linha); color:var(--texto); font-size:var(--fs-sm); } .su-botao:hover, .su-menu.aberto .su-botao { border-color:var(--azul) } .su-avatar { display:inline-flex; align-items:center; justify-content:center; flex:none; width:26px; height:26px; border-radius:50%; background:var(--acao); color:#fff; font-size:var(--fs-xs); font-weight:var(--fw-bold); text-transform:uppercase; } .su-ponto { position:absolute; top:3px; left:24px; width:9px; height:9px; border-radius:50%; background:var(--vermelho); border:2px solid var(--fundo); } .su-ponto-item { display:inline-block; width:8px; height:8px; margin-left:8px; border-radius:50%; background:var(--vermelho); vertical-align:middle } .su-seta-baixo { width:0; height:0; flex:none; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid var(--fraco); transition:transform .15s ease; } .su-menu.aberto .su-seta-baixo { transform:rotate(180deg) } .su-lista { position:absolute; right:0; top:calc(100% + 8px); z-index:60; min-width:180px; display:none; flex-direction:column; gap:2px; background:var(--caixa); border:var(--borda); border-radius:var(--raio); box-shadow:var(--sombra); padding:var(--sp-1); } .su-menu.aberto .su-lista { display:flex } .su-item { width:100%; text-align:left; border:0; background:transparent; padding:var(--sp-2) var(--sp-3); border-radius:var(--raio); color:var(--texto); font-size:var(--fs-sm); white-space:nowrap; } .su-item:hover { background:var(--linha) } .su-sair { color:var(--vermelho) } .su-entrar { margin-left:auto; flex:none; padding:var(--sp-2) var(--sp-4); border:0; border-radius:var(--raio); background:var(--acao); color:#fff; font-size:var(--fs-sm); font-weight:var(--fw-medium); white-space:nowrap; } .su-entrar:hover { filter:brightness(1.08) } .nav-toggle { margin-left:auto; display:none; width:40px; height:40px; padding:9px; background:transparent; border:var(--borda); border-radius:var(--raio); } .nav-toggle span { display:block; height:2px; margin:3px 0; background:var(--texto); border-radius:2px; transition:.2s } body.nav-aberto .nav-toggle span:nth-child(1) { transform:translateY(5px) rotate(45deg) } body.nav-aberto .nav-toggle span:nth-child(2) { opacity:0 } body.nav-aberto .nav-toggle span:nth-child(3) { transform:translateY(-5px) rotate(-45deg) } .envelope { max-width:var(--largura); margin:0 auto; padding:var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-4); flex:1 0 auto; padding-bottom:calc(var(--sp-4) + var(--sp-6)); width:100%; } [id] { scroll-margin-top:calc(var(--topo-h) + var(--sp-3)) } .bloco { background:var(--caixa); border:var(--borda); border-radius:var(--raio-lg); padding:var(--sp-4); } .gate { max-width:380px; width:100%; margin:9vh auto 0; background:var(--caixa); border:var(--borda); border-radius:var(--raio-lg); padding:var(--sp-6) var(--sp-5); text-align:center; } .gate h1 { margin-bottom:var(--sp-2) } .gate .sub { color:var(--fraco); margin-bottom:var(--sp-4) } .link-suave { margin-top:var(--sp-4); background:0; border:0; color:var(--fraco); font-size:var(--fs-sm); text-decoration:underline } .link-suave:hover { color:var(--texto) } .login-fundo { position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center; padding:var(--sp-4); background: radial-gradient(60% 50% at 50% 0%, color-mix(in srgb, var(--azul) 18%, transparent), transparent 70%), var(--fundo); } .login-caixa { width:100%; max-width:380px; display:flex; flex-direction:column; gap:var(--sp-4); background:var(--caixa); border:var(--borda); border-radius:var(--raio-lg); padding:var(--sp-6) var(--sp-5); box-shadow:var(--sombra); } .login-marca { display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-2) } .login-ic { width:40px; height:40px; border-radius:12px; font-size:var(--fs-xl) } .login-nome { font-size:var(--fs-lg); font-weight:var(--fw-heavy); line-height:var(--lh-tight) } .login-sub { color:var(--fraco); font-size:var(--fs-sm); margin-top:2px } .login-campo { display:flex; flex-direction:column; gap:var(--sp-1) } .login-campo span { color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.06em; } .login-campo input { height:var(--h); width:100%; background:var(--fundo); border:var(--borda); border-radius:var(--raio); padding:0 var(--sp-4); font-size:var(--fs-md); } .login-campo input:focus { border-color:var(--azul); box-shadow:var(--foco) } .login-erro { margin:0; padding:var(--sp-2) var(--sp-3); border:1px solid var(--vermelho); border-radius:var(--raio); color:var(--vermelho); font-size:var(--fs-sm); line-height:var(--lh-base); background:color-mix(in srgb, var(--vermelho) 10%, transparent); } .login-botao { height:var(--h); width:100%; margin-top:var(--sp-1); background:var(--acao); color:#fff; border:0; border-radius:var(--raio); font-size:var(--fs-md); font-weight:var(--fw-medium); } .login-botao:hover { filter:brightness(1.08) } .login-botao:disabled { opacity:.6; cursor:default } .login-voltar { align-self:center; margin-top:var(--sp-1); color:var(--fraco); font-size:var(--fs-sm); text-decoration:none; } .login-voltar:hover { color:var(--texto) } .modal-caixa.gate-conta { max-width:440px } .gate-conta h2 { margin-bottom:var(--sp-4) } .abas { display:flex; gap:var(--sp-1); margin-bottom:var(--sp-4); background:var(--fundo); border:var(--borda); border-radius:var(--raio); padding:var(--sp-1); } .aba { flex:1; padding:var(--sp-2); border:0; border-radius:calc(var(--raio) - 2px); background:transparent; color:var(--fraco); font-size:var(--fs-sm); } .aba.ativa { background:var(--caixa-2); color:var(--texto) } .conta-form { display:flex; flex-direction:column; gap:var(--sp-2) } .conta-form input:not([type="checkbox"]):not([type="radio"]), .conta-form select { height:var(--h); width:100%; background:var(--fundo); border:var(--borda); border-radius:var(--raio); color:var(--texto); padding:0 var(--sp-3); font-size:var(--fs-base); } .conta-form input[type="checkbox"] { width:16px; height:16px; flex:none; margin:0; accent-color:var(--verde); } .conta-form button[type=submit] { margin-top:var(--sp-2); height:var(--h); background:var(--acao); color:#fff; border:0; border-radius:var(--raio); font-size:var(--fs-md); font-weight:var(--fw-medium); } .conta-form button[type=submit]:hover { filter:brightness(1.08) } .conta-rot { display:flex; align-items:center; gap:var(--sp-2); margin-top:var(--sp-1); color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em; } .dica-i { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; background:var(--linha); color:var(--fraco); font-size:var(--fs-2xs); font-weight:var(--fw-bold); font-style:normal; cursor:help; text-transform:none; } .dica-i:hover { background:var(--acao); color:#fff } .conta-dupla { display:flex; gap:var(--sp-2) } .conta-dupla input, .conta-dupla select { flex:1; min-width:0 } .form-secao { margin:var(--sp-4) 0 var(--sp-1); color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.06em; } .conta-form .form-secao:first-child { margin-top:0 } .form-nota { margin:calc(var(--sp-1) * -1) 0 0; color:var(--fraco); font-size:var(--fs-xs); line-height:1.5; } .conta-form input:not([type="checkbox"]), .conta-form select, .apelido-linha input, .apelido-linha button { font-family:var(--fonte); } .conta-form input::placeholder { color:var(--fraco); opacity:.75 } .conta-form select:invalid { color:var(--fraco) } .apelido-linha { display:flex; align-items:center; gap:var(--sp-2) } .apelido-linha input { flex:1; min-width:0; height:var(--h); background:var(--fundo); border:var(--borda); border-radius:var(--raio); padding:0 var(--sp-3); font-size:var(--fs-md); font-family:var(--fonte-num); letter-spacing:.08em; text-align:center; } #btGerarNick { flex:0 0 auto; padding:0 var(--sp-4); height:var(--h); background:var(--linha); color:var(--texto); border:0; border-radius:var(--raio); font-size:var(--fs-sm); } #btGerarNick:hover { background:var(--linha) } .conta-erro { color:var(--vermelho); font-size:var(--fs-sm); min-height:1em; margin-top:var(--sp-1) } .conta-ok { color:var(--verde); font-size:var(--fs-sm); line-height:var(--lh-loose); margin-top:var(--sp-2) } .conta-ok a { color:var(--verde); font-weight:var(--fw-medium) } .conta-recado { margin:0 0 var(--sp-3); color:var(--texto); line-height:var(--lh-loose) } .conta-ok .botao { width:auto; min-height:38px; padding:var(--sp-2) var(--sp-4); display:inline-flex; font-size:var(--fs-sm); font-weight:var(--fw-medium); border-radius:var(--raio); text-decoration:none; background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha); } .conta-ok .botao:hover { border-color:var(--azul); color:var(--azul) } .conta-ok .botao:disabled { opacity:.5; cursor:default } .conta-nota { color:var(--fraco); font-size:var(--fs-sm) } .rodape { margin-top:auto; background:var(--rodape-fundo); color:var(--rodape-cor); border-top:var(--borda); font-size:var(--fs-sm); line-height:var(--lh-base); } .rodape-in { max-width:var(--largura); margin:0 auto; padding:var(--sp-5) var(--sp-4); display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:var(--sp-5); } .rodape h3 { font-size:var(--fs-xs); font-weight:var(--fw-medium); text-transform:uppercase; letter-spacing:.06em; margin-bottom:var(--sp-2); opacity:.7; } .rodape-marca { display:inline-flex; align-items:center; gap:var(--sp-2); margin-bottom:var(--sp-2) } .rodape-marca .marca-ic { width:var(--logo-tam, 26px); height:var(--logo-tam, 26px) } .rodape-nome { font-weight:var(--fw-bold); color:var(--texto) } .rodape-frase { margin-bottom:var(--sp-3) } .rodape-visitas { display:flex; align-items:center; flex-wrap:wrap; gap:4px var(--sp-2); margin-bottom:var(--sp-3); cursor:default; min-width:0 } .rodape-visitas svg { color:var(--acao); flex:none } .rodape-visitas b { font-family:var(--fonte-titulo); font-weight:800; font-size:20px; color:var(--texto) } .rodape-visitas span { color:var(--fraco) } .rodape-links { list-style:none; display:flex; flex-direction:column; gap:var(--sp-2) } .rodape-links button, .rodape-links a { background:none; border:0; padding:0; color:inherit; text-align:left; font-size:var(--fs-sm); text-decoration:none; cursor:pointer; } .rodape-links button:hover, .rodape-links a:hover { color:var(--azul) } .rodape-idade { display:inline-flex; align-items:center; gap:var(--sp-2); border:1px solid var(--ambar); color:var(--ambar); background:var(--ambar-suave); border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); font-size:var(--fs-xs); } .rodape-pe { border-top:var(--borda); padding:var(--sp-3) var(--sp-4); text-align:center; font-size:var(--fs-xs); opacity:.7; } @media (max-width:760px) { .rodape-in { grid-template-columns:1fr; gap:var(--sp-4) } } #contaPagina { display:flex; flex-direction:column; gap:var(--sp-4) } .topo-leilao { display:flex; gap:var(--sp-2); align-items:center } .voltar { background:transparent; border:var(--borda); border-radius:var(--raio); color:var(--fraco); font-size:var(--fs-sm); padding:var(--sp-2) var(--sp-3); } .voltar:hover { color:var(--texto); border-color:var(--fraco) } .compra-lista { display:flex; flex-direction:column; gap:var(--sp-2); margin-top:var(--sp-3) } .compra-item { display:flex; align-items:center; gap:var(--sp-3); background:var(--caixa-2); border:var(--borda); border-radius:var(--raio); padding:var(--sp-3) var(--sp-4); } .compra-nome { font-size:var(--fs-base); color:var(--fraco); margin-right:auto } .compra-valor { font-family:var(--fonte-num); font-size:var(--fs-lg); font-weight:var(--fw-bold); color:var(--verde); margin-right:var(--sp-4); } .compra-bt { background:var(--acao); color:#fff; border:0; border-radius:var(--raio); padding:var(--sp-2) var(--sp-4); font-size:var(--fs-sm); cursor:pointer; } .compra-bt:disabled { opacity:.4; cursor:default } .modal { position:fixed; inset:0; z-index:50; display:flex; align-items:center; justify-content:center; padding:var(--sp-4); background:rgba(0,0,0,.6); backdrop-filter:blur(4px); } .modal-caixa { background:var(--caixa); border:var(--borda); border-radius:var(--raio-lg); padding:var(--sp-4); width:100%; max-width:420px; display:flex; flex-direction:column; gap:var(--sp-3); } .modal-caixa h2 { margin:0 } .modal-nota { margin:0; font-size:var(--fs-sm); color:var(--fraco); line-height:var(--lh-base) } .modal-caixa .check { padding-top:0 } .modal-linha { font-size:var(--fs-sm); color:var(--fraco); font-family:var(--fonte-num) } .modal-caixa .campo label { text-transform:none; letter-spacing:0; font-size:var(--fs-sm); color:var(--texto); } .modal-caixa .campo input[type=number] { width:100% } .modal-caixa .check { padding-top:0; gap:var(--sp-3) } .modal-aviso { background:var(--ambar-suave); border:1px solid var(--ambar); border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); color:var(--ambar); font-size:var(--fs-sm); line-height:var(--lh-base); opacity:1; transition:opacity .5s ease; } .modal-aviso.sumindo { opacity:0 } .modal-botoes { display:flex; gap:var(--sp-3) } .modal-botoes .botao { min-height:44px; font-size:var(--fs-base); border-radius:var(--raio) } .botao { width:100%; padding:14px var(--sp-4); min-height:60px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--fs-base); line-height:1.25; font-weight:var(--fw-bold); letter-spacing:.01em; border:0; border-radius:var(--raio-lg); transition:transform .12s ease, background .15s, color .15s; } .botao.cta { background:var(--acao); color:#fff } .botao.cta:hover { filter:brightness(1.08) } .cadastro-fechado { margin:0; color:var(--ambar); font-size:var(--fs-sm); line-height:var(--lh-base) } .senha-caixa { position:relative; display:block; width:100%; flex:1 1 auto; min-width:0 } .senha-caixa > input { width:100%; padding-right:42px; box-sizing:border-box } .olho { position:absolute; right:6px; top:50%; transform:translateY(-50%); width:30px; height:30px; padding:0; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; border-radius:50%; color:var(--fraco); cursor:pointer; } .olho:hover, .olho.aberto { color:var(--texto) } .recado-estado { padding:var(--sp-3); background:var(--caixa-2); border:var(--borda); border-left:3px solid var(--vermelho); border-radius:var(--raio); font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--vermelho); margin-bottom:var(--sp-3); } .recados { display:flex; flex-direction:column; gap:var(--sp-2) } .recado { padding:var(--sp-3); background:var(--caixa-2); border:var(--borda); border-left:3px solid var(--linha); border-radius:var(--raio); } .recado.novo { border-color:var(--ambar) } .recado[data-tipo="chat-liberado"], .recado[data-tipo="conta-liberada"] { border-left-color:var(--verde) } .recado[data-tipo="chat-fechado"], .recado[data-tipo="conta-bloqueada"] { border-left-color:var(--vermelho) } .recado-cab { display:flex; gap:var(--sp-2); align-items:baseline; flex-wrap:wrap; margin-bottom:4px } .recado-cab b { font-size:var(--fs-sm) } .recado-quando { color:var(--fraco); font-size:var(--fs-xs); margin-left:auto } .recado { position:relative } .recado-cab { padding-right:26px } .recado-x { position:absolute; top:8px; right:8px; width:24px; height:24px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--fraco); font-size:18px; line-height:24px; cursor:pointer; } .recado-x:hover { background:var(--caixa-2); color:var(--texto) } .recado-x:focus-visible { outline:none; box-shadow:var(--foco) } .recado-x:disabled { opacity:.4; cursor:default } .recado p { margin:0; font-size:var(--fs-xs); color:var(--fraco); line-height:var(--lh-loose) } .digitar { display:flex; gap:var(--sp-2) } .digitar input { flex:1; min-width:0; height:38px; padding:0 var(--sp-3); background:var(--fundo); border:var(--borda); border-radius:var(--raio); font-size:var(--fs-sm); } .digitar button { height:38px; width:44px; flex:none; padding:0; display:inline-flex; align-items:center; justify-content:center; background:var(--acao); border:0; border-radius:var(--raio); color:#fff; } .digitar button:hover:not(:disabled) { filter:brightness(1.08) } .digitar button:disabled { background:var(--linha); color:var(--fraco) } .digitar button svg { display:block } .modal { position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.6); padding:var(--sp-4); } .modal-caixa { position:relative; width:100%; max-width:460px; max-height:88vh; display:flex; flex-direction:column; overflow:hidden; background:var(--caixa); border:var(--borda); border-radius:var(--raio-lg); box-shadow:var(--sombra); } .modal-cabeca { flex:0 0 auto; padding:var(--sp-4) var(--sp-5); padding-right:calc(var(--sp-5) + 34px); border-bottom:var(--borda); background:var(--caixa); } .modal-cabeca h2 { margin:0 } .modal-cabeca > p { margin-top:var(--sp-1) } .modal-corpo { flex:1 1 auto; overflow-y:auto; padding:var(--sp-5) } .modal-corpo > .grupo:first-child { margin-top:0 } .modal-x { position:absolute; top:var(--sp-3); right:var(--sp-3); z-index:3; width:30px; height:30px; line-height:1; background:var(--linha); border:0; border-radius:8px; color:var(--texto); font-size:var(--fs-lg); } .regras { margin-top:var(--sp-3); padding-left:var(--sp-5); font-size:var(--fs-sm); line-height:var(--lh-loose) } .info { position:relative; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; margin-left:6px; padding:0; vertical-align:middle; border-radius:50%; border:1px solid var(--fraco); background:transparent; color:var(--fraco); font-size:11px; font-weight:var(--fw-bold); font-style:italic; line-height:1; cursor:pointer; font-family:Georgia, "Times New Roman", serif; } .info:hover, .info.aberto { border-color:var(--azul); color:var(--azul) } .info-balao { display:none; position:absolute; z-index:70; left:50%; top:calc(100% + 8px); transform:translateX(-50%); width:max-content; max-width:min(300px, 86vw); padding:var(--sp-3) var(--sp-4); border-radius:var(--raio); background:var(--caixa); color:var(--texto); border:1px solid var(--linha); box-shadow:var(--sombra); font-family:var(--fonte); font-size:var(--fs-sm); font-style:normal; font-weight:var(--fw-regular); line-height:var(--lh-base); text-align:left; white-space:normal; cursor:default; } .info-balao::before { content:""; position:absolute; left:50%; top:-6px; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background:var(--caixa); border-left:1px solid var(--linha); border-top:1px solid var(--linha); } .info:hover .info-balao, .info.aberto .info-balao { display:block } .info.na-direita .info-balao { left:auto; right:-4px; transform:none } .info.na-direita .info-balao::before { left:auto; right:8px; transform:rotate(45deg) } .info.na-esquerda .info-balao { left:-4px; transform:none } .info.na-esquerda .info-balao::before { left:8px; transform:rotate(45deg) } #perguntaModal { z-index:120 } .pergunta-campos { display:grid; gap:var(--sp-3); margin-bottom:var(--sp-4) } .pergunta-campos label { display:grid; gap:4px; font-size:var(--fs-sm); color:var(--fraco) } .pergunta-campos input, .pergunta-campos select { height:38px; padding:0 var(--sp-3); background:var(--fundo); color:var(--texto); border:var(--borda); border-radius:var(--raio); font-size:var(--fs-base); } .pergunta-campos .falta { border-color:var(--vermelho) } .pergunta-caixa { max-width:420px } .pergunta-caixa .modal-cabeca { padding-right:var(--sp-5) } .pergunta-texto { padding:var(--sp-4) var(--sp-5) 0 } .pergunta-texto p { margin:0 0 var(--sp-2); line-height:var(--lh-base) } .pergunta-texto p:last-child { margin-bottom:0 } .pergunta-caixa .modal-botoes { padding:var(--sp-4) var(--sp-5) var(--sp-5); margin:0 } .pergunta-escolha { display:flex; align-items:center; gap:var(--sp-3); cursor:pointer; margin:var(--sp-4) var(--sp-5) 0; padding:var(--sp-3) var(--sp-4); background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); } .pergunta-escolha input { position:absolute; opacity:0; width:0; height:0 } .pergunta-chave { flex:none; width:44px; height:24px; border-radius:999px; background:var(--linha); position:relative; transition:background .15s ease; } .pergunta-chave::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:left .15s ease; } .pergunta-escolha input:checked + .pergunta-chave { background:var(--verde) } .pergunta-escolha input:checked + .pergunta-chave::after { left:23px } .pergunta-escolha input:focus-visible + .pergunta-chave { box-shadow:var(--foco) } .pergunta-escolha-txt { display:flex; flex-direction:column; line-height:var(--lh-tight) } .pergunta-escolha-txt b { font-size:var(--fs-base) } .pergunta-escolha-txt small { color:var(--fraco); font-size:var(--fs-xs); margin-top:2px } #perguntaSim { background:var(--verde); color:var(--fundo); flex:2 } #perguntaSim.perigo { background:var(--vermelho); color:#fff } #perguntaSim:hover { filter:brightness(1.08) } #perguntaNao { background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha); flex:1 } .regras li { margin-bottom:var(--sp-2) } .regras b { color:var(--texto) } .balao { position:fixed; z-index:90; max-width:250px; background:#000; color:#fff; padding:var(--sp-2) var(--sp-3); border-radius:var(--raio); font-size:var(--fs-sm); line-height:var(--lh-base); box-shadow:var(--sombra); } .aviso { position:fixed; left:50%; bottom:22px; transform:translateX(-50%); z-index:95; background:var(--vermelho); color:#fff; padding:var(--sp-3) var(--sp-5); border-radius:var(--raio); font-size:var(--fs-sm); box-shadow:var(--sombra); max-width:90vw; text-align:center; } #mensagens::-webkit-scrollbar, .modal-caixa::-webkit-scrollbar, .conteudo-corpo::-webkit-scrollbar { width:8px } #mensagens::-webkit-scrollbar-thumb, .modal-caixa::-webkit-scrollbar-thumb, .conteudo-corpo::-webkit-scrollbar-thumb { background:var(--linha); border-radius:8px; } .pg-admin { height:100vh; overflow:hidden } .admin-shell { display:grid; grid-template-columns:var(--lado-w) 1fr; height:100vh; transition:grid-template-columns .18s ease; } body.lado-mini .admin-shell { grid-template-columns:var(--lado-mini) 1fr } .lado { position:relative; display:flex; flex-direction:column; height:100vh; height:100dvh; min-height:0; background:var(--caixa); border-right:var(--borda); padding:var(--sp-3) var(--sp-2); } .lado-pe { overflow:hidden } .lado-nav { flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:var(--linha) transparent; } .lado-nav::-webkit-scrollbar { width:6px } .lado-nav::-webkit-scrollbar-thumb { background:var(--linha); border-radius:6px } .lado-cabeca { flex:0 0 auto; display:flex; align-items:center; gap:var(--sp-2); padding:var(--sp-2) var(--sp-2) var(--sp-4); font-weight:var(--fw-bold); white-space:nowrap; } .lado-cabeca .marca-ic { flex:0 0 auto } .marca-txt { font-size:var(--fs-base) } .lado-nav { display:flex; flex-direction:column; gap:2px } .lado-pe { flex:0 0 auto; margin-top:auto; display:flex; flex-direction:column; gap:2px; padding-top:var(--sp-3); border-top:var(--borda) } .lado-quem { flex:0 0 auto; display:flex; align-items:center; gap:var(--sp-3); width:100%; margin:0 0 var(--sp-3); padding:var(--sp-2) var(--sp-3); background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); color:var(--texto); text-align:left; cursor:pointer; white-space:nowrap; } .lado-quem:hover { border-color:var(--azul) } .lq-avatar { display:inline-flex; align-items:center; justify-content:center; flex:none; width:28px; height:28px; border-radius:50%; background:var(--acao); color:#fff; font-size:var(--fs-xs); font-weight:var(--fw-bold); text-transform:uppercase; } .lq-avatar.grande { width:44px; height:44px; font-size:var(--fs-md) } .lq-txt { display:flex; flex-direction:column; min-width:0; line-height:var(--lh-tight) } .lq-txt b { font-size:var(--fs-sm); overflow:hidden; text-overflow:ellipsis } .lq-txt small { color:var(--fraco); font-size:var(--fs-2xs) } body.lado-mini .lado-quem { justify-content:center; padding:var(--sp-2) 0 } body.lado-mini .lq-txt { display:none } .lado-sair { color:var(--vermelho) } .lado-sair:hover { background:var(--vermelho); color:#fff } .mc-quem { display:flex; align-items:center; gap:var(--sp-4); padding:var(--sp-4); margin-bottom:var(--sp-4); background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio-lg); } .mc-quem > div { flex:1; min-width:0 } .mc-usuario { font-size:var(--fs-md) } .mc-quem .bt { flex:none } @media (max-width:600px) { .mc-quem { flex-wrap:wrap } .mc-quem .bt { width:100% } } .lado-item { display:flex; align-items:center; gap:var(--sp-3); width:100%; padding:var(--sp-3); background:transparent; border:0; border-radius:var(--raio); color:var(--fraco); font-size:var(--fs-sm); text-align:left; text-decoration:none; white-space:nowrap; } .lado-item:hover { background:var(--linha); color:var(--texto) } .lado-item.ativo { background:var(--acao); color:#fff } .li-ic { flex:0 0 auto; width:22px; text-align:center; font-size:var(--fs-base) } .li-tx { overflow:hidden; text-overflow:ellipsis } body.lado-mini .marca-txt, body.lado-mini .li-tx { display:none } body.lado-mini .lado-item { justify-content:center; gap:0; padding:var(--sp-3) 0 } body.lado-mini .lado-cabeca { justify-content:center; padding-left:0; padding-right:0 } .lado-aba { position:absolute; top:64px; right:-11px; z-index:2; width:22px; height:36px; display:flex; align-items:center; justify-content:center; background:var(--caixa-2); border:var(--borda); border-radius:8px; color:var(--fraco); font-size:var(--fs-sm); line-height:1; } .lado-aba:hover { color:var(--texto); border-color:var(--fraco) } body.lado-mini .lado-aba { transform:scaleX(-1) } .lado-backdrop { display:none; position:fixed; inset:0; z-index:60; background:rgba(0,0,0,.5); } .conteudo { display:flex; flex-direction:column; min-width:0; height:100vh } .conteudo-topo { display:flex; align-items:center; gap:var(--sp-3); padding:var(--sp-3) var(--sp-5); border-bottom:var(--borda); background:var(--caixa); } .conteudo-topo h1 { font-size:var(--fs-lg) } .menu-mob { display:none; width:38px; height:38px; background:transparent; border:var(--borda); border-radius:var(--raio); color:var(--texto); font-size:var(--fs-md); } .topo-link { margin-left:auto; color:var(--fraco); font-size:var(--fs-sm); text-decoration:none } .topo-link:hover { color:var(--texto) } .conteudo-corpo { flex:1; overflow-y:auto; padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-4); max-width:1100px; width:100%; } .adm.bloco { padding:var(--sp-5) } .adm h2 { margin-bottom:var(--sp-4) } .bloco-topo { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); margin-bottom:var(--sp-4); flex-wrap:wrap; } .bloco-topo h2 { margin:0 } .dica { color:var(--fraco); font-size:var(--fs-sm); margin-bottom:var(--sp-4); line-height:var(--lh-loose) } .tag { margin-left:var(--sp-2); padding:1px 8px; background:var(--linha); border-radius:999px; color:var(--fraco); font-size:var(--fs-2xs); letter-spacing:.04em; text-transform:none; } .tabela-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch } .msg-nova td { background:color-mix(in srgb, var(--azul) 8%, transparent) } .msg-nova td:first-child { border-left:3px solid var(--azul) } .msg-texto { white-space:pre-line; max-width:520px; line-height:var(--lh-loose) } .msg-acoes { display:flex; flex-direction:column; gap:var(--sp-2); align-items:stretch } .msg-acoes .bt { white-space:nowrap } .verif-alerta.verif-ok { border-color:#16a34a; color:#16a34a; background:color-mix(in srgb, #16a34a 10%, transparent); margin-bottom:var(--sp-4) } #uEditar input:disabled { opacity:.5; cursor:not-allowed } .msg-acoes .bt.verde { background:#16a34a; color:#fff } .msg-recusado { color:var(--vermelho); font-weight:var(--fw-bold) } .au-valores.pergunta-botoes { margin-top:var(--sp-2); display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--sp-2) } .pergunta-botoes .au-valor span { width:100%; min-width:0; height:auto; min-height:var(--h); padding:6px var(--sp-2); text-align:center } .pergunta-botoes.falta span { border-color:var(--vermelho) } table { width:100%; border-collapse:collapse; font-size:var(--fs-sm); min-width:620px } th { text-align:left; padding:var(--sp-2); color:var(--fraco); font-weight:var(--fw-medium); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em; } td { padding:var(--sp-3) var(--sp-2); border-top:var(--borda); vertical-align:middle } tr.desligado { opacity:.5 } td.vazio { text-align:center; color:var(--fraco); padding:var(--sp-5) } .pill { display:inline-block; background:var(--linha); padding:2px 9px; border-radius:999px; font-size:var(--fs-xs) } .pill.on { background:var(--verde-suave); color:var(--verde) } .grade { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:var(--sp-3) } .campo label { display:block; margin-bottom:var(--sp-1); color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em; } .campo input[type=text], .campo input[type=number], .campo input[type=password], .campo input[type=datetime-local], .campo input[type=date], .campo input[type=time], .campo input[type=email], .campo input[type=tel], .campo input[type=url], .campo input:not([type]) { width:100%; height:var(--h); background:var(--fundo); border:var(--borda); border-radius:var(--raio); color:var(--texto); padding:0 var(--sp-3); font-size:var(--fs-base); } .check { display:flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-sm) } .grade > .check { padding-top:18px } fieldset.grupo .check { padding-top:0 } .check input { accent-color:var(--azul) } .check label { margin:0; text-transform:none; font-size:var(--fs-sm); color:var(--texto); letter-spacing:0 } .grupo { border-top:var(--borda); margin-top:var(--sp-5); padding-top:var(--sp-4) } .acao { margin-top:var(--sp-5); display:flex; gap:var(--sp-2); flex-wrap:wrap } .bt { height:var(--h); padding:0 var(--sp-5); background:var(--acao); color:#fff; border:0; border-radius:var(--raio); font-size:var(--fs-base); } .bt:hover { filter:brightness(1.08) } .bt.cinza { background:var(--linha); color:var(--texto) } .bt.vermelho { background:var(--vermelho); color:#fff } .bt.verde { background:var(--verde); color:var(--fundo) } .bt.ambar { background:var(--ambar); color:var(--fundo) } .bt.laranja { background:#f0883e; color:#1a1405 } .bt.peq { height:32px; padding:0 var(--sp-3); font-size:var(--fs-sm) } .aoVivo { font-family:var(--fonte-num); font-size:var(--fs-sm); line-height:var(--lh-loose); color:var(--texto) } .aoVivo .on { color:var(--verde) } .aoVivo .off { color:var(--fraco) } @media (max-width:760px) { .colunas { grid-template-columns:1fr } } @media (max-width:1000px) { .nav-toggle { display:block } .marca #marcaNome { display:none } .su-nick, .su-tipo { display:none } .site-in { gap:var(--sp-2); flex-wrap:nowrap } .nav-toggle { order:0; margin-left:0; flex:none } .online { order:1 } .site-user { order:2; margin-left:auto; gap:var(--sp-2) } .su-entrar { order:3; margin-left:auto } .marca { display:none } .su-rot { display:none } .su-botao { padding:4px 10px 4px 4px; gap:6px; height:38px } .su-avatar { width:30px; height:30px; font-size:var(--fs-sm) } .su-seta-baixo { display:block } .nav { position:absolute; left:0; right:0; top:100%; z-index:55; flex-direction:column; align-items:stretch; gap:2px; padding:var(--sp-2) var(--sp-3) var(--sp-3); background:var(--topo-fundo); border-bottom:var(--borda); box-shadow:0 12px 30px rgba(0,0,0,.45); } body:not(.nav-aberto) .nav { display:none } .nav a, .nav-link { text-align:left; padding:var(--sp-3) } } @media (max-width:600px) { .envelope { padding:var(--sp-3) } .site-in { padding:var(--sp-2) var(--sp-3) } .botao { padding:22px var(--sp-3); font-size:var(--fs-lg) } .gate { margin-top:6vh; padding:var(--sp-5) var(--sp-4) } h1 { font-size:var(--fs-lg) } } @media (max-width:820px) { .admin-shell, body.lado-mini .admin-shell { grid-template-columns:1fr } .lado { position:fixed; top:0; left:0; bottom:0; z-index:70; width:var(--lado-w); transform:translateX(-100%); transition:transform .2s ease; } body.lado-aberto .lado { transform:none } body.lado-aberto .lado-backdrop { display:block } .lado-aba { display:none } .menu-mob { display:block } body.lado-mini .marca-txt, body.lado-mini .li-tx { display:inline } body.lado-mini .lado-item { justify-content:flex-start; gap:var(--sp-3); padding:var(--sp-3) } .conteudo-corpo { padding:var(--sp-4) } .conteudo-topo { padding:var(--sp-3) var(--sp-4) } .pg-admin { height:auto; overflow:visible } .admin-shell { height:auto; min-height:100dvh } .conteudo { height:auto } .conteudo-corpo { overflow:visible } .conteudo-topo { position:sticky; top:0; z-index:40 } } .fim-capa { text-align:center } .fim-cab { display:flex; align-items:baseline; justify-content:center; gap:var(--sp-2); flex-wrap:wrap } .fim-id { color:var(--fraco); font-family:var(--fonte-num); font-size:var(--fs-sm) } .fim-tipo { margin-top:var(--sp-1) } .fim-quando { color:var(--fraco); font-size:var(--fs-sm); margin-top:var(--sp-2) } .fim-numeros { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:var(--sp-3) } .fim-num { background:var(--caixa-2); border:var(--borda); border-radius:var(--raio); padding:var(--sp-4) var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-2); } .fn-rot { color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em } .fn-val { font-family:var(--fonte-num); font-size:var(--fs-md); font-weight:var(--fw-bold); overflow-wrap:anywhere; line-height:var(--lh-tight); } .fim-tabela { width:100%; border-collapse:collapse; font-size:var(--fs-sm) } .fim-tabela th { text-align:left; color:var(--fraco); font-size:var(--fs-xs); font-weight:var(--fw-medium); text-transform:uppercase; letter-spacing:.04em; padding:var(--sp-2); border-bottom:var(--borda); } .fim-tabela td { padding:var(--sp-2); border-bottom:1px solid var(--linha) } .fim-tabela .ext-pedido { color:var(--acao); font-weight:600; text-decoration:none } .fim-tabela .ext-pedido:hover { text-decoration:underline } .fim-tabela .ext-titulo { color:var(--fraco) } .fim-tabela td:not(:first-child) { font-family:var(--fonte-num) } .temas { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-bottom:var(--sp-4) } .tema-bt { display:flex; align-items:center; gap:var(--sp-2); background:#1c232d; border:1px solid #232a34; border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); color:#e6edf3; font-size:var(--fs-sm); } .tema-bt:hover { border-color:#3b82f6 } .tema-bolas { display:inline-flex } .tema-bolas i { width:14px; height:14px; border-radius:50%; border:1px solid rgba(255,255,255,.25); margin-right:-5px; } .cores-grade { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:var(--sp-4) } .cor { display:grid; grid-template-columns:34px 1fr 78px; align-items:center; gap:var(--sp-2); margin-bottom:var(--sp-2); font-size:var(--fs-sm); } .cor input[type=color] { width:34px; height:30px; padding:0; border:1px solid #232a34; border-radius:6px; background:none; cursor:pointer; } .cor-hex { height:30px; padding:0 var(--sp-2); border:1px solid #232a34; border-radius:6px; background:#0d1117; color:#e6edf3; font-family:var(--fonte-num); font-size:var(--fs-xs); } .campo-largo { grid-column:1/-1 } .preview { border:1px solid #232a34; border-radius:var(--raio-lg); overflow:hidden; background:var(--pv-fundo); color:var(--pv-texto); } .pv-topo { background:var(--pv-topo); color:var(--pv-topo-tx); padding:var(--sp-3) var(--sp-4); display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--pv-linha); font-size:var(--fs-sm); } .pv-cred { font-family:var(--fonte-num); font-size:var(--fs-xs); opacity:.85 } .pv-corpo { padding:var(--sp-4); display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3) } .pv-card { background:var(--pv-caixa); border:1px solid var(--pv-linha); border-radius:var(--raio-lg); padding:var(--sp-3); } .pv-linha { display:flex; justify-content:space-between; align-items:center; font-size:var(--fs-sm) } .pv-nome { font-weight:var(--fw-medium) } .pv-badge { color:var(--pv-ok); font-size:var(--fs-2xs); text-transform:uppercase; letter-spacing:.05em } .pv-premio { font-family:var(--fonte-num); font-size:var(--fs-2xl); font-weight:var(--fw-heavy); color:var(--pv-premio); margin:var(--sp-2) 0; line-height:var(--lh-tight); } .pv-fraco { color:var(--pv-fraco); font-size:var(--fs-xs) } .pv-botao { background:var(--pv-acao); color:#fff; border-radius:var(--raio); padding:var(--sp-3); text-align:center; font-weight:var(--fw-bold); font-size:var(--fs-sm); } .pv-sub { text-align:center; margin-top:var(--sp-2) } .pv-tags { display:flex; gap:var(--sp-2); margin-top:var(--sp-3); flex-wrap:wrap } .pv-tag { border-radius:999px; padding:2px var(--sp-2); font-size:var(--fs-2xs); border:1px solid } .pv-tag.pv-ok { color:var(--pv-ok); border-color:var(--pv-ok); background:var(--pv-ok-suave) } .pv-tag.pv-erro { color:var(--pv-erro); border-color:var(--pv-erro); background:var(--pv-erro-suave) } .pv-tag.pv-aten { color:var(--pv-aten); border-color:var(--pv-aten); background:var(--pv-aten-suave) } .pv-rodape { background:var(--pv-rod); color:var(--pv-rod-tx); border-top:1px solid var(--pv-linha); padding:var(--sp-3) var(--sp-4); font-size:var(--fs-xs); } @media (max-width:700px) { .pv-corpo { grid-template-columns:1fr } } .busca { height:34px; min-width:240px; padding:0 var(--sp-3); background:var(--fundo); color:var(--texto); border:1px solid var(--linha); border-radius:var(--raio); font-size:var(--fs-sm); } .est-tabela td.num, .est-tabela th:not(:first-child) { text-align:right; font-variant-numeric:tabular-nums } .est-tabela td.est-origem { font-weight:var(--fw-medium) } .est-tabela tr.est-zero td { color:var(--fraco); opacity:.7 } .est-dica { margin-top:var(--sp-4); padding:var(--sp-3) var(--sp-4); background:var(--caixa-2); border:var(--borda); border-left:3px solid var(--acao); border-radius:var(--raio); font-size:var(--fs-sm); color:var(--fraco); line-height:var(--lh-loose); } .est-dica b { color:var(--texto) } .est-dica-topo { margin-top:0 } .est-dica ul { margin:var(--sp-2) 0; padding-left:var(--sp-5) } .est-dica code { color:var(--texto); background:var(--caixa); padding:1px 6px; border-radius:4px } .est-links { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin:var(--sp-3) 0 var(--sp-2) } .est-outro { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-bottom:var(--sp-2) } .est-outro input { flex:1; min-width:180px } .est-dica small { display:block; font-size:var(--fs-xs) } .av-grade { display:grid; grid-template-columns:minmax(0, 240px) minmax(0, 1fr); gap:var(--sp-5); align-items:center } .av-numeros { display:flex; flex-direction:column; gap:var(--sp-4) } .av-num { display:flex; flex-direction:column; gap:2px } .av-rot { font-size:var(--fs-xs); color:var(--fraco); text-transform:uppercase; letter-spacing:.04em } .av-val { font-size:44px; line-height:1.05; font-weight:var(--fw-bold); color:var(--verde); font-variant-numeric:tabular-nums } .av-nota { font-size:var(--fs-xs); color:var(--fraco) } .av-origens { display:flex; flex-wrap:wrap; gap:6px } .av-chip { font-size:var(--fs-xs); padding:2px 10px; border-radius:999px; background:var(--caixa-2); border:var(--borda) } @media (max-width: 720px) { .av-grade { grid-template-columns:1fr } } .av-telas { margin-top:var(--sp-5); padding-top:var(--sp-4); border-top:var(--borda) } .av-telas h3 { margin-bottom:var(--sp-2) } .av-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:var(--sp-3) } .av-tabela tr.av-voce td { color:var(--fraco) } .est-tabela.av-tabela th { text-align:left } .est-tabela.av-tabela th:nth-child(4), .est-tabela.av-tabela th:nth-child(5) { text-align:right } .av-tabela tr.av-saiu td { color:var(--fraco) } .av-sit { display:inline-flex; align-items:center; gap:6px; white-space:nowrap } .av-sit::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--linha) } .av-sit-agora { color:var(--verde) } .av-sit-agora::before { background:var(--verde) } .av-chip-agora { border-color:var(--verde) } .dv-grade { display:grid; grid-template-columns:minmax(0, 340px) minmax(0, 1fr); gap:var(--sp-5); align-items:start } .dv-previa canvas { display:block; width:100%; max-width:340px; height:auto; aspect-ratio:9 / 16; border-radius:18px; border:var(--borda); box-shadow:0 10px 40px rgba(0,0,0,.35); } .dv-controles { display:flex; flex-direction:column; gap:var(--sp-3) } .dv-controles textarea { width:100% } .dv-linha { display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap } .dv-grande { height:48px; font-size:var(--fs-base); font-weight:var(--fw-bold) } @media (max-width: 720px) { .dv-grade { grid-template-columns:1fr } .dv-previa canvas { margin:0 auto; max-width:280px } } .md-tabela td { vertical-align:middle } .md-tabela input.md-palavra { width:100%; min-width:140px } .md-tabela select { width:100%; min-width:200px } .md-tabela input.md-min { width:80px } .md-min-rot { color:var(--fraco); font-size:var(--fs-xs); margin-left:4px } .md-testar { display:flex; gap:var(--sp-2); flex-wrap:wrap } .md-testar input { flex:1; min-width:200px } .md-saida { margin-top:var(--sp-2); padding:var(--sp-2) var(--sp-3); border-radius:var(--raio); border-left:3px solid var(--fraco); background:var(--caixa-2); font-size:var(--fs-sm); } .md-saida[data-nivel="ok"] { border-left-color:var(--verde) } .md-saida[data-nivel="asterisco"] { border-left-color:var(--azul) } .md-saida[data-nivel="barra"] { border-left-color:var(--ambar) } .md-saida[data-nivel="calar"] { border-left-color:var(--ambar) } .md-saida[data-nivel="mudo"] { border-left-color:var(--vermelho) } .md-pendentes { display:flex; flex-direction:column; gap:var(--sp-2) } .md-pend { display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap; padding:var(--sp-2) var(--sp-3); background:var(--caixa-2); border:var(--borda); border-left:3px solid var(--vermelho); border-radius:var(--raio); } .md-pend.com-prazo { border-left-color:var(--ambar) } .md-pend > div { flex:1; min-width:180px } .md-pend b { display:block; font-size:var(--fs-sm) } .md-pend small { color:var(--fraco); font-size:var(--fs-xs) } .filtros { display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-bottom:var(--sp-3) } .filtros select { height:34px; padding:0 var(--sp-2); background:var(--fundo); color:var(--texto); border:1px solid var(--linha); border-radius:var(--raio); font-size:var(--fs-sm); } .ok-mini { color:var(--verde); font-size:var(--fs-xs) } .pend-mini { color:var(--ambar); font-size:var(--fs-2xs) } .nowrap { white-space:nowrap } td.pos { color:var(--verde) } td.neg { color:var(--vermelho) } td.detalhe { font-family:var(--fonte-num); font-size:var(--fs-2xs); color:var(--fraco); max-width:420px; overflow-wrap:anywhere; } .nivel { display:inline-block; border-radius:999px; padding:1px var(--sp-2); font-size:var(--fs-2xs); text-transform:uppercase; letter-spacing:.04em; border:1px solid; } .nivel.n-info { color:var(--fraco); border-color:var(--linha) } .nivel.n-aviso { color:var(--ambar); border-color:var(--ambar) } .nivel.n-alerta { color:var(--vermelho); border-color:var(--vermelho) } tr.n-alerta { background:rgba(246,70,93,.07) } .modal-largo { max-width:760px; width:100% } .modal-cabeca .abas { margin-bottom:0 } .modal-cabeca h2 { margin-bottom:var(--sp-3) } .modal-cabeca h2:only-child { margin-bottom:0 } .ajuda { display:block; margin-top:4px; color:var(--fraco); font-size:var(--fs-2xs); line-height:1.35; } .ajuda b { color:var(--texto); font-weight:var(--fw-medium) } .check .ajuda { grid-column:1/-1; margin-top:var(--sp-1) } .grupo h3 { font-size:var(--fs-sm); font-weight:var(--fw-medium); padding-bottom:var(--sp-2); margin-bottom:var(--sp-3); border-bottom:var(--borda); } fieldset.grupo { border:var(--borda); border-radius:var(--raio-lg); padding:var(--sp-4); margin:0 0 var(--sp-4); background:var(--caixa-2); } fieldset.grupo legend { padding:0 var(--sp-2); margin-left:calc(var(--sp-2) * -1); color:var(--texto); font-size:var(--fs-xs); font-weight:var(--fw-bold); text-transform:uppercase; letter-spacing:.06em; } .grupo-nota { color:var(--fraco); font-size:var(--fs-xs); line-height:var(--lh-base); margin-bottom:var(--sp-3); } .grupo .check, .adm > .check { display:flex; align-items:flex-start; gap:var(--sp-2); margin-bottom:var(--sp-3); cursor:pointer; font-size:var(--fs-sm); flex-wrap:wrap; } .grupo .check input, .adm > .check input { width:16px; height:16px; margin:0; flex:0 0 auto; margin-top:2px; } .grupo .check span, .adm > .check span { line-height:1.3 } .grupo .grade { align-items:start } .paginacao { display:flex; flex-wrap:wrap; gap:var(--sp-1); justify-content:center; margin-top:var(--sp-4) } .pag { min-width:36px; padding:var(--sp-2) var(--sp-3); background:var(--caixa-2); border:var(--borda); border-radius:var(--raio); color:var(--texto); font-size:var(--fs-sm); } .pag:hover:not(:disabled) { border-color:var(--azul) } .pag.atual { background:var(--acao); color:#fff; border-color:var(--azul) } .pag:disabled { opacity:.4; cursor:default } .pag-vazio { color:var(--fraco); padding:var(--sp-2) } .ver-todos { background:none; border:0; color:var(--azul); font-size:var(--fs-sm); padding:0 } .ver-todos:hover { text-decoration:underline } .campo textarea { width:100%; padding:var(--sp-2) var(--sp-3); resize:vertical; background:var(--fundo); color:var(--texto); border:1px solid var(--linha); border-radius:var(--raio); font-family:var(--fonte); font-size:var(--fs-sm); line-height:var(--lh-base); } .campo textarea:focus { outline:none; border-color:var(--azul); box-shadow:var(--foco) } .dica code { background:var(--fundo); border:1px solid var(--linha); border-radius:4px; padding:1px 4px; font-family:var(--fonte-num); font-size:var(--fs-2xs); } .fim-tabela td.pos { color:var(--verde) } .bt-ver-todos { background:var(--caixa-2); border:var(--borda); border-radius:var(--raio); color:var(--azul); font-size:var(--fs-sm); padding:var(--sp-2) var(--sp-3); white-space:nowrap; } .bt-ver-todos:hover { border-color:var(--azul); background:var(--caixa) } .u-abas { margin-bottom:var(--sp-3) } .u-lista { display:grid; gap:var(--sp-2) } .u-card { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); transition:border-color .15s } .u-card:hover, .u-card.aberto { border-color:var(--fraco) } .u-card.u-bloq { border-color:color-mix(in srgb, var(--vermelho) 45%, var(--linha)) } .u-linha { display:flex; align-items:center; gap:var(--sp-3); padding:var(--sp-3); cursor:pointer; flex-wrap:wrap } .u-quem { display:grid; gap:2px; min-width:0; flex:1 1 260px } .u-quem strong { font-size:var(--fs-base) } .u-quem small { color:var(--fraco); font-size:var(--fs-xs); overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .u-meta { display:grid; gap:2px; text-align:right; font-size:var(--fs-xs); color:var(--fraco) } .u-saldo { display:flex; justify-content:flex-end; align-items:baseline; gap:6px } .u-saldo small { font-size:var(--fs-xs); color:var(--fraco) } .u-cred, .u-sac { font-family:var(--fonte-num); font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--texto) } @media (max-width: 600px) { .u-meta { text-align:left } .u-saldo { justify-content:flex-start } } .u-acoes { display:flex; align-items:center; gap:var(--sp-2); margin-left:auto; flex-wrap:wrap } .u-seta { width:30px; height:30px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--fraco); font-size:14px; cursor:pointer; transition:transform .15s } .u-seta:hover { background:var(--caixa) } .u-card.aberto .u-seta { transform:rotate(180deg) } .u-aberto { padding:0 var(--sp-3) var(--sp-3); border-top:1px solid var(--linha); display:grid; gap:var(--sp-3) } .u-dados { margin-top:var(--sp-3) } .u-ferramentas { display:flex; gap:var(--sp-2); flex-wrap:wrap } .u-sub { margin:var(--sp-2) 0 0; font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.06em; color:var(--fraco) } .u-excluir:hover { color:var(--vermelho); border-color:var(--vermelho) } .pill-bloq { background:var(--vermelho); color:#fff; border-radius:999px; padding:1px var(--sp-2); font-size:var(--fs-2xs); margin-left:var(--sp-1); } .pill-mudo { border:1px solid var(--ambar); color:var(--ambar); border-radius:999px; padding:0 var(--sp-2); font-size:var(--fs-2xs); margin-left:var(--sp-1); } .grau-selo { display:inline-block; margin-left:var(--sp-1); padding:0 var(--sp-2); border-radius:999px; border:1px solid; font-size:var(--fs-2xs); text-transform:capitalize; white-space:nowrap; cursor:help; } .grau-selo.g-azul { color:var(--acao); border-color:var(--acao) } .grau-selo.g-ambar { color:var(--ambar); border-color:var(--ambar) } .grau-selo.g-laranja { color:#f0883e; border-color:#f0883e } .grau-selo.g-vermelho { color:var(--vermelho); border-color:var(--vermelho) } .grau-selo.g-fraco { color:var(--fraco); border-color:var(--linha) } .iz { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; margin-left:5px; border-radius:50%; border:1px solid currentColor; font-size:9px; font-style:normal; font-weight:var(--fw-bold); opacity:.75; cursor:help; } .iz:hover { opacity:1 } .faixa.grau-leve.ativa { border-color:var(--acao) } .faixa.grau-medio.ativa { border-color:var(--ambar) } .faixa.grau-grave.ativa { border-color:#f0883e } .faixa.grau-gravissimo.ativa { border-color:var(--vermelho) } .alerta-txt { color:var(--ambar) } .ajuda-capa h2 { margin-bottom: var(--sp-2) } .ajuda-frase { color: var(--fraco); font-size: var(--fs-base); line-height: 1.6; max-width: 60ch; margin: 0; } .ajuda-capa { text-align: center } .ajuda-capa .ajuda-frase { max-width: none; margin: var(--sp-2) auto 0; font-family: var(--fonte-titulo); font-weight: 800; color: var(--texto); font-size: clamp(22px, 3vw, 32px); line-height: 1.3; } .ajuda-capa .af-parte { display: inline-block } .ajuda-nota { color: var(--fraco); font-size: var(--fs-sm); margin: 0 0 var(--sp-4) } .ajuda-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: var(--caixa-2); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; } .ajuda-video iframe, .ajuda-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: #000; } .av-caixa { background:#03110a } .av-tela { position:absolute; inset:0; width:100%; height:100%; display:block } .av-legenda { position:absolute; left:50%; bottom:8%; transform:translateX(-50%); max-width:86%; padding:.5em .9em; border-radius:var(--raio); background:rgba(2,20,10,.72); color:#d6ffb8; font-size:clamp(13px, 1.9vw, 22px); line-height:1.35; text-align:center; pointer-events:none; } .av-legenda:empty { display:none } .av-controles { position:absolute; top:var(--sp-2); right:var(--sp-2); display:flex; gap:var(--sp-2); z-index:3 } .av-caixa.av-ocupada .av-controles { display:none } .av-caixa.av-fora { background:#020c07 } .av-flutuante { position:fixed; z-index:60; overflow:visible; background:transparent; cursor:pointer; animation:av-flutua 3.6s ease-in-out infinite; filter:drop-shadow(0 0 18px rgba(120,255,140,.35)); } @keyframes av-flutua { 0%,100% { transform:translateY(0) rotate(-1.5deg) } 50% { transform:translateY(-12px) rotate(1.5deg) } } .av-flutuante .av-tela { position:absolute; inset:0; width:100%; height:100% } .av-bt { background:rgba(2,20,10,.7); color:#bfffa0; border:1px solid rgba(160,255,150,.45); border-radius:999px; padding:4px 10px; font-size:var(--fs-xs); cursor:pointer; font-family:inherit; } .av-bt:hover { background:rgba(2,40,18,.9); color:#fff } .av-bt:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(160,255,150,.35) } .av-toque { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--sp-3); background:rgba(2,12,6,.55); color:#e6ffd0; border:0; cursor:pointer; font-family:inherit; font-size:clamp(14px, 2vw, 20px); } .av-toque-ic { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(160,255,150,.18); border:2px solid rgba(160,255,150,.7); font-size:26px; animation:av-pulsa 1.6s ease-in-out infinite; } @keyframes av-pulsa { 0%,100% { transform:scale(1) } 50% { transform:scale(1.08) } } .av-caixa:fullscreen { border-radius:0; border:0; aspect-ratio:auto; width:100vw; height:100vh } .av-caixa:fullscreen .av-legenda { font-size:clamp(18px, 2.4vw, 34px); bottom:10% } .av-caixa:fullscreen .av-bt { font-size:var(--fs-sm); padding:8px 16px } .ajuda-video-vazio { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-3); color: var(--fraco); font-size: var(--fs-sm); text-align: center; padding: var(--sp-4); } .avv-ic { width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--linha); background: var(--caixa); display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--verde); } .ajuda-passos { list-style: none; counter-reset: passo; margin: 0; padding: 0; display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .ajuda-passos li { counter-increment: passo; position: relative; background: var(--caixa-2); border: 1px solid var(--linha); border-radius: var(--raio); padding: var(--sp-4); padding-top: calc(var(--sp-4) + 18px); display: flex; flex-direction: column; gap: var(--sp-2); } .ajuda-passos li::before { content: counter(passo); position: absolute; top: var(--sp-3); left: var(--sp-4); width: 26px; height: 26px; border-radius: 50%; background: var(--verde); color: var(--fundo); display: flex; align-items: center; justify-content: center; font-size: var(--fs-sm); font-weight: 700; } .ajuda-passos li b { color: var(--texto); font-size: var(--fs-base) } .bt-ouvir { align-self: flex-start; margin-top: auto; background: transparent; border: 1px solid var(--linha); color: var(--fraco); border-radius: 999px; padding: 4px 10px; font-size: var(--fs-xs); cursor: pointer; font-family: inherit; line-height: 1.4; white-space: nowrap; } .bt-ouvir:hover { color: var(--texto); border-color: var(--acao) } .bt-ouvir:focus-visible { outline: none; box-shadow: var(--foco) } .ajuda-regra h3 .bt-ouvir { margin-left: auto; margin-top: 0 } .ajuda-topo { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); flex-wrap: wrap } .bt-ouvir-tudo { font-size: var(--fs-sm); padding: 6px 14px; color: var(--texto); border-color: var(--acao) } .ajuda-passos li.falando, .ajuda-regra.falando { border-color: var(--acao); box-shadow: var(--foco) } .bt-ouvir-tudo.falando { background: var(--acao); color: #fff } .ajuda-passos li span { color: var(--fraco); font-size: var(--fs-sm); line-height: 1.5 } .ajuda-regras { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .ajuda-regra { background: var(--caixa-2); border: 1px solid var(--linha); border-radius: var(--raio); padding: var(--sp-4); } .ajuda-regra h3 { display: flex; align-items: center; gap: var(--sp-3); margin: 0 0 var(--sp-3); font-size: var(--fs-base); color: var(--texto); } .ar-ic { flex: none; width: 30px; height: 30px; border-radius: 8px; background: var(--caixa); border: 1px solid var(--linha); color: var(--verde); display: flex; align-items: center; justify-content: center; font-size: var(--fs-sm); line-height: 1; } .ajuda-regra p { margin: 0 0 var(--sp-2); color: var(--fraco); font-size: var(--fs-sm); line-height: 1.6; } .ajuda-regra p:last-child { margin-bottom: 0 } .ajuda-regra b { color: var(--texto) } .ajuda-faq { display: flex; flex-direction: column; gap: var(--sp-2) } .ajuda-faq details { background: var(--caixa-2); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; } .ajuda-faq summary { cursor: pointer; list-style: none; padding: var(--sp-3) var(--sp-4); font-size: var(--fs-base); color: var(--texto); display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); min-height: 44px; } .ajuda-faq summary::-webkit-details-marker { display: none } .ajuda-faq summary::after { content: "+"; flex: none; color: var(--fraco); font-size: var(--fs-lg); line-height: 1; } .ajuda-faq details[open] summary::after { content: "−" } .ajuda-faq details[open] summary { color: var(--verde) } .ajuda-faq summary:hover { background: var(--caixa) } .ajuda-faq p { margin: 0; padding: 0 var(--sp-4) var(--sp-4); color: var(--fraco); font-size: var(--fs-sm); line-height: 1.6; } .ajuda-faq b { color: var(--texto) } .ajuda-fim { text-align: center } .ajuda-fim p { color: var(--fraco); font-size: var(--fs-sm); margin: 0 0 var(--sp-4) } .ajuda-fim .botao { max-width: 320px; margin: 0 auto } @media (max-width: 600px) { .ajuda-regras, .ajuda-passos { grid-template-columns: 1fr } } .grupo-topo { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3) } .grupo-topo h3 { margin:0 } .ajuda-itens { display:flex; flex-direction:column; gap:var(--sp-3) } .aj-item { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); } .aj-item-topo { display:flex; align-items:center; gap:var(--sp-2); margin-bottom:var(--sp-2); } .aj-num { flex:none; min-width:24px; height:24px; padding:0 6px; border-radius:12px; background:var(--linha); color:var(--fraco); display:flex; align-items:center; justify-content:center; font-size:var(--fs-xs); font-weight:700; } .aj-item-topo .aj-espaco { flex:1 } .aj-bt { flex:none; width:30px; height:30px; border-radius:8px; cursor:pointer; background:var(--caixa); border:1px solid var(--linha); color:var(--fraco); font-size:var(--fs-sm); line-height:1; } .aj-bt:hover { color:var(--texto); border-color:var(--fraco) } .aj-bt.tirar:hover { color:var(--vermelho); border-color:var(--vermelho) } .aj-bt:disabled { opacity:.3; cursor:default } .aj-item .campo + .campo { margin-top:var(--sp-2) } .aj-icone { width:80px } .video-caixa { display:flex; flex-direction:column; gap:var(--sp-3) } .video-envio { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2) } .video-envio input[type=file] { flex:1; min-width:200px; color:var(--fraco); font-size:var(--fs-sm) } .barra-envio { margin-top:var(--sp-2); height:8px; border-radius:4px; background:var(--linha); overflow:hidden; } .barra-envio span { display:block; height:100%; width:0; background:var(--verde); transition:width .2s } .ajuda-previa { margin-top:var(--sp-3) } .ajuda-previa video, .ajuda-previa iframe { width:100%; max-width:420px; aspect-ratio:16/9; border:1px solid var(--linha); border-radius:var(--raio); background:#000; display:block; } .ajuda-previa .sem { color:var(--fraco); font-size:var(--fs-sm) } .mt-cartoes { display:grid; gap:var(--sp-3); margin-top:var(--sp-3); grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); } .mt-cartao { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3) var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-1); min-width:0; } .mt-cartao.forte { border-color:var(--verde) } .mt-rot { color:var(--fraco); font-size:var(--fs-xs); text-transform:lowercase } .mt-val { font-family:var(--fonte-num); font-size:var(--fs-xl); color:var(--texto); line-height:1.15; word-break:break-word; } .mt-cartao.forte .mt-val { color:var(--verde) } .mt-nota { color:var(--fraco); font-size:var(--fs-xs); line-height:1.4 } .mt-grafico { margin:var(--sp-3) 0 } .mt-svg { width:100%; height:220px; display:block } .mt-svg-barra { width:100%; height:26px; display:block; border-radius:6px; overflow:hidden } .mt-linha { stroke:var(--linha); stroke-width:1 } .mt-dia { fill:var(--fraco); font-size:11px } .mt-vazio { color:var(--fraco); font-size:var(--fs-sm); margin:var(--sp-3) 0 } .mt-legenda { display:flex; flex-wrap:wrap; gap:var(--sp-3); align-items:center; margin-top:var(--sp-2); color:var(--fraco); font-size:var(--fs-xs); } .mt-leg { display:inline-flex; align-items:center; gap:6px } .mt-leg i { width:10px; height:10px; border-radius:3px; display:inline-block } .mt-leg b { color:var(--texto) } .mt-leg-max { margin-left:auto } .mt-ponto { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:8px; vertical-align:middle; } .mt-sub { margin:var(--sp-5) 0 0; font-size:var(--fs-base); color:var(--fraco) } .mt-barrinha-cel { width:120px } .mt-barrinha { display:block; height:8px; border-radius:4px; background:var(--linha); overflow:hidden; } .mt-barrinha i { display:block; height:100%; background:var(--verde) } @media (max-width:600px) { .mt-svg { height:180px } .mt-cartoes { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) } } .mt-pisca { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--verde); margin-right:8px; vertical-align:middle; animation:mtPisca 1.6s ease-in-out infinite; } @keyframes mtPisca { 0%,100% { opacity:1 } 50% { opacity:.25 } } .mt-check { padding:0; margin:0; font-size:var(--fs-sm) } @media (prefers-reduced-motion:reduce) { .mt-pisca { animation:none } } .sem-js:not(:empty) { background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-5); margin-bottom:var(--sp-5); line-height:1.6; } .sem-js h1 { font-size:var(--fs-xl); margin:0 0 var(--sp-3) } .sem-js h2 { font-size:var(--fs-base); margin:var(--sp-5) 0 var(--sp-2) } .sem-js h3 { font-size:var(--fs-sm); margin:var(--sp-4) 0 var(--sp-1); color:var(--fraco) } .sem-js p, .sem-js li { color:var(--fraco); font-size:var(--fs-sm) } .sem-js a { color:var(--azul) } .seo-lista { display:flex; flex-direction:column; gap:var(--sp-2); margin-top:var(--sp-3) } .seo-item { display:flex; gap:var(--sp-3); align-items:flex-start; background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); } .seo-item > div { display:flex; flex-direction:column; gap:2px; min-width:0 } .seo-item strong { font-size:var(--fs-sm); color:var(--texto) } .seo-item span { font-size:var(--fs-xs); color:var(--fraco); line-height:1.5; word-break:break-word } .seo-ic { flex:none; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--fs-xs); font-weight:700; } .seo-item.ok .seo-ic { background:var(--verde); color:var(--fundo) } .seo-item.falta .seo-ic { background:var(--vermelho); color:#fff } .seo-item.falta { border-color:var(--vermelho) } .seo-item.atencao .seo-ic { background:var(--ambar); color:var(--fundo) } .seo-longo { color:var(--vermelho) } .seo-previa { margin-top:var(--sp-3) } .seo-previa img { width:100%; max-width:380px; aspect-ratio:1200/630; object-fit:cover; border:1px solid var(--linha); border-radius:var(--raio); display:block; background:var(--caixa-2); } .seo-previa .sem { color:var(--fraco); font-size:var(--fs-sm) } .seo-arquivos { display:flex; gap:var(--sp-3); margin-top:var(--sp-2) } .seo-arquivos a { color:var(--azul); font-size:var(--fs-sm) } .conta-credito { display:grid; gap:var(--sp-2); margin-top:var(--sp-3); grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); } .cc-item { display:flex; align-items:baseline; justify-content:space-between; gap:var(--sp-3); background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); } .cc-rot { color:var(--fraco); font-size:var(--fs-sm) } .cc-val { font-family:var(--fonte-num); font-size:var(--fs-base); white-space:nowrap } .cc-val.pos { color:var(--verde) } .cc-val.neg { color:var(--vermelho) } .cc-val.cortesia { color:var(--ambar) } .saldos { display:grid; gap:var(--sp-3); margin-top:var(--sp-3); grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); } .saldo-caixa { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-2); } .saldo-caixa.s-jogo { border-color:var(--azul) } .saldo-caixa.s-sacavel { border-color:var(--verde) } .sc-rot { color:var(--fraco); font-size:var(--fs-sm) } .sc-val { font-family:var(--fonte-num); font-size:var(--fs-2xl); line-height:1.1 } .s-jogo .sc-val { color:var(--azul) } .s-sacavel .sc-val { color:var(--verde) } .sc-nota { color:var(--fraco); font-size:var(--fs-xs); line-height:1.5; flex:1 } .sc-acoes { display:flex; gap:var(--sp-2); flex-wrap:wrap } #cSacarNota { flex:none } .sc-acoes .botao, .saldo-caixa .botao { min-height:40px; font-size:var(--fs-sm); border-radius:var(--raio); background:var(--caixa); color:var(--texto); border:1px solid var(--linha); flex:1; } .sc-acoes .botao:hover:not(:disabled) { border-color:var(--verde); color:var(--verde) } .saldo-caixa .botao.cta { background:var(--acao); color:#fff; border-color:var(--azul) } .saldo-caixa .botao:disabled { opacity:.45; cursor:default } .conta-sub { font-size:var(--fs-sm); color:var(--fraco); margin:var(--sp-4) 0 var(--sp-2) } .conta-saques { display:flex; flex-direction:column; gap:var(--sp-2) } .saque-linha { display:flex; align-items:baseline; gap:var(--sp-3); flex-wrap:wrap; background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); font-size:var(--fs-sm); } .saque-linha strong { font-family:var(--fonte-num) } .sq-quando { color:var(--fraco); font-size:var(--fs-xs) } .sq-estado { margin-left:auto; font-size:var(--fs-xs); color:var(--fraco) } .saque-linha.s-pedido { border-color:var(--ambar) } .saque-linha.s-pedido .sq-estado { color:var(--ambar) } .saque-linha.s-pago .sq-estado { color:#16a34a; font-weight:var(--fw-bold) } .sq-abas { margin-bottom:var(--sp-1) } #cDadosNota { margin-top:var(--sp-3) } #edOpcoes { display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--sp-2) } #edOpcoes .au-valor span { width:100%; min-width:0 } #edOpcoes.ed-dois { grid-template-columns:repeat(2, 1fr) } #edOpcoes.ed-cinco { grid-template-columns:repeat(6, 1fr) } #edOpcoes.ed-cinco label { grid-column:span 2 } #edOpcoes.ed-cinco label:nth-child(4) { grid-column:2 / span 2 } .fim-num.com-editar { position:relative } .fn-editar { position:absolute; top:var(--sp-3); right:var(--sp-3); font-size:var(--fs-xs) } #modalEditar .modal-botoes { margin-top:var(--sp-5) } #modalEditar .modal-botoes .botao { flex:1 } .sq-ver-comp { flex-basis:100%; font-size:var(--fs-sm); color:var(--acao); font-weight:var(--fw-bold) } .saque-linha.s-recusado .sq-estado { color:var(--vermelho) } .pix-item { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); cursor:pointer; transition:border-color .15s; } .pix-item:hover, .pix-item:focus-visible { border-color:var(--fraco); outline:none } .pix-item.aberto { border-color:var(--fraco) } .pix-linha { display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap } .pix-linha strong { font-family:var(--fonte-num); font-size:var(--fs-base) } .pix-selo { margin-left:auto; padding:3px 10px; border-radius:999px; border:1px solid; font-size:var(--fs-2xs); font-weight:var(--fw-medium); text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; } .pix-selo-verde { color:var(--verde); border-color:var(--verde); background:color-mix(in srgb, var(--verde) 14%, transparent) } .pix-selo-amarelo { color:var(--ambar); border-color:var(--ambar); background:color-mix(in srgb, var(--ambar) 14%, transparent) } .pix-selo-vermelho { color:var(--vermelho); border-color:var(--vermelho); background:color-mix(in srgb, var(--vermelho) 14%, transparent) } .pix-selo-laranja { color:#f0883e; border-color:#f0883e; background:color-mix(in srgb, #f0883e 14%, transparent) } .pix-selo-azul { color:var(--azul); border-color:var(--azul); background:color-mix(in srgb, var(--azul) 14%, transparent) } .pix-selo-cinza { color:var(--fraco); border-color:var(--linha); background:transparent } .pix-seta { color:var(--fraco); font-size:12px; transition:transform .15s } .pix-item.aberto .pix-seta { transform:rotate(180deg) } .pix-detalhe { margin-top:var(--sp-3); padding-top:var(--sp-3); border-top:1px solid var(--linha); display:grid; gap:var(--sp-2) } .pd-linha { display:grid; grid-template-columns:110px 1fr; gap:var(--sp-3); font-size:var(--fs-sm); align-items:baseline } .pd-rotulo { color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em } .pd-valor { overflow-wrap:anywhere } .pd-verde { color:var(--verde) } .pd-amarelo { color:var(--ambar) } @media (max-width:480px) { .pd-linha { grid-template-columns:1fr } } .pix-devolucao.dv-ok { color:var(--verde) } .pix-devolucao.dv-espera { color:var(--ambar) } .saque-linha.s-pendente .sq-estado { color:var(--ambar) } .mv-atalhos { display:flex; gap:var(--sp-2); margin:var(--sp-2) 0 } .mv-atalho { flex:1; min-height:36px; cursor:pointer; font-size:var(--fs-sm); background:var(--caixa-2); color:var(--fraco); border:1px solid var(--linha); border-radius:var(--raio); } .mv-atalho:hover { border-color:var(--verde); color:var(--verde) } #mvConfirmar { background:var(--verde); color:var(--fundo); flex:2 } #mvCancelar { background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha); flex:1 } #mvConfirmar:disabled { opacity:.45; cursor:default } .lado-selo { display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; margin-left:6px; border-radius:9px; background:var(--vermelho); color:#fff; font-size:11px; font-weight:700; } .filtro-saque { display:flex; gap:var(--sp-2); overflow-x:auto; flex-wrap:nowrap; max-width:100%; padding-bottom:2px; scrollbar-width:thin; } .filtro-saque .bt { flex:0 0 auto; white-space:nowrap } .filtro-saque .bt.ativo { background:var(--acao); color:#fff } .saques-lista { display:flex; flex-direction:column; gap:var(--sp-3); margin-top:var(--sp-3) } .saque-caixa { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-4); } .saque-caixa.sq-esperando { border-color:var(--ambar) } .saque-caixa.sq-pago { opacity:.7 } .saque-caixa.sq-recusado { opacity:.7 } .sqa-topo { display:flex; align-items:baseline; gap:var(--sp-3); flex-wrap:wrap } .sqa-valor { font-family:var(--fonte-num); font-size:var(--fs-lg); color:var(--texto) } .sqa-quem { color:var(--fraco); font-size:var(--fs-sm) } .sqa-estado { margin-left:auto; font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em } .sq-esperando .sqa-estado { color:var(--ambar) } .sq-pago .sqa-estado { color:var(--verde) } .sq-recusado .sqa-estado { color:var(--vermelho) } .saque-caixa.sq-pagando { border-color:var(--acao) } .sq-pagando .sqa-estado { color:var(--acao) } .saque-linha.s-pagando { border-color:var(--acao) } .saque-linha.s-pagando .sq-estado { color:var(--acao) } .sqa-dados { display:grid; gap:var(--sp-1) var(--sp-4); margin-top:var(--sp-3); grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); font-size:var(--fs-sm); color:var(--fraco); } .sqa-dados b { color:var(--texto); font-weight:400; margin-right:4px } .sqa-acoes { display:flex; gap:var(--sp-2); margin-top:var(--sp-4); flex-wrap:wrap } .mv-tudo { width:100%; min-height:48px; cursor:pointer; font-size:var(--fs-base); background:var(--verde); color:var(--fundo); border:0; border-radius:var(--raio); font-weight:var(--fw-bold); } .mv-tudo:hover:not(:disabled) { filter:brightness(1.08) } .mv-tudo:disabled { opacity:.4; cursor:default } .mv-ou { display:flex; align-items:center; gap:var(--sp-3); color:var(--fraco); font-size:var(--fs-xs); margin:var(--sp-4) 0; } .mv-ou::before, .mv-ou::after { content:""; flex:1; height:1px; background:var(--linha); } .alerta-velho { border:1px solid var(--vermelho) !important; background:var(--ambar-suave) !important; } .alerta-velho strong { color:var(--vermelho); font-size:var(--fs-base) } .msg-abas, .cfg-abas { margin-bottom:var(--sp-3) } .msg-abas .lado-selo { margin-left:6px } .alerta-velho p { color:var(--texto); font-size:var(--fs-sm); margin:var(--sp-2) 0 0; line-height:1.6 } #modalMover .campo { margin-bottom:var(--sp-3) } #modalMover .campo .ajuda { display:block; margin-top:var(--sp-2) } #modalMover .modal-botoes { margin-top:var(--sp-5) } #modalMover .modal-aviso { margin-top:var(--sp-3) } .mv-certeza { background:var(--caixa); border:1px solid var(--ambar); border-radius:var(--raio); padding:var(--sp-4); margin-top:var(--sp-2); } .mv-certeza p { margin:0; color:var(--texto); font-size:var(--fs-sm); line-height:1.6; } .mv-certeza .modal-botoes { margin-top:var(--sp-4) } #mvSim { background:var(--verde); color:var(--fundo); flex:2 } #mvNao { background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha); flex:1 } .secao { display:flex; flex-direction:column; gap:var(--sp-4); } #contaPagina, #ajudaPagina, #comprarPagina { display:flex; flex-direction:column; gap:var(--sp-4); } .pacotes-lista { display:flex; flex-direction:column; gap:var(--sp-2); margin-top:var(--sp-3) } .pacote-linha { display:flex; align-items:center; gap:var(--sp-3); background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); } .pct-nome { min-width:120px; color:var(--fraco); font-size:var(--fs-sm) } .pct-valor { flex:1; min-width:0; height:var(--h); background:var(--fundo); border:var(--borda); border-radius:var(--raio); color:var(--texto); padding:0 var(--sp-3); font-size:var(--fs-base); font-family:var(--fonte-num); } .saque-caixa.sq-pendente { border-color:var(--linha); opacity:.85 } .sq-pendente .sqa-estado { color:var(--fraco) } .saque-linha.s-pendente { border-color:var(--linha) } .saque-linha.s-pendente .sq-estado { color:var(--fraco) } #cpfModal .modal-botoes { margin-top:var(--sp-5) } #cpf_confirmar { background:var(--verde); color:var(--fundo); flex:2 } #cpf_cancelar { background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha); flex:1 } #cpf_confirmar:hover { filter:brightness(1.08) } #cpf_confirmar:disabled { opacity:.45; cursor:default } #cpfModal .campo { margin-bottom:var(--sp-3) } #cpfModal .cpf-estado { margin-top:var(--sp-3) } .dep-form .acao { display:flex; gap:var(--sp-3); margin-top:var(--sp-4) } #cDepEnviar { background:var(--verde); color:var(--fundo); flex:2 } #cDepCancelar { background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha); flex:1 } #cDepEnviar:hover { filter:brightness(1.08) } #cDepEnviar:disabled { opacity:.45; cursor:default } .dep-convite .acao { display:flex; align-items:center; gap:var(--sp-3) } #cDepEscrever { width:auto; min-height:38px; padding:var(--sp-2) var(--sp-4); font-size:var(--fs-sm); border-radius:var(--raio); background:var(--verde); color:var(--fundo); } #cDepEscrever:hover { filter:brightness(1.08) } input.isca, .isca { position:absolute !important; left:-9999px !important; top:auto !important; width:1px !important; height:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; opacity:0 !important; background:transparent !important; pointer-events:none; } .cpf-estado { display:flex; align-items:center; gap:var(--sp-2); font-size:var(--fs-sm); line-height:1.5; margin-top:calc(var(--sp-2) * -1); padding:var(--sp-2) var(--sp-3); border-radius:var(--raio); border:1px solid var(--linha); background:var(--caixa-2); color:var(--fraco); } .cpf-estado.conferindo { color:var(--fraco) } .cpf-estado.certo { border-color:var(--verde); color:var(--verde) } .cpf-estado.errado { border-color:var(--vermelho); color:var(--vermelho) } .cpf-estado.aviso { border-color:var(--ambar); color:var(--ambar) } .verif-alerta { margin:var(--sp-3) 0; padding:var(--sp-3); border:1px solid var(--ambar); border-left-width:4px; border-radius:var(--raio); background:var(--caixa-2); color:var(--texto); font-size:var(--fs-sm); line-height:1.6; } .verif-fornecedores { margin-top:var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-2) } .verif-forn { padding:var(--sp-2) var(--sp-3); border-left:3px solid var(--verde); background:var(--caixa-2); border-radius:var(--raio); font-size:var(--fs-sm); color:var(--texto); } .verif-forn.inventado { border-left-color:var(--fraco); color:var(--fraco) } .modal-corpo, .conteudo-corpo, .rolagem { scrollbar-width: thin; scrollbar-color: var(--linha) transparent; } .modal-corpo::-webkit-scrollbar, .conteudo-corpo::-webkit-scrollbar, .rolagem::-webkit-scrollbar { width:8px; height:8px } .modal-corpo::-webkit-scrollbar-track, .conteudo-corpo::-webkit-scrollbar-track, .rolagem::-webkit-scrollbar-track { background:transparent } .modal-corpo::-webkit-scrollbar-thumb, .conteudo-corpo::-webkit-scrollbar-thumb, .rolagem::-webkit-scrollbar-thumb { background:var(--linha); border-radius:99px; } .modal-corpo::-webkit-scrollbar-thumb:hover, .conteudo-corpo::-webkit-scrollbar-thumb:hover, .rolagem::-webkit-scrollbar-thumb:hover { background:var(--fraco) } td.nada { color:var(--fraco) } .link-magro { display:flex; align-items:center; justify-content:center; gap:var(--sp-2); background:none !important; border:0; margin:0 !important; padding:var(--sp-2) 0; height:auto !important; color:var(--texto); font-size:var(--fs-sm); cursor:pointer; font-weight:var(--fw-regular); filter:none !important; } .seta { color:var(--fraco); transition:transform .15s ease, color .15s ease } .link-magro:hover { color:var(--azul) } .link-magro.link-linha { display:inline; padding:0; color:var(--azul); text-decoration:underline } .link-magro:hover .seta { color:var(--azul) } #btEsqueci:hover .seta { transform:translateX(3px) } #btVoltarLogin:hover .seta { transform:translateX(-3px) } .ajuda-ruim { color:var(--vermelho) !important } .sq-cancelar { margin-left:auto; padding:2px var(--sp-2); background:transparent; border:1px solid var(--linha); border-radius:var(--raio); color:var(--fraco); font-size:var(--fs-xs); cursor:pointer; } .sq-cancelar:hover:not(:disabled) { border-color:var(--vermelho); color:var(--vermelho) } .sq-cancelar:disabled { opacity:.4; cursor:default } .saque-linha.sq-cancelado { opacity:.6 } .adm-dep { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); margin-bottom:var(--sp-3) } .adm-dep-topo { display:flex; gap:var(--sp-3); flex-wrap:wrap; align-items:baseline; font-size:var(--fs-xs); color:var(--fraco); margin-bottom:var(--sp-2) } .adm-dep-estado { margin-left:auto; font-weight:var(--fw-medium) } .adm-dep-texto { margin:0 0 var(--sp-3); line-height:var(--lh-loose) } .adm-dep-foto { margin:0 0 var(--sp-3); color:var(--fraco); font-size:var(--fs-sm) } .adm-dep-foto img { display:block; max-width:100%; max-height:320px; border:var(--borda); border-radius:var(--raio); cursor:zoom-in; } .adm-dep-foto img.grande { max-height:none; cursor:zoom-out } .adm-dep-motivo { background:var(--fundo); color:var(--texto); border:var(--borda); border-radius:var(--raio); padding:2px var(--sp-2); max-width:100% } .adm-dep.e-pendente { border-color:var(--ambar) } .adm-dep.e-recusado { opacity:.65 } .dep-lista { display:grid; gap:var(--sp-3) } .dep-item { background:var(--caixa-2); border:var(--borda); border-radius:var(--raio-lg); padding:var(--sp-4); } .dep-texto { margin:0; line-height:var(--lh-loose) } .dep-pe { display:flex; align-items:baseline; gap:var(--sp-3); flex-wrap:wrap; margin-top:var(--sp-3); padding-top:var(--sp-2); border-top:1px solid var(--linha); } .dep-quem { font-weight:var(--fw-medium) } .dep-compartilhar { margin-left:auto; align-self:center; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; cursor:pointer; border:var(--borda); border-radius:50%; background:transparent; color:var(--fraco); } .dep-compartilhar:hover { color:var(--verde); border-color:var(--verde) } .dep-compartilhar svg { width:18px; height:18px } .dep-item.dep-destaque { border-color:var(--verde); box-shadow:0 0 0 2px color-mix(in srgb, var(--verde) 35%, transparent) } .dep-fatos { color:var(--fraco); font-size:var(--fs-xs) } .dep-convite { background:var(--verde-suave); border-left:3px solid var(--verde); border-radius:var(--raio); padding:var(--sp-3); margin-bottom:var(--sp-3); } .dep-convite p { margin:0 0 var(--sp-2) } .dep-form textarea { width:100%; resize:vertical; font-family:inherit; font-size:var(--fs-base); background:var(--fundo); color:var(--texto); border:var(--borda); border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); } .dep-meus { display:grid; gap:var(--sp-3); margin-top:var(--sp-3) } .dep-meu { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); font-size:var(--fs-sm); } .dep-meu-topo { display:flex; justify-content:space-between; align-items:center; gap:var(--sp-2); font-size:var(--fs-xs); color:var(--fraco); cursor:pointer; list-style:none; } .dep-meu-topo::-webkit-details-marker { display:none } .dep-meu-topo::after { content:"▾"; color:var(--fraco); transition:transform .15s ease; flex:none } .dep-meu[open] .dep-meu-topo::after { transform:rotate(180deg) } .dep-meu[open] .dep-meu-topo { margin-bottom:var(--sp-2) } .dep-meu-topo .dep-estado { margin-left:auto } .dep-estado { font-weight:var(--fw-medium) } .dep-meu.d-pendente { border-color:var(--ambar) } .dep-meu.d-pendente .dep-estado { color:var(--ambar) } .dep-meu.d-publicado .dep-estado { color:var(--verde) } .dep-meu.d-recusado { border-color:var(--vermelho) } .dep-meu.d-recusado .dep-estado { color:var(--vermelho) } .dep-motivo { margin:var(--sp-2) 0 0; color:var(--vermelho); font-size:var(--fs-xs) } .dep-acoes { display:flex; gap:var(--sp-3); margin-top:var(--sp-2) } .dep-acoes .link-magro { font-size:var(--fs-xs) } .dep-acoes .perigo { color:var(--vermelho) } .push-pergunta { position:fixed; left:50%; bottom:16px; transform:translateX(-50%); z-index:90; width:calc(100% - 32px); max-width:440px; display:grid; grid-template-columns:auto 1fr; gap:var(--sp-2) var(--sp-3); align-items:center; padding:var(--sp-4); background:var(--caixa); border:var(--borda); border-radius:var(--raio-lg); box-shadow:var(--sombra); } .push-sino { width:28px; height:28px; color:var(--verde) } .push-pergunta p { margin:0; line-height:var(--lh-base) } .push-botoes { grid-column:1 / -1; display:flex; align-items:center; gap:var(--sp-3) } .push-botoes .link-magro { white-space:nowrap } .aviso-acoes { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3) } #cAvisoMsg:empty { display:none } .arquivo-oculto { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip:rect(0 0 0 0); pointer-events:none; } .campo label.dep-anexar { display:inline-flex; align-items:center; justify-content:center; width:88px; height:88px; margin:0; cursor:pointer; border:2px dashed var(--linha); border-radius:var(--raio); background:var(--fundo); color:var(--fraco); text-transform:none; letter-spacing:0; } .campo label.dep-anexar:hover { border-color:var(--verde); color:var(--verde) } .dep-anexar svg { width:34px; height:34px } .dep-miniatura { position:relative; display:inline-block; max-width:100% } .campo .dep-miniatura label { display:block; margin:0; cursor:pointer; text-transform:none } .dep-miniatura img { display:block; max-width:100%; max-height:180px; border:var(--borda); border-radius:var(--raio); } .dep-tirar { position:absolute; top:-10px; right:-10px; width:28px; height:28px; padding:0; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:var(--vermelho); color:#fff; font-size:18px; line-height:1; cursor:pointer; } .dep-foto { display:block; max-width:100%; margin-top:var(--sp-3); padding:0; border:0; background:transparent; cursor:zoom-in; } .dep-foto img { display:block; max-width:100%; max-height:220px; border:var(--borda); border-radius:var(--raio); } .foto-tela { position:fixed; inset:0; z-index:95; display:flex; align-items:center; justify-content:center; padding:var(--sp-4); background:rgba(0,0,0,.88); cursor:zoom-out; } .foto-tela img { max-width:100%; max-height:100%; object-fit:contain; border-radius:var(--raio) } .foto-fechar { position:fixed; top:12px; right:12px; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:24px; line-height:1; cursor:pointer; } .faixas { display:flex; gap:var(--sp-2); margin-bottom:var(--sp-4); overflow-x:auto; scrollbar-width:none; padding-bottom:2px; } .faixas::-webkit-scrollbar { display:none } .faixa { flex:0 0 auto; display:inline-flex; align-items:center; gap:var(--sp-2); padding:var(--sp-2) var(--sp-3); background:var(--caixa); border:var(--borda); border-radius:999px; color:var(--fraco); font-size:var(--fs-sm); cursor:pointer; white-space:nowrap; } .faixa:hover { color:var(--texto); border-color:var(--fraco) } .faixa.ativa { background:var(--caixa-2); border-color:var(--verde); color:var(--texto); font-weight:var(--fw-medium); } .faixa-n { min-width:18px; padding:0 5px; border-radius:999px; background:var(--linha); color:var(--fraco); font-size:var(--fs-2xs); font-family:var(--fonte-num); text-align:center; } .faixa.ativa .faixa-n { background:var(--verde-suave); color:var(--verde) } .pix-caixa { max-width: 420px } .pix-qr { background: #fff; padding: var(--sp-3); border-radius: 12px; width: 260px; max-width: 100%; margin: 0 auto var(--sp-3); } .pix-qr svg { display: block; width: 100%; height: auto } .pix-passo { color: var(--fraco); font-size: var(--fs-sm); line-height: 1.6; margin: 0 0 var(--sp-3) } .pix-codigo { background: var(--caixa-2); border: 1px solid var(--linha); border-radius: 8px; padding: var(--sp-2); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11px; line-height: 1.5; color: var(--fraco); word-break: break-all; max-height: 84px; overflow-y: auto; margin-bottom: var(--sp-3); user-select: all; } .pix-estado { color: var(--fraco); font-size: var(--fs-sm); text-align: center; margin: var(--sp-3) 0 0 } .pix-ok { width: 64px; height: 64px; margin: var(--sp-3) auto; border-radius: 50%; background: var(--verde); color: var(--fundo); font-size: 34px; font-weight: 700; display: grid; place-items: center; } .pix-pronto-titulo { text-align: center; font-size: 18px; font-weight: 600; margin: 0 0 var(--sp-2) } #pixPronto .pix-passo, #pixRecusado .pix-passo { text-align: center } .pix-ok.pix-nao { background: var(--vermelho); color: #fff } .pix-ok.pix-espera { background: var(--ambar); color: var(--fundo) } .recarga-linha { display: grid; grid-template-columns: 1.6fr .7fr 1fr .9fr auto; gap: var(--sp-2); align-items: center; padding: var(--sp-2) 0; border-bottom: 1px solid var(--linha); font-size: var(--fs-sm); } .recarga-quem { display: flex; flex-direction: column; min-width: 0 } .recarga-quem small, .recarga-estado small { color: var(--fraco); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .recarga-valor { font-weight: 600 } .recarga-quando, .recarga-estado { color: var(--fraco) } .recarga-estado.boa { color: var(--verde) } .recarga-estado.atencao { color: var(--ambar) } .pix-so-cpf { margin: var(--sp-3) 0 0; padding: var(--sp-2) var(--sp-3); border-radius: var(--raio); background: var(--ambar-suave); color: var(--texto); font-size: var(--fs-sm); line-height: 1.45; border: 1px solid var(--ambar); } .recarga-estado.fraca { opacity: .6 } .recarga-acao { display: flex; gap: var(--sp-2) } @media (max-width: 700px) { .recarga-linha { grid-template-columns: 1fr auto; grid-auto-rows: auto } .recarga-quando { grid-column: 1 / -1 } } .pag-qr { background: #fff; padding: var(--sp-3); border-radius: 12px; width: 220px; margin-top: var(--sp-3) } .pag-qr svg { display: block; width: 100%; height: auto } .barra-versao { position:fixed; left:50%; bottom:var(--sp-3); transform:translateX(-50%); display:flex; align-items:center; gap:var(--sp-3); z-index:60; background:var(--caixa-2); border:1px solid var(--verde); border-radius:999px; padding:var(--sp-2) var(--sp-3); font-size:var(--fs-sm); box-shadow:0 6px 24px rgba(0,0,0,.45); max-width:calc(100% - var(--sp-4)); } .barra-versao button { background:var(--verde); color:var(--fundo); border:0; border-radius:999px; padding:4px var(--sp-3); height:auto; font-size:var(--fs-sm); font-weight:600; cursor:pointer; } .sqa-chave { font-family:ui-monospace, Menlo, Consolas, monospace; font-size:12px; user-select:all } .sqa-copiar { background:transparent; border:1px solid var(--linha); border-radius:var(--raio); color:var(--fraco); font-size:11px; padding:1px 6px; height:auto; margin-left:4px; cursor:pointer; } .sqa-copiar:hover { color:var(--texto); border-color:var(--verde) } .sqm-resumo { display:grid; gap:6px; background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3); margin-bottom:var(--sp-3); font-size:var(--fs-sm); } .sqm-resumo b { color:var(--fraco); font-weight:var(--fw-regular); margin-right:6px } .sq-comprovante { grid-column:1/-1; font-family:ui-monospace, Menlo, Consolas, monospace; font-size:11px; color:var(--fraco); word-break:break-all; user-select:all; } #sqModal .campo { margin-bottom: var(--sp-4) } #sqModal .campo:last-child { margin-bottom: 0 } .sqm-botoes { display:flex; gap:var(--sp-3); justify-content:flex-end; margin-top:var(--sp-4) } .canc-motivos { display:grid; gap:var(--sp-2); margin-bottom:var(--sp-3) } .canc-motivo { text-align:left; background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); color:var(--texto); padding:var(--sp-3); font-size:var(--fs-sm); cursor:pointer; height:auto; } .canc-motivo:hover { border-color:var(--verde) } .canc-motivo.ativo { border-color:var(--verde); color:var(--verde); background:var(--verde-suave) } .busca-linha { display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-3) } .busca-linha input { flex:1; height:var(--h); background:var(--fundo); border:var(--borda); border-radius:var(--raio); color:var(--texto); padding:0 var(--sp-3); font-size:var(--fs-base); } .sqa-topo-clicavel { cursor:pointer; position:relative; padding-right:22px } .sqa-topo-clicavel::after { content:"▸"; position:absolute; right:4px; top:50%; transform:translateY(-50%); color:var(--fraco); font-size:11px; transition:transform .15s ease; } .saque-caixa.aberto .sqa-topo-clicavel::after { transform:translateY(-50%) rotate(90deg) } .lado-grupo { display:flex; flex-direction:column; gap:2px } .lado-sub { display:none; flex-direction:column; gap:2px; padding-left:var(--sp-5) } .lado-grupo:hover .lado-sub, .lado-grupo.aberto .lado-sub { display:flex } .lado-filho { font-size:var(--fs-sm); padding-top:var(--sp-2); padding-bottom:var(--sp-2) } body.lado-mini .lado-sub { display:none !important } .dica-i { display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border-radius:50%; margin-left:4px; border:1px solid var(--linha); color:var(--fraco); font-size:10px; font-style:italic; cursor:help; vertical-align:middle; } .dica-i:hover { color:var(--texto); border-color:var(--verde) } .topo-leilao { display:flex; align-items:center; gap:var(--sp-3) } .marca-ic.com-logo { background:transparent; padding:0; overflow:hidden } .marca-ic.com-logo img { width:100%; height:100%; object-fit:contain; display:block } .logo-previa { display:flex; align-items:center; gap:var(--sp-3); margin-top:var(--sp-3) } .logo-previa img { width:64px; height:64px; object-fit:contain; background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:6px; } .check.aceite { align-items: flex-start; gap: var(--sp-2); font-size: var(--fs-sm); line-height: var(--lh-loose); color: var(--fraco); margin: 2px 0 4px; } .check.aceite input { margin-top: 3px; flex: none; } .check.aceite a { color: var(--verde); text-decoration: underline; } .legal { max-width: 760px; margin: 0 auto } .legal h3 { font-size: var(--fs-base); margin: var(--sp-5) 0 var(--sp-2) } .legal p { line-height: var(--lh-loose); margin: 0 0 var(--sp-3); color: var(--texto) } .legal-aviso { background: var(--ambar-suave); border-left: 3px solid var(--ambar); padding: var(--sp-3); border-radius: 6px } .legal-troca { margin-top: var(--sp-6); padding-top: var(--sp-4); border-top: 1px solid var(--linha); color: var(--fraco); font-size: var(--fs-sm) } .legal-troca a { color: var(--verde) } .legal-tarja { background: var(--ambar-suave); border-left: 3px solid var(--ambar); padding: var(--sp-3); border-radius: 6px; margin-bottom: var(--sp-4); font-size: var(--fs-sm); line-height: var(--lh-loose); color: var(--texto) } .legal-tarja b { color: var(--ambar) } .lg-abas { display: inline-flex; margin-bottom: var(--sp-4) } .lg-abas .aba { flex: none; padding: var(--sp-2) var(--sp-4) } .sup-lista { display:grid; gap:var(--sp-2); margin-top:var(--sp-3) } .sup-item { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:0 var(--sp-4); } .sup-item summary { cursor:pointer; padding:var(--sp-3) 0; font-weight:var(--fw-medium); list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); } .sup-item summary::-webkit-details-marker { display:none } .sup-item summary::after { content:"▾"; color:var(--fraco); transition:transform .15s ease; flex:none } .sup-item[open] summary::after { transform:rotate(180deg) } .sup-item[open] { border-color:var(--azul) } .sup-item p { margin:0 0 var(--sp-3); line-height:var(--lh-loose); color:var(--texto) } .sup-form { display:grid; gap:var(--sp-3); margin-top:var(--sp-3) } .sup-form .campo label { display:block; margin-bottom:var(--sp-1); color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em } .sup-form .campo label .info-balao { text-transform:none; letter-spacing:0 } .sup-form input, .sup-form textarea { width:100%; background:var(--fundo); color:var(--texto); border:var(--borda); border-radius:var(--raio); padding:var(--sp-2) var(--sp-3); font-family:inherit; font-size:var(--fs-base); } .sup-form input { height:var(--h) } .sup-form textarea { resize:vertical; min-height:110px } .sup-form input:focus, .sup-form textarea:focus { border-color:var(--azul); box-shadow:var(--foco) } .sup-desafio { background:var(--caixa-2); border:1px solid var(--linha); border-radius:var(--raio); padding:var(--sp-3) } .sup-desafio label { text-transform:none; letter-spacing:0; font-size:var(--fs-base); color:var(--texto); font-weight:var(--fw-medium) } .sup-desafio input { max-width:160px } .sup-form .acao .botao { min-height:44px; font-size:var(--fs-base); border-radius:var(--raio) } .sup-pronto { margin-top:var(--sp-3) } .bk-lista { list-style:none; padding:0; margin:var(--sp-3) 0 0; display:grid; gap:var(--sp-1); font-size:var(--fs-sm) } .bk-lista .fraco { color:var(--fraco); margin-left:var(--sp-2) } .senha-troca { margin-top:var(--sp-4) } .senha-troca .sup-form { margin-bottom:var(--sp-3) } .senha-troca .acao .botao { width:auto; padding:0 var(--sp-5) } .link-magro.perigo { color:var(--vermelho) } @font-face { font-family:"Montserrat"; font-style:normal; font-weight:600; font-display:swap; src:url(/fontes/montserrat-latin-600-normal.woff2) format("woff2") } @font-face { font-family:"Montserrat"; font-style:normal; font-weight:700; font-display:swap; src:url(/fontes/montserrat-latin-700-normal.woff2) format("woff2") } @font-face { font-family:"Montserrat"; font-style:normal; font-weight:800; font-display:swap; src:url(/fontes/montserrat-latin-800-normal.woff2) format("woff2") } @font-face { font-family:"Lato"; font-style:normal; font-weight:400; font-display:swap; src:url(/fontes/lato-latin-400-normal.woff2) format("woff2") } @font-face { font-family:"Lato"; font-style:italic; font-weight:400; font-display:swap; src:url(/fontes/lato-latin-400-italic.woff2) format("woff2") } @font-face { font-family:"Lato"; font-style:normal; font-weight:700; font-display:swap; src:url(/fontes/lato-latin-700-normal.woff2) format("woff2") } @font-face { font-family:"Lato"; font-style:normal; font-weight:900; font-display:swap; src:url(/fontes/lato-latin-900-normal.woff2) format("woff2") } body:not(.pg-admin) { --fonte:"Lato", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --fonte-titulo:"Montserrat", "Lato", ui-sans-serif, system-ui, sans-serif; --fonte-num:"Lato", ui-sans-serif, system-ui, sans-serif; --fs-base:15px; --raio:8px; --raio-lg:12px; --topo-h:68px; --largura:1080px; font-variant-numeric:tabular-nums; } body:not(.pg-admin) h1, body:not(.pg-admin) h2 { font-family:var(--fonte-titulo); color:var(--texto); text-transform:none; letter-spacing:-.01em; } body:not(.pg-admin) h1 { font-weight:800 } body:not(.pg-admin) h2 { font-size:20px; font-weight:700; line-height:1.25 } body:not(.pg-admin) h3 { font-family:var(--fonte-titulo); font-weight:700; font-size:12px; color:var(--azul); letter-spacing:.06em; } body:not(.pg-admin) .rot { font-family:var(--fonte-titulo); font-weight:600; letter-spacing:.05em } body:not(.pg-admin) .site { backdrop-filter:none; box-shadow:0 1px 0 var(--linha), 0 2px 10px rgba(0,0,0,.04); border-bottom:0; } body:not(.pg-admin) .site-in { gap:var(--sp-5) } body:not(.pg-admin) .marca { font-family:var(--fonte-titulo); font-size:21px; font-weight:800; letter-spacing:-.02em; color:var(--topo-texto); } .marca-num { color:var(--acao) } body:not(.pg-admin) .marca-ic { width:var(--logo-tam, 32px); height:var(--logo-tam, 32px); border-radius:9px; font-family:var(--fonte-titulo); font-weight:800; font-size:20px; line-height:1; } body:not(.pg-admin) .nav { gap:var(--sp-2) } body:not(.pg-admin) .nav a, body:not(.pg-admin) .nav-link { font-family:var(--fonte-titulo); font-weight:600; font-size:14px; color:var(--topo-texto); padding:var(--sp-2) var(--sp-2); } body:not(.pg-admin) .nav a:hover, body:not(.pg-admin) .nav-link:hover { color:var(--acao); background:transparent } body:not(.pg-admin) .su-entrar, body:not(.pg-admin) .su-botao { font-family:var(--fonte-titulo); font-weight:700 } body:not(.pg-admin) .su-entrar { padding:10px 20px; font-size:14px } body:not(.pg-admin) .su-botao { background:var(--caixa); font-weight:600 } body:not(.pg-admin) .su-cred strong { font-weight:900 } @media (max-width:1000px) { body:not(.pg-admin) .nav { box-shadow:0 12px 24px rgba(0,0,0,.08) } body:not(.pg-admin) .nav a, body:not(.pg-admin) .nav-link { padding:var(--sp-3); font-size:15px } } .entrada { width:calc(100vw - var(--barra, 0px)); margin-left:calc(50% - 50vw + var(--barra, 0px) / 2); margin-top:calc(-1 * var(--sp-4)); display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--sp-5); padding:56px var(--sp-4) 0; background:linear-gradient(180deg, var(--caixa) 0%, var(--caixa) 40%, var(--verde-suave) 100%); border-bottom:var(--borda); overflow:hidden; } .entrada-texto { max-width:780px; display:flex; flex-direction:column; align-items:center; gap:var(--sp-4); } .entrada h1 { font-size:clamp(27px, 4.4vw, 42px); line-height:1.15; letter-spacing:-.02em; } .entrada-sub { max-width:620px; color:var(--fraco); font-size:clamp(15px, 1.6vw, 17px); line-height:1.6; } .entrada-botoes { display:flex; flex-wrap:wrap; justify-content:center; gap:var(--sp-3); margin-top:var(--sp-2) } .entrada-bt { border:0; border-radius:var(--raio); padding:14px 26px; font-family:var(--fonte-titulo); font-weight:700; font-size:15px; line-height:1.2; transition:filter .15s, transform .1s; } .entrada-bt:hover { filter:brightness(1.06) } .entrada-bt:active { transform:scale(.98) } .entrada-bt.principal { background:var(--acao); color:#fff; box-shadow:0 4px 14px color-mix(in srgb, var(--acao) 35%, transparent) } .entrada-bt.secundario { background:var(--verde-suave); color:var(--azul); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--acao) 30%, transparent) } .entrada-arte { display:block; width:100%; max-width:960px; height:auto; margin-top:var(--sp-3) } @media (max-width:600px) { .entrada { margin-top:calc(-1 * var(--sp-3)); padding-top:36px; gap:var(--sp-4) } .entrada-botoes { flex-direction:column; align-self:stretch } .entrada-bt { width:100% } .entrada-arte { width:178%; max-width:none; margin-left:-66.7% } } body:not(.pg-admin) .bloco { box-shadow:var(--sombra-card) } body:not(.pg-admin) .botao, body:not(.pg-admin) .voltar, body:not(.pg-admin) .bt-ver-todos, body:not(.pg-admin) .compra-bt { font-family:var(--fonte-titulo) } body:not(.pg-admin) .voltar { font-weight:600; background:var(--caixa) } body:not(.pg-admin) .bt-ver-todos { font-weight:700; background:var(--caixa) } body:not(.pg-admin) .bt-ver-todos:hover { background:var(--verde-suave) } body:not(.pg-admin) .modal { background:rgba(20,20,20,.45) } body:not(.pg-admin) .modal-caixa { box-shadow:0 20px 60px rgba(0,0,0,.18); border-color:transparent } body:not(.pg-admin) .aba { font-family:var(--fonte-titulo); font-weight:600 } body:not(.pg-admin) .aba.ativa { background:var(--caixa); color:var(--texto); box-shadow:0 1px 3px rgba(0,0,0,.08) } body:not(.pg-admin) .rodape { border-top:1px solid var(--linha) } body:not(.pg-admin) .rodape-in { padding:var(--sp-6) var(--sp-4) } body:not(.pg-admin) .rodape h3 { color:var(--texto); opacity:1 } body:not(.pg-admin) .rodape-nome { font-family:var(--fonte-titulo); font-weight:800; font-size:17px } body:not(.pg-admin) .rodape-links button:hover, body:not(.pg-admin) .rodape-links a:hover { color:var(--acao) } body:not(.pg-admin) .rodape-pe { background:var(--fundo); opacity:1; color:var(--fraco) } body:not(.lado-apoiador) .so-apoiador { display:none !important } body:not(.lado-pede) .so-pede { display:none !important } #portaoSub { margin-top:var(--sp-1) } .abas-pessoa { margin-bottom:var(--sp-2) } .abas-pessoa .aba { font-weight:600 } .conta-bloco { display:flex; flex-direction:column; gap:var(--sp-2) } .conta-bloco.escondido { display:none } .campo-rot { font-size:var(--fs-sm); color:var(--fraco); margin:var(--sp-1) 0 -4px } #formCriar.cadastro-trancado > *:not(#cadastroFechado):not(#btJaTenho) { display:none !important } #btJaTenho { align-self:center; margin-top:var(--sp-1) } .cLado-acoes { display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3) } .cLado-acoes .botao { width:auto; min-height:44px; padding:10px var(--sp-5) } #cLadoPedir { background:var(--caixa-2); color:var(--texto); border:1px solid var(--linha) } #cLadoPedir:hover { border-color:var(--acao); color:var(--acao) } @media (max-width:480px) { #cadContato { flex-direction:column } #cadContato input, #cadContato select { flex:none } } .pill-lado { font-size:var(--fs-2xs); padding:1px 7px; border-radius:999px; border:1px solid; text-transform:uppercase; letter-spacing:.03em } .pill-lado.apoiador { color:var(--azul); border-color:var(--azul) } .pill-lado.pede { color:var(--ambar); border-color:var(--ambar) } .u-quem .pill-lado, .u-quem .pill-mudo, .u-quem .pill-bloq { align-self:flex-start } body.lado-pede .entrada-botoes, body.lado-apoiador .entrada-botoes { display:none } #inicio, #pedidoPagina, #pedirPagina { display:flex; flex-direction:column; gap:var(--sp-4) } body:not(.pg-admin) #inicio { gap:var(--sp-6) } body:not(.pg-admin) .pedidos-bloco { background:transparent; border:0; padding:0; box-shadow:none } .pedidos-topo { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-3); margin-bottom:var(--sp-4); } body:not(.pg-admin) .pedidos-topo h2 { font-size:24px; margin:0 } .abas-pedidos { display:flex; gap:var(--sp-1); background:var(--caixa-2); padding:4px; border-radius:999px; max-width:100%; overflow-x:auto; scrollbar-width:none } .abas-pedidos::-webkit-scrollbar { display:none } .aba-pedido { border:0; background:transparent; color:var(--fraco); cursor:pointer; padding:8px 14px; border-radius:999px; white-space:nowrap; font-family:var(--fonte-titulo); font-weight:600; font-size:13px; } .aba-pedido:hover { color:var(--texto) } .aba-pedido.ativa { background:var(--caixa); color:var(--texto); box-shadow:0 1px 3px rgba(0,0,0,.08) } .aba-n { font-family:var(--fonte-num); font-weight:700; color:var(--acao); margin-left:2px } .aba-n:empty { display:none } .cat-filtros { display:flex; gap:var(--sp-2); flex-wrap:wrap; margin-bottom:var(--sp-4) } @media (max-width:600px) { .pedidos-bloco .cat-filtros { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; scrollbar-width:none } .pedidos-bloco .cat-filtros::-webkit-scrollbar { display:none } } .cat-filtro { border:1px solid var(--linha); background:var(--caixa); color:var(--texto); cursor:pointer; padding:7px 14px; border-radius:999px; white-space:nowrap; font-family:var(--fonte-titulo); font-weight:600; font-size:13px; } .cat-filtro:hover { border-color:var(--acao); color:var(--acao) } .cat-filtro.ativa { background:var(--acao); border-color:var(--acao); color:#fff } .pedidos-lista { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:var(--sp-5) } .pedidos-lista > .vazio { grid-column:1 / -1; color:var(--fraco); padding:var(--sp-5) 0; text-align:center } .pedido-card { display:flex; flex-direction:column; overflow:hidden; background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); box-shadow:var(--sombra-card); transition:transform .15s, box-shadow .15s; } .pedido-card:hover { transform:translateY(-2px); box-shadow:0 2px 6px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.10) } .pc-link { position:relative; display:flex; flex-direction:column; flex:1; color:inherit; text-decoration:none } .pc-foto, .pp-foto-in { position:relative; aspect-ratio:4 / 3; background:var(--caixa-2); overflow:hidden; display:flex; align-items:center; justify-content:center; } .pc-foto img, .pp-foto-in img { width:100%; height:100%; object-fit:cover; display:block } .sem-foto { background:linear-gradient(135deg, var(--verde-suave), var(--caixa-2)); color:color-mix(in srgb, var(--acao) 55%, transparent) } .sem-foto svg { width:30%; height:auto } .pc-selo { position:absolute; top:10px; left:10px; padding:4px 10px; border-radius:999px; font-family:var(--fonte-titulo); font-weight:700; font-size:11px; letter-spacing:.02em; background:var(--caixa); color:var(--texto); box-shadow:0 1px 4px rgba(0,0,0,.15); } .pc-selo.s-finalizado { background:var(--acao); color:#fff } .pc-selo.s-cancelado { background:var(--vermelho); color:#fff } .pc-corpo { display:flex; flex-direction:column; gap:6px; padding:var(--sp-4) var(--sp-4) var(--sp-3); flex:1 } .pc-cat { font-family:var(--fonte-titulo); font-weight:700; font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--azul); } body:not(.pg-admin) .pc-titulo { font-family:var(--fonte-titulo); font-weight:700; font-size:16px; line-height:1.3; color:var(--texto); letter-spacing:-.01em; text-transform:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .pc-quem { color:var(--fraco); font-size:13px } .pc-motivo { color:var(--fraco); font-size:13px; line-height:1.5; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden } .pc-barra { height:8px; border-radius:999px; background:var(--caixa-2); overflow:hidden; margin-top:auto } .pc-barra i { display:block; height:100%; border-radius:999px; background:var(--acao); transition:width .4s ease } .pc-valores { font-size:13px; color:var(--fraco) } .pc-valores b { font-family:var(--fonte-num); font-weight:900; font-size:16px; color:var(--texto) } .pc-pe { padding:0 var(--sp-4) var(--sp-4) } .pc-lance { width:100%; border:0; border-radius:var(--raio); cursor:pointer; padding:11px; background:var(--acao); color:#fff; font-family:var(--fonte-titulo); font-weight:700; font-size:14px; } .pc-lance:hover { filter:brightness(1.06) } .pedido-card.e-cancelado { opacity:.85 } .pedidos-mais { justify-content:center } .pedidos-mais .botao { width:auto; min-height:44px; padding:10px var(--sp-6); background:var(--caixa); border:1px solid var(--linha); color:var(--texto) } .pedidos-mais .botao:hover { border-color:var(--acao); color:var(--acao) } .pp-grade { display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:var(--sp-5); align-items:start; grid-template-areas:"cab lado" "hist lado" "apo lado" "msg lado"; } .pp-principal { grid-area:cab } .pp-lado { grid-area:lado } .pp-historia-bloco { grid-area:hist } @media (max-width:860px) { .pp-grade { grid-template-columns:1fr; grid-template-areas:"cab" "lado" "hist" "apo" "msg" } } .pp-principal { display:flex; flex-direction:column; gap:var(--sp-3); min-width:0 } .pp-foto-in { border-radius:var(--raio-lg); aspect-ratio:16 / 10 } .pp-cat { font-family:var(--fonte-titulo); font-weight:700; font-size:12px; letter-spacing:.05em; text-transform:uppercase; color:var(--azul) } body:not(.pg-admin) .pp-titulo { font-size:clamp(24px, 3.4vw, 32px); line-height:1.2; letter-spacing:-.02em; margin:0; overflow-wrap:anywhere } .pp-quem { color:var(--fraco); font-size:14px; margin:0 } .pp-cancelado { display:flex; flex-direction:column; gap:var(--sp-2); padding:var(--sp-4); border-radius:var(--raio-lg); background:color-mix(in srgb, var(--vermelho) 8%, var(--caixa)); border:1px solid color-mix(in srgb, var(--vermelho) 35%, transparent); } .pp-cancelado p { margin:0; line-height:1.6 } .pp-historia-bloco { background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); padding:var(--sp-5); box-shadow:var(--sombra-card) } .pp-historia-bloco h2 { margin-bottom:var(--sp-3) } .pp-historia p { line-height:1.7; margin:0 0 var(--sp-3); overflow-wrap:anywhere } .pp-historia p:last-child { margin-bottom:0 } .pp-lado { display:flex; flex-direction:column; gap:var(--sp-4); position:sticky; top:calc(var(--topo-h) + var(--sp-3)) } @media (max-width:860px) { .pp-lado { position:static } } .pp-caixa { display:flex; flex-direction:column; gap:var(--sp-3); background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); padding:var(--sp-5); box-shadow:var(--sombra-card); } .pp-arrecadado { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px } .pp-arrecadado strong { font-family:var(--fonte-num); font-weight:900; font-size:30px; color:var(--texto); line-height:1.1 } .pp-arrecadado span { color:var(--fraco); font-size:14px } .pp-barra { height:10px; margin:0 } .pp-numeros { display:flex; gap:var(--sp-5) } .pp-num { display:inline-flex; align-items:center; gap:6px; color:var(--fraco) } .pp-num svg { width:18px; height:18px; color:var(--acao) } .pp-num b { font-family:var(--fonte-num); font-weight:900; font-size:16px; color:var(--texto) } .pp-gostei { background:none; border:0; padding:0; font:inherit; cursor:pointer } .pp-gostei svg { color:var(--fraco) } .pp-gostei.ligado svg { color:var(--acao) } .pp-gostei:hover svg { transform:scale(1.1) } .pp-mensagens { grid-area:msg; min-width:0; background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); padding:var(--sp-5); box-shadow:var(--sombra-card) } .pp-mensagens h2 { margin-bottom:var(--sp-3) } .pm-total { font-weight:400; color:var(--fraco); font-size:.8em } .pm-form textarea { width:100%; box-sizing:border-box; resize:vertical; min-height:72px; font:inherit; padding:var(--sp-2) var(--sp-3); border:1px solid var(--linha); border-radius:var(--raio); background:var(--caixa); color:var(--texto) } .pm-pe { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); margin-top:var(--sp-2) } .pm-pe .botao { width:auto; padding:10px var(--sp-5) } .pm-conta { color:var(--fraco) } .pm-entrar { margin-bottom:var(--sp-3) } .pm-entrar .botao, .pm-pe .botao { padding:11px var(--sp-5) !important; font-size:15px !important; min-height:0 } .pm-lista { list-style:none; margin:var(--sp-4) 0 0; padding:0; display:flex; flex-direction:column; gap:var(--sp-3) } .pm-item { border-top:1px solid var(--linha); padding-top:var(--sp-3) } .pm-item:first-child { border-top:0; padding-top:0 } .pm-cab { display:flex; align-items:baseline; gap:var(--sp-2); flex-wrap:wrap } .pm-selo { font-size:11px; font-weight:700; color:var(--acao); border:1px solid var(--acao); border-radius:999px; padding:0 8px } .pm-quando { margin-left:auto; font-size:12px; color:var(--fraco) } .pm-texto { margin:var(--sp-1) 0 0; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere } .pm-acoes { margin-top:2px } .pm-acao { background:none; border:0; padding:0; font:inherit; font-size:12px; color:var(--fraco); text-decoration:underline; cursor:pointer } .pm-acao:hover { color:var(--vermelho) } .pm-vazio { color:var(--fraco); margin:var(--sp-3) 0 0 } .pp-aviso-legal { margin:var(--sp-4) 0 0; padding-top:var(--sp-3); border-top:1px solid var(--linha); font-size:12px; line-height:1.5; color:var(--fraco) } .pp-aviso-legal b { color:var(--texto) } .pp-denunciar { align-self:center; background:none; border:0; padding:var(--sp-1); font:inherit; font-size:12px; color:var(--fraco); text-decoration:underline; cursor:pointer } .pp-denunciar:hover { color:var(--vermelho) } .pp-ultimo { color:var(--fraco); font-size:13px; margin:0 } .pp-lance { border-top:1px solid var(--linha); padding-top:var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-2) } .pp-lance .dica { margin:0 } .pp-lance-rot { font-family:var(--fonte-titulo); font-weight:700; font-size:14px; margin:0 } .pp-valores { display:grid; grid-template-columns:repeat(auto-fit, minmax(70px, 1fr)); gap:var(--sp-2) } .pp-valor { border:1px solid var(--acao); background:var(--caixa); color:var(--acao); cursor:pointer; border-radius:var(--raio); padding:12px 0; font-family:var(--fonte-titulo); font-weight:800; font-size:16px; } .pp-valor:hover:not(:disabled) { background:var(--acao); color:#fff } .pp-valor:disabled { cursor:default; opacity:.45 } .balao-bt { --seta:50%; position:fixed; z-index:120; max-width:260px; padding:8px 12px; border-radius:10px; text-align:center; font-size:13px; font-weight:700; line-height:1.3; background:var(--texto); color:var(--caixa); box-shadow:var(--sombra); pointer-events:none; opacity:0; transform:translateY(4px); transition:opacity .2s, transform .2s } .balao-bt.visivel { opacity:1; transform:none } .balao-bt::after { content:""; position:absolute; left:var(--seta); top:100%; margin-left:-6px; border:6px solid transparent; border-top-color:var(--texto) } .balao-bt.embaixo::after { top:auto; bottom:100%; border-top-color:transparent; border-bottom-color:var(--texto) } .balao-bt.ok { background:var(--verde); color:#fff } .balao-bt.ok::after { border-top-color:var(--verde) } .balao-bt.ok.embaixo::after { border-top-color:transparent; border-bottom-color:var(--verde) } .pp-selos { display:flex; flex-wrap:wrap; gap:var(--sp-2) } .pp-selo { display:inline-flex; align-items:center; gap:4px; padding:5px 12px; border-radius:999px; font-family:var(--fonte-titulo); font-weight:700; font-size:12px; } .pp-selo.s-meta { background:var(--acao); color:#fff } .pp-selo.s-comprovante { background:var(--verde-suave); color:var(--azul); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--acao) 30%, transparent) } .pp-taxa { margin:0 } .pp-compartilhar p { margin:0; line-height:1.5 } .pp-comp-bts { display:flex; flex-direction:column; gap:var(--sp-2) } .pp-comp-bts .botao { min-height:46px; padding:10px var(--sp-4) } .pp-comp-bts .botao:not(.cta) { background:var(--caixa); border:1px solid var(--linha); color:var(--texto) } .pp-redes { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2) } .pp-redes .botao { display:flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; font-size:14px; min-height:42px } .pp-redes #ppCopiar { grid-column:1 / -1 } .pedir { max-width:680px; width:100%; margin:0 auto; padding:var(--sp-6) var(--sp-5) } @media (max-width:600px) { .pedir { padding:var(--sp-5) var(--sp-4) } } .pedir h2 { margin-bottom:var(--sp-4) } .pedir .campo { margin-bottom:var(--sp-4) } .pedir .campo label:not(.dep-anexar) { font-family:var(--fonte-titulo); font-weight:700; font-size:14px; text-transform:none; letter-spacing:0; color:var(--texto); } .pedir .campo input[type=text], .pedir .campo select { height:48px; font-size:16px; background:var(--caixa) } .pedir .campo select { width:100%; border:var(--borda); border-radius:var(--raio); padding:0 var(--sp-3); color:var(--texto); } .pedir .campo textarea { font-size:15px; line-height:1.6; background:var(--caixa) } .pedir .ajuda { display:block; margin-top:6px; color:var(--fraco); font-size:13px; line-height:1.5 } .pedir .acao .botao { width:auto; min-height:48px; padding:12px var(--sp-6) } .pedir .acao .botao:not(.cta) { background:var(--caixa); border:1px solid var(--linha); color:var(--texto) } .pedir-passos { list-style:none; display:flex; gap:var(--sp-2); margin:0 0 var(--sp-5); padding:0 } .pedir-passos li { flex:1; display:flex; align-items:center; gap:var(--sp-2); padding-bottom:var(--sp-2); border-bottom:3px solid var(--linha); color:var(--fraco); font-family:var(--fonte-titulo); font-weight:600; font-size:13px; } .pedir-passos li span { width:24px; height:24px; border-radius:50%; flex:none; display:inline-flex; align-items:center; justify-content:center; background:var(--caixa-2); font-size:12px; font-weight:800; } .pedir-passos li.ativo, .pedir-passos li.feito { border-color:var(--acao); color:var(--texto) } .pedir-passos li.ativo span, .pedir-passos li.feito span { background:var(--acao); color:#fff } .campo-reais { display:flex; align-items:center; gap:var(--sp-2) } .campo-reais span { font-family:var(--fonte-titulo); font-weight:800; color:var(--fraco) } .campo-reais input { flex:1 } .campo-linha { display:flex; gap:var(--sp-3) } .campo-linha .campo { flex:1; min-width:0 } .campo-linha .campo-uf { flex:0 0 110px } .pedir-resumo { color:var(--fraco); font-size:14px; margin:-6px 0 var(--sp-4) } .pedir-nota { margin:var(--sp-3) 0 0 } .pd-miniatura img { max-height:200px } .campo label.pd-anexar:hover { border-color:var(--acao); color:var(--acao) } #pedirNao p { line-height:1.6 } .meu-pedido { display:flex; flex-direction:column; gap:var(--sp-3) } .meu-pedido .pedido-card { max-width:360px } .meu-pedido .acao { margin-top:0 } .meu-pedido .acao .botao { width:auto; min-height:44px; padding:10px var(--sp-5) } .meu-pedido-novo { display:flex; flex-direction:column; align-items:flex-start; gap:var(--sp-3) } .meu-pedido-novo p { margin:0; line-height:1.6; color:var(--fraco) } .meu-pedido-novo .botao { width:auto; min-height:44px; padding:10px var(--sp-5) } body:not(.pg-admin) .vitrine-bloco { background:transparent; border:0; padding:0; box-shadow:none } .ver-ranking { font-family:var(--fonte-titulo); font-weight:700; font-size:14px; color:var(--azul); text-decoration:none } .ver-ranking:hover { text-decoration:underline } .agora-faixa { display:flex; gap:var(--sp-2); overflow-x:auto; scrollbar-width:none; margin-bottom:var(--sp-3); padding-bottom:2px; } .agora-faixa::-webkit-scrollbar { display:none } .agora-item { flex:none; white-space:nowrap; padding:6px 12px; border-radius:999px; background:var(--caixa); border:1px solid var(--linha); font-size:13px; color:var(--fraco); } .agora-item a { color:var(--texto); text-decoration:none; font-weight:700 } .agora-item a:hover { color:var(--acao) } .agora-quem { font-weight:700; color:var(--texto) } a.agora-quem { color:var(--acao) } .ranking-lista { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--sp-2) } .ranking-lista > .vazio { color:var(--fraco); padding:var(--sp-4) 0; text-align:center; list-style:none } .rk-linha { display:flex; align-items:center; gap:var(--sp-3); background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); padding:10px var(--sp-4); box-shadow:var(--sombra-card); } .rk-linha.rk-top { border-color:color-mix(in srgb, var(--acao) 40%, var(--linha)) } .rk-linha.rk-foco { border-color:var(--acao); box-shadow:0 0 0 2px color-mix(in srgb, var(--acao) 35%, transparent), var(--sombra-card) } .rk-pos { flex:none; min-width:28px; text-align:center; font-family:var(--fonte-titulo); font-weight:800; font-size:16px; color:var(--fraco); } .rk-top .rk-pos { color:var(--acao) } .rk-link { flex:1; min-width:0; display:flex; align-items:center; gap:var(--sp-3); color:inherit; text-decoration:none } .rk-logo { flex:none; width:44px; height:44px; border-radius:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:var(--verde-suave); color:var(--acao); font-family:var(--fonte-titulo); font-weight:800; font-size:18px; } .rk-logo img { width:100%; height:100%; object-fit:cover; display:block } .rk-txt { min-width:0; display:flex; flex-direction:column; gap:1px } .rk-txt b { font-family:var(--fonte-titulo); font-weight:700; font-size:15px; color:var(--texto); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .link-anuncio { color:inherit; text-decoration:none; cursor:pointer } .link-anuncio:hover { color:var(--acao); text-decoration:underline } .rk-joinha-bt { background:none; border:0; padding:2px 4px; font:inherit; cursor:pointer } .rk-cliques.rk-joinha-bt svg { color:var(--fraco) } .rk-cliques.rk-joinha-bt.ligado, .rk-cliques.rk-joinha-bt.ligado svg { color:var(--acao) } .rk-joinha-bt:hover svg { transform:scale(1.15) } .rk-frase { font-size:13px; color:var(--texto); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .rk-cat { font-size:12px; color:var(--fraco); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .rk-cliques { display:inline-flex; align-items:center; gap:3px; margin-left:14px; color:var(--fraco); font-weight:700; flex:none } .linha-cliques { display:flex !important; align-items:center; min-width:0 } .linha-cliques-txt { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .rk-cliques svg { width:11px; height:11px; color:var(--acao) } .rk-lado { flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:2px; padding-left:var(--sp-2) } .rk-lado .rk-pontos { padding-left:0 } .rk-valor { display:flex; align-items:baseline; gap:6px; white-space:nowrap } .rk-valor-rot { font-size:12px; font-weight:700; color:var(--acao) } @media (max-width:600px) { .rk-valor { flex-direction:column; align-items:flex-end; gap:0 } .rk-valor-rot { font-size:11px; line-height:1.2 } } .rk-detalhes { background:none; border:0; padding:0; font:inherit; font-size:12px; font-weight:700; color:var(--azul); cursor:pointer; white-space:nowrap } .rk-detalhes:hover { text-decoration:underline } .ad-caixa { max-width:460px; max-height:88vh; max-height:88dvh } .ad-caixa > * { flex:none } .ad-rola { flex:1 1 auto !important; min-height:0; overflow-y:auto; overscroll-behavior:contain } .ad-cabeca { display:flex; align-items:center; gap:var(--sp-3); margin-bottom:var(--sp-4); padding-right:var(--sp-5) } .ad-logo { width:64px; height:64px; font-size:24px; border-radius:14px } .ad-txt { min-width:0 } .ad-txt h2 { margin:0 0 2px } .ad-frase { margin:0; color:var(--texto) } .ad-cat { margin:2px 0 0; font-size:13px; color:var(--fraco) } .ad-numeros { margin-bottom:var(--sp-2) } .ad-desde { margin:0 0 var(--sp-3) } #adVisitar { display:block; text-align:center; text-decoration:none } .ad-acoes { display:flex; flex-wrap:nowrap; gap:var(--sp-2); margin-top:var(--sp-2) } .ad-acoes .botao { width:auto; min-height:44px } .ad-acoes .ad-joinha { flex:none; padding:0 var(--sp-4) } .ad-acoes #adVisitar { flex:1; display:flex; align-items:center; justify-content:center } .ad-joinha { display:inline-flex; align-items:center; gap:6px; background:var(--caixa); border:1px solid var(--linha); color:var(--texto) } .ad-joinha svg { width:18px; height:18px; color:var(--fraco) } .ad-joinha.ligado { border-color:var(--acao); color:var(--acao) } .ad-joinha.ligado svg { color:var(--acao) } @media (max-width:520px) { .ad-cabeca { margin-bottom:var(--sp-3) } .ad-logo { width:52px; height:52px; font-size:20px; border-radius:12px } .ad-numeros { gap:var(--sp-2); grid-template-columns:repeat(2, minmax(0, 1fr)) } .ad-numeros .fim-num { padding:10px var(--sp-3); gap:4px } .ad-desde { font-size:13px; margin-bottom:0 } } .rk-joinhas { margin-left:10px } .rk-pontos { flex:none; font-family:var(--fonte-num); font-weight:900; font-size:16px; color:var(--texto); padding-left:var(--sp-2); } @media (max-width:600px) { .rk-linha { padding:10px var(--sp-3); gap:var(--sp-2) } .rk-logo { width:38px; height:38px } .rk-frase { display:none } } .pc-top { font-size:12px; color:var(--fraco); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .pp-lance-nota { margin:0 } .pp-lance-nota.pp-vez { color:var(--ambar) } .pp-apoios { grid-area:apo } .pp-apoios { background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); padding:var(--sp-5); box-shadow:var(--sombra-card); } .pp-apoios h2 { margin-bottom:var(--sp-3) } .pp-apoios h3 { margin:var(--sp-4) 0 var(--sp-2) } .pa-podio { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--sp-2) } .pp-apoios, .pa-podio li { min-width:0 } .pa-card { display:flex; align-items:center; gap:var(--sp-3); width:100%; min-height:72px; box-sizing:border-box; background:var(--caixa); border:1px solid var(--linha); border-radius:var(--raio-lg); padding:10px var(--sp-4); color:inherit; text-decoration:none; font:inherit; text-align:left; } .pa-card.pa-anuncio { border-color:color-mix(in srgb, var(--acao) 40%, var(--linha)) } .pa-lugar { flex:none; min-width:20px; text-align:center; font-family:var(--fonte-titulo); font-weight:800; font-size:16px; color:var(--fraco) } .pa-card.pa-anuncio .pa-lugar { color:var(--acao) } .pa-logo { width:44px; height:44px } .pa-logo svg { width:26px; height:26px } .pa-txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:1px } .pa-txt b { font-family:var(--fonte-titulo); font-weight:700; font-size:15px; color:var(--texto); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .pa-frase, .pa-host { white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .pa-frase { font-size:13px; color:var(--texto) } .pa-host { font-size:12px; line-height:1.4; min-height:1.4em; color:var(--fraco) } .pa-card .pa-total { flex:none; padding-left:var(--sp-2) } .pa-sem-anuncio { background:var(--caixa-2) } .pa-sem-anuncio .pa-logo { background:var(--linha); color:var(--fraco) } .pa-sem-anuncio .pa-txt b, .pa-sem-anuncio .pa-frase { color:var(--fraco) } .pa-vazio { border-style:dashed; cursor:pointer } .pa-vazio .pa-logo { background:transparent; border:2px dashed var(--linha); color:var(--fraco); font-size:22px } .pa-vazio .pa-txt b { color:var(--acao) } .pa-vazio .pa-frase { color:var(--fraco) } .pa-vazio:hover { border-color:var(--acao) } @media (max-width:600px) { .pa-card { padding:10px var(--sp-3); gap:var(--sp-2) } .pa-logo { width:38px; height:38px } } .pa-nome { font-weight:700; color:var(--texto); text-decoration:none; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } a.pa-nome { color:var(--acao) } a.pa-nome:hover { text-decoration:underline } .pa-total { margin-left:auto; font-family:var(--fonte-num); font-weight:900 } .pa-lances { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; font-size:14px; color:var(--fraco) } .pa-lances li { display:flex; align-items:baseline; gap:6px; flex-wrap:wrap } .pa-lances b { color:var(--texto) } .pp-ver-todos { margin-top:var(--sp-2) } .fim-num-link { cursor:pointer } .fim-num-link:hover, .fim-num-link:focus-visible { border-color:var(--acao) } .fim-num-link .fn-ver { font-size:12px; font-weight:700; color:var(--acao) } .ap-lista { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--sp-2) } .ap-item { display:flex; align-items:center; gap:var(--sp-3); padding:8px var(--sp-3); border:1px solid var(--linha); border-radius:var(--raio); background:var(--caixa) } .ap-foto { flex:none; width:44px; height:44px; border-radius:8px; overflow:hidden; display:flex; align-items:center; justify-content:center; background:var(--caixa-2); color:var(--fraco); font-weight:800 } .ap-foto img { width:100%; height:100%; object-fit:cover } .ap-txt { min-width:0; display:flex; flex-direction:column; gap:2px } .ap-txt > a, .ap-txt > span { font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .ap-titulo { color:var(--texto); text-decoration:none } .ap-titulo:hover { color:var(--acao); text-decoration:underline } .ap-txt small { font-size:13px; color:var(--fraco) } .ap-nome-pf { display:flex; align-items:center; gap:6px; min-width:0 } .ap-pf { flex:none; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--fraco); border:1px solid var(--linha); border-radius:999px; padding:1px 8px } .ap-foto svg { width:24px; height:24px } .pa-quando { margin-left:auto; font-size:12px; font-family:var(--fonte-num) } .anuncio-form .campo { margin-bottom:var(--sp-3) } .an-nome-aviso { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; margin-top:6px; font-size:13px; color:var(--vermelho) } .an-nome-usar { background:none; border:0; padding:0; font:inherit; font-weight:700; color:var(--acao); cursor:pointer; text-decoration:underline } .anuncio-form select { width:100%; height:var(--h); border:var(--borda); border-radius:var(--raio); background:var(--fundo); color:var(--texto); padding:0 var(--sp-3); } .anuncio-form .acao .botao { width:auto; min-height:44px; padding:10px var(--sp-5) } #cAnuncioSoApoia .botao { width:auto; min-height:44px; padding:10px var(--sp-5) } .pill-estado { display:inline-block; padding:3px 10px; border-radius:999px; font-size:12px; font-weight:700; font-family:var(--fonte-titulo); border:1px solid var(--linha); color:var(--fraco); } .pill-estado.e-aprovado { background:var(--acao); border-color:var(--acao); color:#fff } .pill-estado.e-pendente { color:var(--ambar); border-color:var(--ambar) } .pill-estado.e-recusado { color:var(--vermelho); border-color:var(--vermelho) } .au-situacao { margin:var(--sp-2) 0 var(--sp-3); line-height:1.5 } .au-campos { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--sp-3); align-items:start } .au-campos .campo { margin:0 } .au-campos select, .au-campos input[type=number] { width:100%; height:var(--h); border:var(--borda); border-radius:var(--raio); background:var(--fundo); color:var(--texto); padding:0 var(--sp-3); font:inherit } .au-rot { display:block; margin-bottom:var(--sp-1); color:var(--fraco); font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.04em } .au-valores { display:flex; gap:var(--sp-2); flex-wrap:wrap } .campo label.au-valor { position:relative; cursor:pointer; display:inline-block; margin:0; color:var(--texto); font-size:var(--fs-sm); text-transform:none; letter-spacing:0 } .au-valor input { position:absolute; opacity:0; pointer-events:none } .au-valor span { display:inline-flex; align-items:center; justify-content:center; min-width:64px; height:var(--h); padding:0 var(--sp-3); border:var(--borda); border-radius:var(--raio); font-weight:700; background:var(--fundo) } .au-valor input:checked + span { background:var(--acao); border-color:var(--acao); color:#fff } .au-valor input:focus-visible + span { outline:2px solid var(--acao); outline-offset:2px } .au-valor input:disabled + span { opacity:.5; cursor:not-allowed } .au-acoes { display:flex; gap:var(--sp-2); flex-wrap:wrap } .au-acoes .botao { width:auto; min-height:44px; padding:10px var(--sp-5) } @media (max-width:720px) { .au-campos { grid-template-columns:1fr } } .an-resumo { display:flex; flex-direction:column; gap:var(--sp-3); margin-top:var(--sp-3); border-radius:var(--raio-lg) } .an-situacao { display:flex; flex-direction:column; gap:4px; padding:var(--sp-3) var(--sp-4); border-radius:var(--raio); border:1px solid var(--linha); border-left-width:4px; background:var(--caixa-2) } .an-situacao > b { font-family:var(--fonte-titulo); font-size:16px } .an-situacao-texto { font-size:14px; color:var(--texto); line-height:1.45 } .an-situacao .an-previa { border:0; padding:4px 0; background:none } .an-numeros { display:flex; align-items:center; gap:6px 14px; flex-wrap:wrap; padding-top:var(--sp-2); border-top:1px solid var(--linha) } .an-pos { font-weight:700; color:var(--texto) } #cAnuncioNums { order:1 } .an-auto-bt { order:2 } .an-est-bt { order:3; margin-left:auto } @media (max-width:600px) { .an-est-bt { order:2 } .an-auto-bt { order:3; flex-basis:100% } } #cAnuncioResumo #cAnuncioSituacao .botao { width:auto; min-height:38px; padding:8px var(--sp-4); font-size:14px } .an-estatisticas { background:none; border:0; padding:0; font:inherit; font-size:13px; font-weight:700; color:var(--acao); cursor:pointer } .an-estatisticas:hover { text-decoration:underline } .an-nums-lista { display:inline-flex; align-items:center; flex-wrap:wrap; gap:4px 0; font-size:13px; color:var(--fraco) } .an-nums-lista > :first-child { margin-left:0 } .an-auto-bt { display:inline-flex; align-items:center; gap:6px } .an-auto-bt .pill-estado { font-size:11px; padding:1px 8px } .an-auto-painel { border-top:1px solid var(--linha); padding-top:var(--sp-3) } .an-auto-painel .au-situacao { margin-top:0 } .an-auto-painel .au-campos { grid-template-columns:1fr; max-width:420px } .an-auto-painel .au-campos > .campo:last-child { max-width:none } #cAnuncioResumo .an-auto-painel .au-acoes { margin-top:var(--sp-3) } .an-situacao.an-esperando { border-color:var(--ambar) } .an-situacao.an-esperando > b { color:var(--ambar) } .an-situacao.an-aprovado { border-color:var(--verde) } .an-situacao.an-aprovado > b { color:var(--verde) } .an-situacao.an-recusado { border-color:var(--vermelho) } .an-situacao.an-recusado > b { color:var(--vermelho) } .an-situacao.an-pausado { border-color:var(--ambar) } .an-situacao.an-pausado > b { color:var(--ambar) } .an-card-acoes { display:flex; flex-wrap:wrap; gap:var(--sp-2) } .an-auto-painel:not(.escondido) + .an-card-acoes { border-top:1px solid var(--linha); padding-top:var(--sp-3); margin-top:var(--sp-2) } .an-previa { display:flex; align-items:center; gap:var(--sp-3); padding:10px var(--sp-3); border:1px solid color-mix(in srgb, var(--acao) 40%, var(--linha)); border-radius:var(--raio-lg); background:var(--caixa) } .an-previa-logo { width:44px; height:44px; flex:none } .an-previa-txt { min-width:0; display:flex; flex-direction:column } .an-previa-txt b { font-family:var(--fonte-titulo); font-size:15px } .an-previa-frase, .an-previa-cat { white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .an-previa-frase { font-size:13px; color:var(--texto) } .an-previa-cat { font-size:12px; color:var(--fraco) } #cAnuncioResumo .acao { margin-top:0 } #cAnuncioResumo .acao .botao, #an_voltar { width:auto; min-height:44px; padding:10px var(--sp-5) } @keyframes anDestaque { 0% { box-shadow:0 0 0 0 color-mix(in srgb, var(--acao) 55%, transparent) } 100% { box-shadow:0 0 0 14px transparent } } .an-resumo.an-destaque .an-situacao { animation:anDestaque 1.2s ease-out 2 } .pp-destaques { margin:0 0 var(--sp-4) } .pp-dest-cab { display:flex; align-items:baseline; justify-content:space-between; gap:var(--sp-3); margin-bottom:6px } .pp-dest-cab span { font-family:var(--fonte-titulo); font-weight:700; font-size:13px; color:var(--fraco) } .pp-dest-cab a { font-family:var(--fonte-titulo); font-weight:700; font-size:13px; color:var(--azul); text-decoration:none } .pp-dest-cab a:hover { text-decoration:underline } .pp-dest-lista { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--sp-2) } .dq-item { display:flex; align-items:center; gap:10px; height:100%; box-sizing:border-box; background:var(--caixa); border:1px solid color-mix(in srgb, var(--acao) 40%, var(--linha)); border-radius:var(--raio-lg); padding:8px var(--sp-3); box-shadow:var(--sombra-card); color:inherit; text-decoration:none; } .dq-pos { flex:none; font-family:var(--fonte-titulo); font-weight:800; font-size:15px; color:var(--acao) } .dq-logo { width:36px; height:36px; font-size:15px; border-radius:8px } .dq-txt { min-width:0; display:flex; flex-direction:column } .dq-txt b { font-family:var(--fonte-titulo); font-weight:700; font-size:14px; color:var(--texto); white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .dq-frase, .dq-host { white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .dq-frase { display:none; font-size:13px; color:var(--texto) } .dq-host { font-size:12px; color:var(--fraco) } @media (max-width:600px) { .pp-dest-lista { grid-template-columns:minmax(0, 1fr) } .dq-item { gap:var(--sp-3); padding:10px var(--sp-3) } .dq-pos { min-width:18px; text-align:center; font-size:16px } .dq-logo { width:44px; height:44px; font-size:17px; border-radius:10px } .dq-txt b { font-size:15px } .dq-frase { display:block } } .site-in.sem-saldo-rotulo .su-rot, .site-in.sem-visitas .online-visitas, .site-in.sem-hoje #onlineHoje, .site-in.sem-palavra .online-palavra { display:none } @media (max-width:1200px) { .su-rot, .su-nick, .su-tipo { display:none } } @media (max-width:1000px) { body:not(.pg-admin) .site .online { margin:0 auto; font-size:11px } .online-seta { margin-left:6px } .online-sep { margin:0 4px } .online-agora { gap:5px } } .rot-com-info { display:flex; align-items:center; gap:6px; margin-bottom:var(--sp-1) } .rot-com-info label { margin-bottom:0 } #contaPagina .acao .botao { width:auto; min-height:42px; padding:9px 18px; font-size:14px } .odo { font-variant-numeric:tabular-nums; white-space:nowrap } .odo-c { white-space:pre } .odo-dig { display:inline-block; position:relative; height:1.2em; line-height:1.2em; clip-path:inset(0); -webkit-text-fill-color:transparent } .odo-dig::before { content:"0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9"; white-space:pre; position:absolute; left:0; right:0; top:0; text-align:center; line-height:1.2em; -webkit-text-fill-color:currentColor; transform:translateY(calc(var(--d, 0) * -1.2em)); transition:transform .7s cubic-bezier(.22,.8,.3,1) } @media (prefers-reduced-motion: reduce) { .odo-dig::before { transition:none } } .fim-tabela .ext-quando { white-space:nowrap; color:var(--fraco) } .pedidos-titulo { display:flex; align-items:center; flex-wrap:wrap; gap:6px var(--sp-3); min-width:0 } .pedidos-titulo h2 { margin:0 } .doado-hoje { display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:999px; white-space:nowrap; background:color-mix(in srgb, var(--acao) 12%, transparent); color:var(--texto); font-size:14px } .doado-hoje svg { color:var(--acao); flex:none } .doado-hoje > span { color:var(--fraco) } .doado-hoje b { font-family:var(--fonte-titulo); font-weight:800; color:var(--acao) } .ajuda-escolha-bts { display:flex; flex-direction:column; gap:var(--sp-3) } .ajuda-escolha-bts .botao { min-height:54px } .ajuda-escolha-todos { background:var(--caixa-2); color:var(--texto); border:var(--borda) } .ajuda-parte-atual { margin:var(--sp-4) 0 0; text-align:center; color:var(--fraco); font-size:var(--fs-sm) } .ajuda-parte-atual b { color:var(--texto) } .ajuda-trocar { background:none; border:0; padding:0 0 0 var(--sp-2); color:var(--fraco); text-decoration:underline; font:inherit; cursor:pointer } .av-caixa.av-3d { background:radial-gradient(ellipse at 50% 36%, #ffffff 0%, color-mix(in srgb, var(--acao) 9%, #ffffff) 55%, color-mix(in srgb, var(--acao) 24%, #ffffff) 100%); } .av-caixa.av-3d.av-fora { background:color-mix(in srgb, var(--acao) 7%, #ffffff) } .av-caixa.av-3d .av-bt { background:rgba(255,255,255,.9); color:var(--texto); border:1px solid color-mix(in srgb, var(--acao) 35%, #ffffff); } .av-caixa.av-3d .av-bt:hover { background:#ffffff; color:var(--acao) } .av-caixa.av-3d .av-bt:focus-visible { box-shadow:var(--foco) } .av-caixa.av-3d .av-toque { background:rgba(255,255,255,.35); color:var(--texto) } .av-caixa.av-3d .av-toque-ic { background:var(--acao); border-color:var(--acao); color:#ffffff } .av-flutuante.av-3d { animation:none; filter:none; transition:left .85s cubic-bezier(.45,0,.25,1), top .85s cubic-bezier(.45,0,.25,1), width .85s ease, height .85s ease; } .av-flutuante.av-sem-transicao { transition:none !important } .ae-caixa { max-width:640px } .ae-tit { margin:var(--sp-4) 0 var(--sp-2); font-size:var(--fs-base) } .ae-tit span { color:var(--fraco); font-weight:400 } .ae-barras { display:flex; align-items:flex-end; gap:2px; height:110px; padding-top:6px; border-bottom:1px solid var(--linha) } .ae-barra { --altura:0%; flex:1 1 0; min-width:3px; height:var(--altura); background:var(--acao); border-radius:3px 3px 0 0 } .ae-barra.zero { height:2px; background:var(--linha) } .ae-barras-doacao .ae-barra:not(.zero) { background:var(--verde) } .ae-eixo { display:flex; justify-content:space-between; margin:4px 0 0; font-size:var(--fs-xs); color:var(--fraco) } .ae-origens { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px } .ae-origens li { display:grid; grid-template-columns:1fr auto; gap:4px 10px; font-size:var(--fs-sm) } .ae-origens li.vazio { display:block; color:var(--fraco) } .ae-origem-barra { grid-column:1 / -1; height:8px; border-radius:999px; background:var(--caixa-2); overflow:hidden } .ae-origem-barra > span { --largura:0%; display:block; height:100%; width:var(--largura); background:var(--acao); border-radius:999px } .ae-nota { margin-top:var(--sp-4) } .ae-numeros { grid-template-columns:repeat(3, minmax(0, 1fr)) } @media (max-width: 560px) { .ae-numeros { grid-template-columns:repeat(2, minmax(0, 1fr)) } .ae-numeros .fim-num { padding:var(--sp-3) } } .est-numeros { margin-top:var(--sp-3) } .est-seg { margin-top:var(--sp-5) } .est-lista { margin:var(--sp-2) 0 0; padding-left:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-2) } .est-lista li { display:flex; justify-content:space-between; gap:var(--sp-3); align-items:baseline } .est-lista li a { color:var(--texto); font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0 } .est-lista li a:hover { color:var(--acao) } .est-lista li.vazio { display:block; color:var(--fraco); list-style:none; margin-left:calc(-1 * var(--sp-5)) } .est-detalhe { flex:none; color:var(--fraco); font-size:var(--fs-sm) } .noticia { position:fixed; left:16px; bottom:16px; z-index:70; max-width:380px; display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--caixa); border:var(--borda); border-left:4px solid var(--acao); border-radius:var(--raio); box-shadow:0 8px 24px rgba(0,0,0,.16); font-size:var(--fs-sm); line-height:1.35; color:var(--texto); } .noticia.noticia-meta { border-left-color:var(--verde) } .noticia-ic { flex:none; width:22px; height:22px; color:var(--acao) } .noticia.noticia-meta .noticia-ic { color:var(--verde) } .noticia-ic svg { width:100%; height:100% } .noticia-txt a { font-weight:800; color:var(--texto); text-decoration:none } .noticia-txt a:hover { color:var(--acao); text-decoration:underline } @media (max-width: 560px) { .noticia { left:12px; right:12px; bottom:12px; max-width:none } } .subindo { position:relative; z-index:3; box-shadow:0 12px 28px rgba(0,0,0,.22) } .aviso-cookies { position:fixed; right:16px; bottom:16px; z-index:80; max-width:400px; display:grid; gap:10px; padding:14px 16px; background:var(--caixa); border:var(--borda); border-radius:var(--raio); box-shadow:0 8px 24px rgba(0,0,0,.18); font-size:var(--fs-sm); line-height:1.4; color:var(--texto); } .aviso-cookies p { margin:0 } .aviso-cookies a { color:var(--acao) } .aviso-cookies-bts { display:flex; gap:8px; justify-content:flex-end } @media (max-width: 560px) { .aviso-cookies { left:12px; right:12px; bottom:12px; max-width:none } } .aviso-meta { display:block; margin-top:6px; color:var(--ambar); font-size:var(--fs-sm); font-weight:600 } .pix-devolucao { margin-top:6px; font-size:var(--fs-sm); color:var(--fraco) } .pix-devolucao .pix-devolver { font-weight:700 } .rodape-redes { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:var(--sp-3) } .rodape-rede { display:inline-flex; align-items:center; gap:6px; color:inherit; text-decoration:none } a.rodape-rede:hover { color:var(--acao) } .rodape-ra span { font-size:var(--fs-sm); font-weight:700 } .rodape-redes:empty { display:none } .saque-linha .sq-modo { flex-basis:100%; font-size:var(--fs-sm); color:var(--fraco) } .mv-opcoes .au-valor span { min-width:0 } .mv-modos { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--sp-2) } .campo .mv-modos label.au-valor { display:block } .mv-modos .au-valor span { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; width:100%; height:auto; min-height:var(--h); padding:var(--sp-2) var(--sp-3); text-align:left } .mv-modos .au-valor small { font-weight:400; font-size:var(--fs-xs); opacity:.85 } @media (max-width: 520px) { .mv-modos { grid-template-columns:1fr } }