/* Spin Club — Minha conta e Spin Pass (complementa torneios.css; mesma identidade: #F7F7F7, #FF6A00, #FFFFFF, Poppins) */

/* ---------- Formulários curtos (entrar, criar conta, senha) ---------- */
.conta-caixa{max-width:520px; margin:36px auto 90px;}
.conta-caixa .bloco h1{font-size:clamp(28px, 6vw, 38px); margin-bottom:8px;}
.conta-caixa .bloco > p{color:var(--text-2); margin-bottom:20px;}
.conta-links{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin-top:16px; font-size:14.5px;}
.conta-links a{display:inline-flex; align-items:center; min-height:44px;}
/* Entrar com o Google: botão branco com o "G" colorido (padrão de marca do Google) */
.btn-google{display:flex; width:100%; background:#FFFFFF; border-color:#DADCE0; color:#1F1F1F; gap:12px; margin:4px 0 6px;}
.btn-google:hover{background:#F8F9FA; border-color:#C6C9CE;}
.btn-google svg{flex:none;}
.ou{display:flex; align-items:center; gap:12px; margin:14px 0 6px; color:var(--mute); font-size:13.5px;}
.ou::before, .ou::after{content:''; flex:1; height:1px; background:var(--line);}
.google-conta{margin:4px 0 14px; padding:14px 0 0; border-top:1px solid var(--line);}
.google-conta p{font-size:14px; color:var(--text-2); margin-bottom:10px;}
.aceite{display:flex; gap:12px; align-items:flex-start; font-size:14.5px; color:var(--text-2); line-height:1.5;}
.aceite input{width:22px; height:22px; margin-top:1px; flex-shrink:0; accent-color:var(--orange);}
.ok-msg{background:rgba(43,182,115,0.12); border:1px solid rgba(43,182,115,0.45); border-radius:14px; padding:14px 16px; margin-bottom:18px;}

/* ---------- Minha conta ---------- */
.conta{display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(260px, 1fr); gap:20px; padding:8px 0 90px; align-items:start;}
.passe{position:relative; overflow:hidden; border-radius:22px; padding:26px 24px; background:var(--card); border:1px solid var(--line);}
.passe.ativo{background:radial-gradient(120% 140% at 100% 0%, rgba(255,106,0,0.55) 0%, rgba(255,106,0,0.08) 45%, transparent 70%), var(--card); border-color:rgba(178, 59, 9,0.55);}
.passe .rotulo{font-size:12.5px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--orange-2);}
.passe h2{font-size:clamp(26px, 5vw, 38px); margin:8px 0 10px;}
.passe p{color:var(--text-2); margin-bottom:16px;}
.passe .validade{font-size:18px; color:var(--text); font-weight:600;}
.passe .acoes{display:flex; flex-wrap:wrap; gap:10px;}
.selo-status{display:inline-flex; align-items:center; min-height:28px; padding:0 12px; border-radius:100px; font-size:13px; font-weight:600; background:var(--card-2); color:var(--text-2); border:1px solid var(--line);}
.selo-status.ativo{background:rgba(43,182,115,0.15); color:#5BD69A; border-color:rgba(43,182,115,0.45);}
.selo-status.vencendo{background:rgba(245,183,0,0.15); color:#F5B700; border-color:rgba(245,183,0,0.45);}
.selo-status.vencido, .selo-status.cancelado{background:rgba(255,107,107,0.12); color:var(--erro); border-color:rgba(255,107,107,0.4);}
.dados-conta dl{display:grid; gap:12px;}
.dados-conta dt{font-size:12px; text-transform:uppercase; letter-spacing:0.06em; color:var(--mute); font-weight:600;}
.dados-conta dd{font-weight:500; overflow-wrap:anywhere;}
.pedidos{list-style:none; display:grid; gap:10px;}
.pedidos li{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; background:var(--card-2); border-radius:12px; padding:12px 14px; font-size:14px;}
.pedidos .st{font-weight:600;}
.pedidos .st.pago{color:#5BD69A;}
.pedidos .st.pendente{color:var(--mute);}
.pedidos .st.alerta{color:#F5B700;}

/* ---------- Página do Spin Pass ---------- */
.sp-hero{position:relative; overflow:hidden; padding:56px 0 40px; border-bottom:1px solid var(--line);
  background:radial-gradient(80% 120% at 85% 0%, rgba(255,106,0,0.35) 0%, rgba(255,106,0,0) 60%), var(--bg);}
.sp-hero .wrap{display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(280px, 1fr); gap:32px; align-items:center;}
.sp-produto{font-size:13px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--orange-2);}
.sp-titulo{font-size:clamp(56px, 13vw, 120px); line-height:0.9; margin:10px 0 18px; letter-spacing:-0.01em;}
.sp-titulo span{background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.sp-hero p.lead{color:var(--text-2); font-size:18px; max-width:46ch;}
.sp-cartao{position:relative; border-radius:24px; padding:26px 24px 24px; background:linear-gradient(160deg, #FFFFFF 0%, #FFF1E6 100%); border:1px solid rgba(178, 59, 9,0.45); box-shadow:0 30px 70px rgba(255,106,0,0.18);}
.sp-cartao .membro{display:inline-flex; min-height:30px; align-items:center; padding:0 12px; border-radius:100px; background:var(--grad); color:#fff; font-size:13px; font-weight:600;}
.sp-preco{margin:18px 0 6px; font-size:15px; color:var(--mute);}
.sp-preco s{color:var(--mute);}
.sp-valor{font-size:clamp(40px, 8vw, 54px); font-weight:700; font-style:italic; line-height:1;}
.sp-valor small{font-size:16px; font-weight:500; font-style:normal; color:var(--text-2);}
.sp-cartao .btn{width:100%; margin-top:20px; min-height:54px; font-size:16px;}
.sp-cartao .nota{color:var(--mute); font-size:13px; margin-top:12px; text-align:center;}
.sp-cartao .status-atual{margin-top:16px; font-size:14px; color:var(--text-2); text-align:center;}
.sp-secao h2{font-size:clamp(28px, 5vw, 40px); margin-bottom:8px;}
.sp-secao > .wrap > p{color:var(--text-2); margin-bottom:24px;}
.sp-cta-parceiro{display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:28px 24px; border:1.5px solid var(--orange); border-radius:24px; background:linear-gradient(135deg, rgba(255,106,0,.16), rgba(255,106,0,.04));}
.sp-cta-parceiro p{font-size:18px; font-weight:600;}
.sp-cta-parceiro .btn{white-space:normal; text-align:center; line-height:1.3; padding-top:14px; padding-bottom:14px; height:auto;}
.beneficios{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
.beneficio{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px;}
.beneficio .num{display:inline-flex; width:36px; height:36px; border-radius:12px; align-items:center; justify-content:center; background:rgba(255,106,0,0.15); color:var(--orange-2); font-weight:700; margin-bottom:12px;}
.beneficio h3{font-size:19px; margin-bottom:6px; text-transform:none; font-style:normal;}
.beneficio p{color:var(--text-2); font-size:14.5px;}
.faq{display:grid; gap:10px; max-width:820px; padding-bottom:80px;}
.faq details{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:0 18px;}
.faq summary{cursor:pointer; min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:600; list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; color:var(--orange-2); font-size:22px; font-weight:400;}
.faq details[open] summary::after{content:"−";}
.faq details p{color:var(--text-2); padding:0 0 18px;}

@media (max-width:900px){
  .sp-hero .wrap{grid-template-columns:1fr;}
  .beneficios{grid-template-columns:1fr 1fr;}
  .conta{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .beneficios{grid-template-columns:1fr;}
  .sp-hero{padding:36px 0 28px;}
  .conta-caixa{margin-top:20px;}
}

/* ---------- Benefícios por parceiro ---------- */
.parceiros{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); align-items:start; gap:16px; padding-bottom:90px;}
.parceiro{background:var(--card); border:1px solid var(--line); border-radius:22px; padding:24px;}
.parceiro-topo{display:flex; align-items:center; gap:18px; margin-bottom:18px;}
.parceiro-logo{flex-shrink:0; width:96px; height:96px; border-radius:18px; background:#F2F2F2; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; padding:0; overflow:hidden;}
.parceiro-logo.logo-fundo-azul{background:#0B2A5B; border-color:#0B2A5B;}
.parceiro-logo img{display:block; width:100%; height:100%; object-fit:contain;}
.parceiro-logo span{font-weight:700; font-style:italic; font-size:36px; color:var(--orange-2);}
.parceiro h2{font-size:22px; margin-bottom:6px;}
.parceiro-desc{color:var(--text-2); font-size:15px; margin:-4px 0 16px;}
.parceiro-tag{display:inline-block; margin-bottom:6px; padding:3px 10px; border-radius:100px; background:#FFF1E6; border:1px solid #FFD2B0; color:#B23B09; font-size:12px; font-weight:600; letter-spacing:.02em;}
/* Cadastro de parceiro: tipo (escolha única), benefícios um a um, pontos Spin */
.campo-grupo{border:0; padding:0; margin:0 0 18px;}
.campo-grupo legend{display:block; font-size:14px; font-weight:600; color:var(--text); margin-bottom:8px; padding:0;}
.campo-grupo .dica{display:block; color:var(--mute); font-size:13px; margin:-2px 0 10px;}
.escolhas{display:flex; flex-wrap:wrap; gap:8px;}
.escolha{position:relative;}
.escolha input{position:absolute; opacity:0; width:1px; height:1px;}
.escolha span{display:inline-flex; align-items:center; min-height:42px; padding:0 16px; border-radius:100px; border:1.5px solid var(--line); background:var(--card-2); color:var(--text); font-size:14.5px; font-weight:500; cursor:pointer;}
.escolha input:checked + span{background:var(--orange); border-color:var(--orange); color:#FFFFFF; font-weight:600;}
.escolha input:focus-visible + span{outline:2px solid var(--orange); outline-offset:2px;}
.lista-beneficios{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.lista-beneficios li{display:flex; gap:8px; align-items:center;}
.lista-beneficios input{flex:1; min-width:0;}
.ben-remover{flex:none; width:42px; height:42px; border-radius:12px; border:1.5px solid var(--line); background:transparent; color:var(--text-2); font-size:20px; line-height:1; cursor:pointer;}
.ben-remover[hidden]{display:none;}
#ben-adicionar{margin-top:10px;}
#ben-adicionar[hidden]{display:none;}
.campo-imagem input[type=file]{display:block; width:100%; font:inherit; font-size:14px; color:var(--text-2);}
.parceiro-beneficios{list-style:none; display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:16px;}
.parceiro-beneficios li{display:flex; flex-direction:column; gap:2px; background:var(--card-2); border-radius:14px; padding:12px 14px; border-left:3px solid var(--orange);}
.parceiro-beneficios strong{font-weight:600; color:var(--orange-2);}
.parceiro-beneficios span{color:var(--text-2); font-size:14px;}
.parceiro-usar{color:var(--text-2); font-size:14.5px; margin-bottom:16px; background:rgba(255,106,0,0.08); border:1px solid rgba(178, 59, 9,0.3); border-radius:12px; padding:12px 14px;}
.parceiro-usar strong{color:var(--orange-2);}
.parceiro-acoes{display:flex; flex-wrap:nowrap; gap:10px;}
.parceiro-acoes .btn{flex:1 1 0; min-width:0; padding:0 14px; white-space:nowrap;}
.parceiro-acoes .btn svg{flex-shrink:0;}
.rot-curto{display:none;}
/* Cartão estreito (celular ou coluna da página de venda): nomes curtos para os 3 botões caberem na mesma linha */
.parceiro{container-type:inline-size;}
@container (max-width:480px){
  .parceiro-acoes{gap:8px;}
  .parceiro-acoes .btn{padding:0 6px; font-size:14px;}
  .parceiro-acoes .btn svg{display:none;}
  .rot-longo{display:none;}
  .rot-curto{display:inline;}
}
.parceiro-endereco{color:var(--mute); font-size:13.5px; margin-top:12px;}
.sp-parceiros-resumo{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:16px;}
@media (max-width:620px){
  .parceiro{padding:20px 16px;}
  .parceiro-logo{width:76px; height:76px;}
  .parceiro-acoes{gap:8px;}
  .parceiro-acoes .btn{padding:0 6px; font-size:14px;}
  .rot-longo{display:none;}
  .rot-curto{display:inline;}
}

/* ---------- Pontos: painel do lojista e "Meus pontos" ---------- */
.painel-loja{padding-bottom:90px;}
.laranja{color:var(--orange-2);}
.ajuda{color:var(--mute); font-size:14px; margin-bottom:14px;}
.numeros{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:14px; margin-bottom:18px;}
.numero{display:flex; flex-direction:column; gap:2px; background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px 20px;}
.numero span{font-size:12.5px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--mute);}
.numero strong{font-size:clamp(30px, 5vw, 40px); font-weight:700; font-style:italic; line-height:1.1;}
.numero small{color:var(--text-2); font-size:13.5px;}
.numero.destaque{background:radial-gradient(120% 140% at 100% 0%, rgba(255,106,0,0.45) 0%, rgba(255,106,0,0.06) 50%, transparent 70%), var(--card); border-color:rgba(178, 59, 9,0.55);}
.numero.alerta-num{border-color:rgba(245,183,0,0.55);}
.numero.alerta-num strong{color:#F5B700;}
.acoes-topo{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px;}
.duas-colunas{display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start;}
.duas-colunas .bloco{margin-bottom:18px;}
.bloco h2{font-size:20px; margin-bottom:8px;}
.titulo-linha{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:6px;}
.titulo-linha h2{margin:0;}
.linha-form{display:flex; gap:10px;}
.linha-form input{flex:1; min-width:0;}
.linha-form .btn{flex-shrink:0;}
.regras{display:grid; gap:10px; padding-left:20px; color:var(--text-2);}
.regras strong{color:var(--text);}
.lista-simples{list-style:none; display:grid; gap:10px; margin-top:14px;}
.lista-simples li{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; background:var(--card-2); border-radius:14px; padding:12px 14px;}
.lista-simples li > div:first-child{display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 240px;}
.lista-simples li span{color:var(--text-2); font-size:13.5px;}
.lista-simples details{flex-basis:100%;}
.lista-simples details summary{cursor:pointer; color:var(--mute); font-size:13.5px; min-height:32px; display:inline-flex; align-items:center;}
.lista-simples details form{display:flex; gap:8px; margin-top:8px; flex-wrap:wrap;}
.lista-simples details input{flex:1 1 200px;}
.mini-acoes{display:flex; gap:8px; flex-wrap:wrap;}
.mini-acoes form{display:inline;}
.mini-acoes .btn, .lista-simples details .btn{min-height:40px; padding:0 14px; font-size:14px;}
.st-ativo, .st-entregue, .st-pago{color:#5BD69A; font-style:normal; font-weight:600;}
.st-pendente, .st-aguardando{color:#F5B700; font-style:normal; font-weight:600;}
.st-recusado, .st-cancelado{color:var(--erro); font-style:normal; font-weight:600;}
.st-pausado{color:var(--mute); font-style:normal; font-weight:600;}
.codigo{font-family:ui-monospace, Consolas, monospace; font-size:20px; font-weight:700; letter-spacing:3px; background:rgba(255,106,0,0.12); border:1px dashed var(--orange-2); color:var(--orange-2); border-radius:12px; padding:8px 14px;}
.pacotes{display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:12px;}
.pacote{display:flex; flex-direction:column; align-items:center; gap:2px; background:var(--card-2); border:1px solid var(--line); border-radius:16px; padding:18px 14px; text-align:center;}
.pacote strong{font-size:28px; font-weight:700; font-style:italic;}
.pacote span{color:var(--mute); font-size:13px;}
.pacote em{font-style:normal; font-weight:600; color:var(--orange-2); margin:6px 0 12px;}
.pacote .btn{width:100%;}
.extrato{list-style:none; display:grid;}
.extrato li{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line);}
.extrato li:last-child{border-bottom:0;}
.extrato li div{display:flex; flex-direction:column; gap:2px; min-width:0;}
.extrato li span{color:var(--text-2); font-size:13.5px; overflow-wrap:anywhere;}
.extrato b{font-size:17px; white-space:nowrap;}
.extrato .pos{color:#5BD69A;}
.extrato .neg{color:var(--text-2);}
.em-pontos{color:var(--orange-2); font-weight:600; margin:-6px 0 14px; min-height:1.5em;}
.pontos-resumo h2 small{font-size:16px; font-style:normal; font-weight:500; text-transform:none; color:var(--text-2);}

/* ---------- Loja ---------- */
.itens{display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; padding-bottom:28px;}
.icard{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:20px; overflow:hidden; text-decoration:none; color:var(--text); transition:border-color 0.15s ease, transform 0.15s ease;}
.icard:hover{border-color:var(--orange); transform:translateY(-2px);}
.icard-foto, .item-foto{position:relative; aspect-ratio:4/3; background:radial-gradient(circle at 80% 20%, rgba(255,106,0,0.3), transparent 60%), var(--card-2); display:flex; align-items:center; justify-content:center;}
/* Foto de produto aparece inteira (sem cortar), sobre fundo branco como as fotos de loja; na página do item o quadro é quadrado */
.icard-foto img, .item-foto img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:6%;}
.icard-foto:has(img), .item-foto:has(img){background:#fff;}
.icard-foto > span:first-child, .item-foto > span{font-weight:700; font-style:italic; font-size:48px; color:rgba(21, 20, 19, 0.18); text-transform:uppercase;}
.icard-corpo{display:flex; flex-direction:column; gap:6px; padding:16px 16px 18px; flex:1;}
.icard-loja{color:var(--orange-2); font-weight:600; font-size:13px;}
.icard h2{font-size:17px; line-height:1.2; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere;}
.icard-rodape{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid var(--line);}
.icard-pontos{font-weight:700; font-style:italic; font-size:20px;}
.icard-pontos small{font-size:12.5px; font-style:normal; font-weight:500; color:var(--mute);}
.loja-convite{margin:10px 0 90px; display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.loja-convite p{color:var(--text-2); max-width:62ch;}
.item-ver{display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:32px; padding:12px 0 90px; align-items:start;}
.item-foto{border-radius:22px; overflow:hidden; aspect-ratio:1/1;}
.item-info h1{font-size:clamp(28px, 5vw, 44px); margin:8px 0 10px;}
.item-pontos{font-size:clamp(34px, 6vw, 48px); font-weight:700; font-style:italic; color:var(--orange-2); line-height:1; margin-bottom:18px;}
.item-pontos small{font-size:16px; font-style:normal; font-weight:500; color:var(--text-2);}
.item-info .texto-livre{color:var(--text-2); margin-bottom:16px;}
.troca{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:18px; margin:18px 0 14px;}
.troca .aceite{margin-bottom:14px;}
.troca .btn{width:100%;}

@media (max-width:960px){
  .itens{grid-template-columns:repeat(3, 1fr);}
  .duas-colunas{grid-template-columns:1fr;}
  .item-ver{grid-template-columns:1fr; gap:20px;}
}
@media (max-width:620px){
  .itens{grid-template-columns:1fr 1fr; gap:12px;}
  .icard-corpo{padding:12px 12px 14px;}
  .icard h2{font-size:15px;}
  .icard-pontos{font-size:17px;}
  .icard-rodape{flex-direction:column; align-items:flex-start; gap:2px;}
  .icard-rodape .prazo{text-align:left;}
  .linha-form{flex-direction:column;}
  .acoes-topo .btn{flex:1 1 100%;}
  .numeros{grid-template-columns:1fr 1fr; gap:10px;}
  .numero{padding:14px 14px;}
  .numero strong{font-size:26px;}
  .numero span{font-size:11px;}
  .numero.destaque{grid-column:1/-1;}
  .pacote{padding:14px 10px;}
  .pacote strong{font-size:22px;}
}

/* ---------- Jogo Rebate e ranking ---------- */
.jogo-pagina{padding-bottom:90px;}
.jogo{display:grid; grid-template-columns:minmax(0, 420px) minmax(0, 1fr); gap:24px; align-items:start;}
.rb-campo{position:relative; width:100%; margin:0 auto; border-radius:22px; overflow:hidden; border:1px solid var(--line); background:#F2F2F2; box-shadow:0 30px 70px rgba(255,106,0,0.10);}
.rb-campo canvas{display:block; width:100%; touch-action:none; cursor:none;}
#rebate:not(.jogando) .rb-campo canvas{cursor:default;}
.rb-capa{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(247, 247, 247,0.93); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);}
.rb-capa[hidden]{display:none;}
.rb-capa-in{width:100%; max-width:320px; text-align:center;}
.rb-capa h2{font-size:clamp(30px, 8vw, 40px); margin-bottom:10px;}
.rb-placar{font-size:56px; font-weight:700; font-style:italic; line-height:1;}
.rb-placar small{font-size:24px; color:var(--mute);}
.rb-xp{font-size:30px; font-weight:700; font-style:italic; color:var(--orange-2); margin-top:8px;}
.rb-msg{color:var(--text-2); font-size:14.5px; margin:8px 0;}
.rb-msg.erro{color:var(--erro);}
.rb-botoes{display:grid; gap:10px; margin-top:16px;}
.rb-botoes .btn{width:100%; flex-wrap:wrap; height:auto; min-height:52px; padding:10px 16px; line-height:1.25;}
.rb-botoes .btn small{font-weight:500; opacity:0.8; margin-left:4px;}
.rb-botoes .btn[disabled]{opacity:0.45; cursor:not-allowed;}
.jogo-lado{display:grid; gap:16px;}
.jogo-lado .secao{margin:0;}
.jogo-numeros{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.jogo-numeros div{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:14px 16px;}
.jogo-numeros dt{font-size:11.5px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--mute);}
.jogo-numeros dd{font-size:26px; font-weight:700; font-style:italic;}
.jogo-numeros dd small{font-size:14px; font-style:normal; font-weight:500; color:var(--mute);}
.regras-jogo ul{display:grid; gap:8px; padding-left:18px; color:var(--text-2); font-size:14.5px;}
.regras-jogo strong{color:var(--text);}
.acoes-col{display:grid; gap:10px; margin-top:14px;}
.ranking-pagina{padding-bottom:90px;}
.ranking-lista{list-style:none; display:grid; gap:8px;}
.ranking-lista li{display:grid; grid-template-columns:44px minmax(0, 1fr) auto auto; gap:12px; align-items:center; background:var(--card-2); border-radius:14px; padding:12px 14px;}
.ranking-lista .pos{font-weight:700; font-style:italic; font-size:18px; color:var(--mute);}
.ranking-lista .nome{font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ranking-lista .nome em{font-style:normal; color:var(--orange-2); font-weight:500;}
.ranking-lista .xp{font-weight:700;}
.ranking-lista .leva{color:var(--orange-2); font-weight:600; min-width:70px; text-align:right;}
.ranking-lista small{font-weight:500; color:var(--mute); font-size:12px;}
.ranking-lista .podio .pos{color:var(--orange-2); font-size:22px;}
.ranking-lista .p1{background:radial-gradient(120% 160% at 0% 0%, rgba(255,106,0,0.35), transparent 60%), var(--card-2); border:1px solid rgba(178, 59, 9,0.5);}
.ranking-lista .meu{outline:2px solid var(--orange); outline-offset:-2px;}
.campeoes{display:flex; flex-wrap:wrap; gap:6px;}
.campeoes span{background:var(--card); border:1px solid var(--line); border-radius:100px; padding:4px 10px; font-size:13px;}
@media (max-width:860px){
  .jogo{grid-template-columns:1fr;}
  #rebate{max-width:440px; margin:0 auto; width:100%;}
}
@media (max-width:620px){
  .cabeca-jogo{padding-bottom:16px;}
  .ranking-lista li{grid-template-columns:34px minmax(0, 1fr) auto; gap:8px; padding:10px 12px;}
  .ranking-lista .leva{grid-column:2 / -1; text-align:left; min-width:0; font-size:13px;}
}
.rb-capa{overflow-y:auto; align-items:flex-start;}
.rb-capa-in{margin:auto 0; padding:6px 0;}
.rb-controles{display:flex; justify-content:center; gap:8px; margin-top:10px;}
.rb-tela{min-height:40px; padding:0 14px; border-radius:100px; border:1px solid rgba(178, 59, 9,0.5); background:rgba(255,106,0,0.12); color:var(--orange-2); font:600 12px Poppins, sans-serif; cursor:pointer;}
/* Tela cheia de verdade e o modo "ampliado" (quando o navegador não permite a tela cheia) */
#rebate:fullscreen, #rebate.ampliado{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; background:#F7F7F7; padding:8px; max-width:none;}
#rebate.ampliado{position:fixed; inset:0; z-index:1000;}
body.jogo-ampliado{overflow:hidden;}
.rb-som{min-height:40px; padding:0 12px; border-radius:100px; border:1px solid var(--line); background:rgba(247, 247, 247,0.7); color:var(--text-2); font:600 12px Poppins, sans-serif; cursor:pointer;}
.rb-som[aria-pressed=false]{color:var(--mute); text-decoration:line-through;}
.rb-bots{display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; margin:12px 0 4px;}
.rb-bot{display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 4px; border-radius:14px; border:1.5px solid var(--line); background:var(--card); color:var(--text); font:inherit; cursor:pointer; min-height:44px;}
.rb-bot strong{font-size:13.5px;}
.rb-bot em{font-style:normal; font-size:12px; color:var(--orange-2); font-weight:600;}
.rb-bot.ativo{border-color:var(--orange); background:rgba(255,106,0,0.14);}

.rb-bot-cor{width:26px; height:6px; border-radius:4px;}
.rb-quadra{display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--text-2); text-align:left;}
.rb-quadra select{min-height:44px; border-radius:12px; background:var(--card); color:var(--text); border:1px solid var(--line); padding:0 10px; font:inherit;}
.rb-treinar{border:0; color:var(--text-2);}
.rb-treino summary{cursor:pointer; min-height:44px; display:flex; align-items:center; justify-content:center; color:var(--text-2); font-weight:600;}
.rb-treino[open]{display:grid; gap:10px;}
.rb-conquista{margin:6px 0; padding:8px 12px; border-radius:12px; background:rgba(43,182,115,0.14); border:1px solid rgba(43,182,115,0.4); font-size:14px;}
.rb-conquista.medalha{background:rgba(255,106,0,0.14); border-color:rgba(178, 59, 9,0.5);}
.rb-conquista.nivel{background:rgba(217,244,91,0.12); border-color:rgba(217,244,91,0.45);}
.missoes ul{list-style:none; display:grid; gap:8px;}
.missoes li{display:flex; justify-content:space-between; gap:10px; align-items:center; background:var(--card-2); border-radius:12px; padding:10px 12px; font-size:14px;}
.missoes li b{color:var(--orange-2); white-space:nowrap; font-size:13px;}
.missoes li.feita{opacity:0.7;}
.missoes li.feita span{text-decoration:line-through;}
.missoes li.feita b::before{content:"✓ "; color:#5BD69A;}
.perfil-link, .nivel-link{display:inline-flex; align-items:center; min-height:40px; margin-top:8px; font-weight:600;}
.nivel-link{margin:0; font-size:20px; text-decoration:none;}
.selo-nivel{display:inline-block; margin-left:6px; padding:1px 8px; border-radius:100px; background:var(--card); border:1px solid var(--line); color:var(--text-2); font-size:11px; font-weight:600; vertical-align:middle;}
/* Meu perfil de jogador */
.perfil-nivel{margin-bottom:18px;}
.barra{height:12px; border-radius:100px; background:var(--card-2); overflow:hidden; margin:10px 0 6px;}
.barra span{display:block; height:100%; background:var(--grad); border-radius:100px;}
.medalhas{display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:10px;}
.medalha{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; background:var(--card-2); border:1px solid var(--line); border-radius:16px; padding:16px 10px;}
.medalha .icone{width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; font-style:italic; background:var(--grad); color:#fff;}
.medalha.bloqueada{opacity:0.45;}
.medalha.bloqueada .icone{background:var(--card); border:2px dashed var(--line); color:var(--mute);}
.medalha strong{font-size:14px;}
.medalha small{color:var(--mute); font-size:12.5px;}
@media (max-width:620px){
  .rb-bot{padding:8px 2px;}
  .rb-bot strong{font-size:12.5px;}
}
/* Hall da Fama e troféus */
.hall{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:16px;}
.hall-ciclo{background:var(--card); border:1px solid var(--line); border-radius:20px; padding:20px;}
.hall-ciclo h2{font-size:20px; margin-bottom:4px;}
.podio-lista{list-style:none; display:grid; gap:8px; margin-top:12px;}
.podio-lista li{display:grid; grid-template-columns:44px minmax(0, 1fr) auto; gap:12px; align-items:center; background:var(--card-2); border-radius:14px; padding:10px 12px;}
.podio-lista .nome{font-weight:600; overflow:hidden; text-overflow:ellipsis;}
.podio-lista .xp{font-weight:700; white-space:nowrap;}
.podio-lista small{color:var(--mute); font-weight:500; font-size:12px;}
.trofeu{width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-style:italic; color:#151413;}
.lugar-1 .trofeu{background:linear-gradient(135deg, #FFD54A, #E8A400);}
.lugar-2 .trofeu{background:linear-gradient(135deg, #E6E6E6, #A9A9A9);}
.lugar-3 .trofeu{background:linear-gradient(135deg, #E9A46A, #B8692E);}
.lugar-1{border:1px solid rgba(255,213,74,0.45);}
.hall-linha{color:var(--text-2); font-size:14.5px; margin-top:8px;}
/* Abas da capa do jogo (Desafio do dia / Partida livre) e placar do Desafio de hoje */
.rb-abas{display:grid; grid-template-columns:1fr 1fr; gap:4px; background:var(--card); border:1px solid var(--line); border-radius:100px; padding:4px; margin:10px 0 8px;}
.rb-abas button{min-height:40px; border:0; border-radius:100px; background:transparent; color:var(--text-2); font:600 13px Poppins, sans-serif; cursor:pointer;}
.rb-abas button[aria-selected=true]{background:var(--grad); color:#fff;}
.rb-xp small{font-size:14px; font-style:normal; font-weight:500; color:var(--text-2);}
.top-dia{list-style:none; display:grid; gap:6px;}
.top-dia li{display:flex; justify-content:space-between; gap:10px; background:var(--card-2); border-radius:10px; padding:8px 12px; font-size:14px;}
.top-dia li.meu{outline:2px solid var(--orange); outline-offset:-2px;}
.top-dia b{color:var(--orange-2);}
/* Premiação do ciclo em destaque (top 10) */
.premiacao{border-color:rgba(178, 59, 9,0.55); background:radial-gradient(120% 140% at 100% 0%, rgba(255,106,0,0.22) 0%, transparent 55%), var(--card);}
.premiacao-lista{list-style:none; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); align-items:start; gap:8px;}
.premiacao-lista li{display:grid; grid-template-columns:40px minmax(0, 1fr) auto auto; gap:10px; align-items:center; background:var(--card-2); border-radius:14px; padding:8px 12px; border:1px solid transparent;}
.premiacao-lista .trofeu{width:34px; height:34px; font-size:14px; background:var(--card); color:var(--text-2); border:1px solid var(--line);}
.premiacao-lista .lugar-1 .trofeu{background:linear-gradient(135deg, #FFD54A, #E8A400); color:#151413; border:0;}
.premiacao-lista .lugar-2 .trofeu{background:linear-gradient(135deg, #E6E6E6, #A9A9A9); color:#151413; border:0;}
.premiacao-lista .lugar-3 .trofeu{background:linear-gradient(135deg, #E9A46A, #B8692E); color:#151413; border:0;}
.premiacao-lista .quem{font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.premiacao-lista .quem em{font-style:normal; color:var(--orange-2); font-weight:500;}
.premiacao-lista .vago{color:var(--mute); font-weight:500;}
.premiacao-lista .pct{color:var(--mute); font-size:13px;}
.premiacao-lista .leva-pts{font-weight:700; font-style:italic; font-size:18px; color:var(--orange-2); white-space:nowrap;}
.premiacao-lista .leva-pts small{font-size:12px; font-style:normal; font-weight:500; color:var(--mute);}
.premiacao-lista .meu{border-color:var(--orange);}
@media (max-width:760px){ .premiacao-lista{grid-template-columns:1fr;} }
.premiacao-lista.uma-coluna{grid-template-columns:1fr;}
.premiacao .ver-premiacao{width:100%; margin-top:12px;}
.premiacao-lista li:has(.extra-premio){border-color:#FFD2B0;}
.premiacao-lista .extra-premio{grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin-top:2px; padding:8px 12px; border-radius:12px; background:#FFF1E6; border:1px solid #FFD2B0; font-size:15px; font-weight:700; color:#B23B09;}
.premiacao-lista .extra-premio small{flex-basis:100%; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#B23B09;}
.premiacao-lista .extra-premio .premio-produto{color:var(--text);}
.premio-produto{display:inline-flex; align-items:center; gap:8px;}
.premio-produto img{width:28px; height:28px; object-fit:contain;}
.premiacao-lista .premio-produto img{width:56px; height:56px;}
.premio-extra-card > div{display:flex; align-items:center; gap:12px; margin-top:6px;}
.premio-extra-card img{flex:none; width:64px; height:64px; object-fit:contain;}
.premio-extra-card b{font-size:17px; font-weight:700; line-height:1.25;}
.proximo-premio{margin-top:14px; font-size:14px; color:var(--text-2); background:var(--card-2); border-radius:12px; padding:10px 12px;}
.pacotes-compra{display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:12px; margin-top:12px;}
.pacote-compra{background:var(--card-2); border:1px solid rgba(255,106,0,.35); border-radius:14px; padding:16px 14px; color:var(--text); text-align:left; cursor:pointer; font:inherit; display:flex; flex-direction:column; gap:6px; transition:border-color .15s, transform .15s;}
.pacote-compra:hover:not(:disabled){border-color:#FF6A00; transform:translateY(-2px);}
.pacote-compra strong{font-size:22px; font-style:italic; font-weight:700;}
.pacote-compra strong small{font-size:13px; font-weight:600; font-style:normal; color:var(--text-2);}
.pacote-compra span{font-weight:700; color:#B23B09;}
.pacote-compra:disabled{opacity:.45; cursor:not-allowed;}
.pacote-compra .pacote-bonus{font-style:normal; font-size:13px; font-weight:700; color:#157347;}
.pacote em.pacote-bonus{margin:0; color:#157347; font-size:13px;}
.cotacao{background:var(--card-2); border:1px solid rgba(255,106,0,.35); border-radius:14px; padding:16px; margin-top:14px;}
.cotacao strong{font-size:22px;}
.perfil-jogador .ajuda{color:var(--text-2); font-size:14px; margin:4px 0 14px;}
.perfil-topo{display:flex; align-items:center; gap:16px; margin-bottom:18px;}
.perfil-topo .avatar{border-color:var(--orange);}
.patrocinio-cta{width:100%; margin-top:20px; box-shadow:0 0 0 3px rgba(255,106,0,.18);}

/* Perfil público do jogador e amigos */
.perfil-publico{display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.perfil-publico .avatar{flex:none; border:2px solid var(--orange);}
.perfil-dados dl{display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:14px; margin:0 0 20px;}
.perfil-dados dt{color:var(--mute); font-size:13px;}
.perfil-dados dd{margin:4px 0 0; font-weight:600;}
.perfil-dados .acoes{display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.perfil-dados .acoes form{margin:0;}
.selo-amigos{display:inline-block; padding:6px 12px; border-radius:100px; background:rgba(61,220,132,.12); color:#157347; font-weight:600; font-size:13px;}
.amigos-conta h3{font-size:15px; margin:18px 0 8px;}
.lista-amigos{list-style:none; margin:0; padding:0;}
.lista-amigos li{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line, rgba(21, 20, 19, .08)); flex-wrap:wrap;}
.lista-amigos .botoes{display:flex; gap:8px;}
.lista-amigos form{margin:0;}
.lista-amigos .btn{padding:8px 14px; font-size:13px;}
.previa-foto{display:inline-flex; flex:none; width:72px; height:72px; border-radius:50%; overflow:hidden;}
.previa-foto .avatar{width:100%; height:100%;}

/* Estatísticas do jogador (Minha conta e perfil público) */
.estat-grade{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin-bottom:18px;}
.estat-num{display:flex; flex-direction:column; gap:2px; padding:14px 16px; border-radius:16px; background:var(--card-2); border:1px solid var(--line);}
.estat-num span{font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--mute);}
.estat-num strong{font-size:26px; font-style:italic;}
.estat-num.esta-oculto{opacity:.6;}
.ocultar{display:inline-flex; align-items:center; gap:6px; margin-top:6px; min-height:32px; font-size:13px; color:var(--text-2); cursor:pointer;}
.ocultar input{width:18px; height:18px; accent-color:#FF6A00;}
.ocultar.oculto{color:#FFC400; cursor:default;}
.et-cab{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px;}
.et-cab h3{font-size:18px;}
.et-lista{list-style:none; display:grid; gap:8px;}
.et-trofeu{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; background:var(--card-2); border:1px solid var(--line);}
.et-icone{flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:50%;}
.et-icone svg{width:24px; height:24px;}
.et-ouro .et-icone{background:rgba(255,200,40,.16); color:#FFC828;}
.et-prata .et-icone{background:rgba(200,210,220,.16); color:#C9D2DC;}
.et-bronze .et-icone{background:rgba(205,127,50,.18); color:#D9894A;}
.et-ouro{border-color:rgba(255,200,40,.45);}
.et-txt{display:grid; min-width:0;}
.et-txt a{color:var(--text);}
.et-txt small{color:var(--mute); font-size:13px;}
.et-mais{margin-top:10px;}
.et-mais summary{cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:600; color:var(--orange-2);}
.et-mais .et-lista{margin-top:6px;}
.estat-form .btn{margin-top:14px;}
@media (max-width:620px){ .estat-grade{grid-template-columns:repeat(2, minmax(0, 1fr));} .estat-num strong{font-size:22px;} }

/* ---------- Ranking SpinClub: "Como Funciona?" + ranking ao vivo ---------- */
.rsc-pagina{padding-bottom:90px;}
.rsc-grade{display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:22px; align-items:start;}
.rsc-tabela{width:100%; border-collapse:collapse; margin-top:12px;}
.rsc-tabela th, .rsc-tabela td{text-align:left; padding:10px 8px; border-bottom:1px solid rgba(21, 20, 19, 0.08); vertical-align:top;}
.rsc-tabela thead th{font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--mute); font-weight:600;}
.rsc-tabela thead th:last-child, .rsc-tabela .rsc-xp{text-align:right; white-space:nowrap;}
.rsc-tabela .rsc-grupo th{padding-top:18px; color:var(--orange-2); font-size:13px; text-transform:uppercase; letter-spacing:.05em; border-bottom:0;}
.rsc-tabela td strong{display:block; font-weight:600;}
.rsc-tabela td small{display:block; color:var(--mute); font-size:13px; margin-top:2px; line-height:1.4;}
.rsc-tabela .rsc-xp{font-weight:700; color:var(--orange-2);}
.rsc-tabela .rsc-xp small{display:inline; color:var(--mute); font-weight:500; font-size:12px;}
.rsc-nota{margin-top:14px;}
.rsc-ranking{position:sticky; top:86px;}
.rsc-vivo{display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--mute); white-space:nowrap;}
.rsc-ponto{width:8px; height:8px; border-radius:50%; background:#2BD46B; box-shadow:0 0 0 0 rgba(43,212,107,.6); animation:rsc-pulso 2s infinite;}
.rv-erro .rsc-ponto{background:var(--mute); animation:none;}
@keyframes rsc-pulso{0%{box-shadow:0 0 0 0 rgba(43,212,107,.6);} 70%{box-shadow:0 0 0 8px rgba(43,212,107,0);} 100%{box-shadow:0 0 0 0 rgba(43,212,107,0);}}
@media (prefers-reduced-motion: reduce){ .rsc-ponto{animation:none;} }
.rsc-voce, .rsc-mais{margin-top:12px;}
@media (max-width:960px){
  .rsc-grade{grid-template-columns:1fr;}
  .rsc-ranking{position:static;}
}

/* ---------- Minha conta: Meus Desafios e Meus Torneios/Ranking ---------- */
.abas-lista{display:none; gap:6px; flex-wrap:wrap; margin:12px 0 4px;}
.abas-js .abas-lista{display:flex;}
.abas-lista [role=tab]{display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 14px; border-radius:100px; border:1.5px solid var(--line); background:transparent; color:var(--text-2); font:inherit; font-weight:600; font-size:14px; cursor:pointer;}
.abas-lista [role=tab][aria-selected=true]{background:var(--card-2); color:var(--text); border-color:var(--orange);}
.abas-lista [role=tab]:focus-visible{outline:2px solid var(--orange); outline-offset:2px;}
.aba-n{color:var(--mute); font-weight:500;}
.aba-pend{display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:100px; background:var(--orange); color:#fff; font-size:12px; font-weight:700; line-height:1;}
.aba-titulo{font-size:15px; margin:16px 0 8px;}
.abas-js .aba-titulo{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.meus-lista{list-style:none; display:grid; gap:10px; margin-top:12px;}
.meu-item{background:var(--card-2); border-radius:14px; padding:14px 16px; border:1px solid transparent;}
.meu-item.pendente{border-color:rgba(178, 59, 9,.55); background:radial-gradient(120% 160% at 0% 0%, rgba(255,106,0,.16), transparent 60%), var(--card-2);}
.mi-topo{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;}
.mi-topo strong{font-weight:600; min-width:0; overflow-wrap:anywhere;}
.mi-topo strong a{color:inherit;}
.mi-vazio{color:var(--mute); font-weight:500;}
.selo-acao{display:inline-flex; align-items:center; padding:3px 10px; border-radius:100px; background:var(--orange); color:#fff; font-size:12px; font-weight:700;}
.mi-info{color:var(--mute); font-size:13px; margin-top:6px; line-height:1.5;}
.mi-info b{color:var(--text-2); font-weight:600;}
.mi-status{font-size:14px; margin-top:6px; color:var(--text-2);}
.mi-resultado{font-weight:700; margin-top:6px; color:var(--text-2);}
.mi-resultado.vitoria{color:#2BD46B;}
.mi-resultado.derrota{color:var(--mute);}
.mi-acoes{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:12px;}
.mi-acoes form{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0;}
.mi-acoes input[type=text]{min-height:40px; padding:0 12px; border-radius:10px; border:1.5px solid var(--line); background:transparent; color:var(--text); font:inherit; font-size:14px; max-width:200px;}
.mi-acoes .btn{min-height:40px; padding:0 16px; font-size:14px;}
.mi-link{font-size:14px;}
.mi-contestar summary{list-style:none; cursor:pointer;}
.mi-contestar summary::-webkit-details-marker{display:none;}
.mi-contestar[open] form{margin-top:10px;}
@media (max-width:620px){
  .mi-acoes input[type=text]{max-width:none; flex:1 1 100%;}
  .abas-lista [role=tab]{padding:0 11px; font-size:13px;}
}

/* ---------- Loja: esgotado; painel do lojista: conferência de códigos ---------- */
.icard.esgotado{opacity:.6;}
.icard.esgotado .icard-foto img{filter:grayscale(1);}
.conferido{margin-top:14px; padding:14px 16px; border-radius:14px; border:1.5px solid var(--line); background:var(--card-2);}
.conferido p{margin:4px 0;}
.conferido-titulo{font-weight:700; font-size:16px;}
.conferido-valido{border-color:#2BD46B;}
.conferido-valido .conferido-titulo{color:#2BD46B;}
.conferido-usado, .conferido-cancelado, .conferido-vencido{border-color:#ff6b6b;}
.conferido-usado .conferido-titulo, .conferido-cancelado .conferido-titulo, .conferido-vencido .conferido-titulo{color:#ff6b6b;}
.conferido form{margin-top:10px;}

/* Spin Pass: parceiro com mais de um endereço */
.parceiro-enderecos{list-style:none; display:grid; gap:8px; margin-top:12px;}
.parceiro-enderecos li{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:6px 12px; background:var(--card-2); border-radius:12px; padding:10px 14px; font-size:14px; color:var(--text-2);}
.parceiro-enderecos li strong{color:var(--text);}
.parceiro-enderecos a{font-weight:600; white-space:nowrap;}

/* Painel do parceiro: transferir por CPF ou telefone */
.escolha-por{display:flex; gap:10px; border:0; padding:0; margin:4px 0 12px;}
.escolha-por label{display:inline-flex; align-items:center; gap:8px; background:var(--card-2); border:1px solid var(--line); border-radius:999px; padding:8px 16px; cursor:pointer; font-weight:600; font-size:14px;}
.escolha-por label:has(input:checked){border-color:var(--orange); color:var(--orange-2);}
#envios form{margin:0;}

/* Parceiro: logo atual no formulário */
.logo-atual{display:block; width:96px; height:96px; object-fit:contain; background:#fff; border-radius:14px; padding:6px; margin-bottom:10px;}

/* Ganhe pontos (/seja-parceiro/): quadra no topo com a trajetória da bola, lista de parceiros como placar e os 4 passos */
.gp-topo{border-bottom:1px solid var(--line); overflow:hidden;}
.gp-topo-grade{display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:24px; align-items:center; padding-top:44px; padding-bottom:36px;}
.gp-topo h1{font-size:clamp(44px, 8.5vw, 88px); line-height:.92; margin-bottom:18px;}
.gp-topo p{font-size:18px; max-width:44ch; color:var(--text);}
.gp-topo .acoes{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.gp-quadra{width:100%; max-width:520px; justify-self:end; overflow:visible;}
.gp-piso{fill:#F0F0F0;}
.gp-linhas, .gp-rede{fill:none; stroke:rgba(21, 20, 19, .3); stroke-width:1.5; stroke-linejoin:round;}
.gp-rede{stroke:rgba(21, 20, 19, .55); stroke-width:2.5;}
.gp-trajeto{fill:none; stroke:url(#gp-traco); stroke-width:3; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:0;}
.gp-bola{fill:#B23B09;}
.gp-sombra{fill:rgba(0,0,0,.6);}
@media (prefers-reduced-motion: no-preference){
  .gp-trajeto{stroke-dashoffset:1; animation:gp-traca 1.3s cubic-bezier(.45,.05,.3,1) .25s forwards;}
  .gp-bola, .gp-sombra{opacity:0; animation:gp-quica .35s ease-out 1.45s forwards;}
}
@keyframes gp-traca{to{stroke-dashoffset:0;}}
@keyframes gp-quica{from{opacity:0; transform:translateY(-6px);} to{opacity:1; transform:none;}}

.gp-pagina{padding-top:36px; padding-bottom:90px;}
#parceiros, #seja-parceiro{scroll-margin-top:120px;}

/* Placar: um painel só, com as linhas divididas como faixas de quadra */
.gp-placar{background:var(--card); border:1px solid var(--line); border-radius:20px; padding:22px 22px 6px;}
.gp-placar-cabeca{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 24px; margin-bottom:14px;}
.gp-placar-cabeca h2{font-size:clamp(24px, 4vw, 32px);}
.gp-placar-cabeca p{color:var(--text-2); font-size:14.5px; max-width:52ch;}
.gp-filtro{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px;}
.gp-filtro a{display:inline-flex; align-items:center; min-height:38px; padding:0 15px; border-radius:999px; border:1px solid var(--line); color:var(--text); font-size:14px; font-weight:600; text-decoration:none;}
.gp-filtro a:hover{border-color:rgba(21, 20, 19, .35);}
.gp-filtro a[aria-current]{background:var(--orange); border-color:var(--orange); color:#151413;}
.gp-lista{list-style:none; margin:0; padding:0;}
.gp-parceiro{display:grid; grid-template-columns:84px minmax(0, 1fr) auto auto; gap:18px; align-items:center; padding:18px 0; border-top:1px solid rgba(21, 20, 19, .12);}
.gp-professor{margin-top:14px; font-size:14.5px; color:var(--text-2);}
.gp-logo{width:84px; height:84px; object-fit:contain; background:#FFFFFF; border:1px solid var(--line); border-radius:14px; padding:4px;}
.gp-inicial{display:flex; align-items:center; justify-content:center; color:var(--orange-2); font-size:28px; font-weight:700; font-style:italic; padding:0;}
.gp-quem{min-width:0;}
.gp-quem h3{font-size:19px; text-transform:none; letter-spacing:0; line-height:1.2;}
.gp-ramo{color:var(--mute); font-size:14px; margin-top:2px;}
.gp-end{display:inline-block; margin-top:4px; color:var(--text-2); font-size:14px; overflow-wrap:anywhere;}
.gp-taxa{display:grid; justify-items:end; text-align:right; line-height:1.15; min-width:120px;}
.gp-taxa strong{font-size:44px; font-weight:700; font-style:italic; line-height:1; font-variant-numeric:tabular-nums; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent;}
.gp-taxa span{font-size:13.5px; color:var(--text); margin-top:4px;}
.gp-taxa em{font-size:12.5px; font-style:normal; color:var(--mute);}
.gp-contatos{display:flex; gap:8px;}
.gp-ic{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:var(--card-2); color:var(--text);}
.gp-ic:hover{border-color:var(--orange); color:var(--orange-2);}
.gp-ic-wa{color:#128C4A;}
.gp-vazio{border-top:1px dashed rgba(21, 20, 19, .2); padding:26px 0 22px; color:var(--text-2);}

/* Convite e passos: os 4 passos ligados por uma linha, como uma troca de bolas */
.gp-convite{margin-top:64px;}
.gp-convite h2{font-size:clamp(32px, 6vw, 56px); margin-bottom:14px;}
.gp-convite p{font-size:17px; max-width:60ch;}
.gp-convite .acoes{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.gp-passos{list-style:none; position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; margin:40px 0 0; padding:0;}
.gp-passos::before{content:""; position:absolute; left:20px; right:20px; top:20px; border-top:2px dashed rgba(178, 59, 9,.45);}
.gp-passos li{position:relative;}
.gp-num{position:relative; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--grad); color:#151413; font-weight:700; font-size:17px; box-shadow:0 0 0 6px var(--bg);}
.gp-passos h3{font-size:19px; margin:16px 0 8px;}
.gp-passos p{color:var(--text-2); font-size:15px;}

.gp-porque{margin-top:64px;}
.gp-porque h2{font-size:clamp(26px, 4.5vw, 36px); margin-bottom:6px;}
.gp-porque ul{list-style:none; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 32px; padding:0;}
.gp-porque li{padding:16px 0; border-top:1px solid rgba(21, 20, 19, .12); color:var(--text-2); font-size:15.5px;}
.gp-porque li strong{display:block; color:var(--text); font-size:16.5px; margin-bottom:2px;}

.gp-final{margin-top:56px; padding:32px 28px; border-radius:20px; background:var(--card); border:1px solid var(--line);}
.gp-final h2{font-size:clamp(26px, 4.5vw, 36px); margin-bottom:8px;}
.gp-final p{color:var(--text-2);}
.gp-final .acoes{margin-top:18px;}

@media (max-width: 900px){
  .gp-topo-grade{grid-template-columns:1fr; padding-top:30px; padding-bottom:20px;}
  .gp-quadra{justify-self:start; max-width:340px;}
  .gp-passos{grid-template-columns:1fr; gap:22px; padding-left:58px;}
  .gp-passos::before{left:20px; right:auto; top:20px; bottom:20px; border-top:0; border-left:2px dashed rgba(178, 59, 9,.45);}
  .gp-num{position:absolute; left:-58px; top:0;}
  .gp-passos h3{margin-top:8px;}
  .gp-porque ul{grid-template-columns:1fr;}
}
@media (max-width: 620px){
  .gp-quadra{display:none;}   /* no celular a lista de parceiros vem logo depois dos botões */
  .gp-topo .acoes{margin-top:18px;}
  .gp-placar{padding:18px 16px 4px; border-radius:16px;}
  .gp-parceiro{grid-template-columns:68px minmax(0, 1fr); gap:6px 14px; align-items:start;}
  .gp-logo{width:68px; height:68px;}
  .gp-taxa{grid-column:2; justify-items:start; text-align:left; min-width:0; grid-template-columns:auto 1fr; column-gap:10px; align-items:baseline;}
  .gp-taxa strong{font-size:34px; grid-row:span 2;}
  .gp-taxa span{margin-top:0;}
  .gp-contatos{grid-column:2; margin-top:4px;}
  .gp-final{padding:24px 18px;}
}

/* ---------- Área do professor ---------- */
.pf-cabeca{padding-bottom:0;}
.pf-quem{color:var(--orange-2); font-weight:600; font-size:14px; margin-bottom:4px;}
.pf-menu{display:flex; gap:6px; overflow-x:auto; margin-top:18px; padding-bottom:2px; scrollbar-width:none;}
.pf-menu::-webkit-scrollbar{display:none;}
.pf-menu a{flex:none; display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border-radius:100px; color:var(--text-2); text-decoration:none; font-weight:600; font-size:14.5px; border:1px solid var(--line);}
.pf-menu a:hover{color:var(--text); border-color:rgba(21, 20, 19, 0.3);}
.pf-menu a[aria-current="page"]{background:var(--orange); border-color:var(--orange); color:#151413;}
.pf-pagina{padding:24px 0 90px;}
.pf-pagina .bloco{margin-bottom:18px;}
.pf-duas{grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);}
.grade2{display:grid; grid-template-columns:1fr 1fr; gap:0 16px;}
.pf-esportes, .pf-turma{border:0; padding:0; margin:0 0 16px;}
.pf-esportes legend, .pf-turma legend{font-weight:600; font-size:14.5px; margin-bottom:8px;}
.pf-esportes label, .pf-turma label{display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-right:16px; color:var(--text-2);}
.pf-esportes input, .pf-turma input, .pf-opcao input{width:20px; height:20px; accent-color:var(--orange);}
.pf-turma{max-height:280px; overflow-y:auto;}
.pf-turma label{display:flex; margin-right:0;}
.pf-link code{display:block; padding:12px 14px; border-radius:12px; background:var(--card-2); color:var(--orange-2); font-size:15px; word-break:break-all;}
.pf-dia{font-size:15px; margin:18px 0 6px; color:var(--text-2); font-style:normal; text-transform:none;}
.pf-dia:first-child{margin-top:0;}
.pf-dia.pf-hoje{color:var(--orange-2);}
.pf-dia.pf-vencido{color:#FF7A7E;}
.pf-pendentes{margin-top:8px;}
.pf-sem-saldo{border-color:rgba(229,72,77,0.6); background:rgba(229,72,77,0.08);}
.pf-saldo{margin-top:12px; color:var(--text-2);}
.pf-saldo strong{color:var(--text);}
.pf-mes{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px;}
.pf-mes strong{font-size:18px;}
.lista-simples li.pf-pago{opacity:0.72;}
.lista-simples li.pf-atrasado{border-left:3px solid #E5484D;}
.pf-avulso{margin-top:16px;}
.pf-perigo{margin-top:12px;}
.pf-rodape-form{margin-top:12px; font-size:14.5px;}
.pf-inativos{margin-top:16px;}
.pf-inativos summary{cursor:pointer; color:var(--mute); min-height:44px; display:flex; align-items:center;}
.pf-opcao{margin:14px 0 18px;}
.pf-opcao label{display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--text-2);}
.pf-artes{display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(0, 0.8fr); gap:18px; align-items:start;}
.pf-artes figure{margin:0;}
.pf-artes img{display:block; width:100%; height:auto; border-radius:14px; border:1px solid var(--line); background:#F7F7F7;}
.pf-artes figcaption{margin:10px 0 8px; font-weight:600;}
.pf-texto{width:100%; resize:vertical; background:var(--card-2); color:var(--text); border:1px solid var(--line); border-radius:12px; padding:12px 14px; font:inherit; font-size:14.5px; line-height:1.5; margin-bottom:12px;}
.pf-cores{border:0; padding:0; margin:0 0 16px; display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.pf-cores legend{font-weight:600; font-size:14.5px; margin-bottom:8px;}
.pf-cores label{position:relative; display:inline-flex; align-items:center; gap:8px; min-height:44px; cursor:pointer;}
.pf-cores input[type=radio]{position:absolute; opacity:0; width:1px; height:1px;}
.pf-cor{display:block; width:40px; height:40px; border-radius:50%; border:2px solid rgba(21, 20, 19, 0.18);}
.pf-cores input[type=radio]:checked + .pf-cor{outline:3px solid var(--text); outline-offset:3px;}
.pf-cores input[type=radio]:focus-visible + .pf-cor, .pf-cor-outra input[type=radio]:focus-visible + span{outline:2px dashed var(--orange-2); outline-offset:4px;}
.pf-cor-outra{padding:0 6px 0 14px; border:1px solid var(--line); border-radius:100px; color:var(--text-2); font-size:14.5px;}
.pf-cor-outra:has(input[type=radio]:checked){border-color:var(--text); color:var(--text);}
.pf-cor-outra input[type=color]{width:36px; height:36px; padding:0; border:0; border-radius:50%; background:none; cursor:pointer;}
.pf-logo input[type=file]{display:block; margin-top:8px; color:var(--text-2); max-width:100%;}
.pf-publico{padding:8px 0 40px;}
.pf-filtro{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px;}
.pf-filtro a{display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border-radius:100px; border:1px solid var(--line); color:var(--text-2); text-decoration:none; font-weight:600; font-size:14.5px;}
.pf-filtro a[aria-current="page"]{background:var(--orange); border-color:var(--orange); color:#151413;}
.pf-cartoes{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:18px; margin-bottom:24px;}
.pf-cartao{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:20px; padding:22px;}
.pf-cartao h2{font-size:22px; margin-bottom:4px;}
.pf-cartao-sub{color:var(--orange-2); font-weight:600; font-size:14.5px;}
.pf-cartao{position:relative;}
.pf-cartao-destaque{border-color:var(--orange); background:linear-gradient(160deg, rgba(255,106,0,.14), rgba(255,106,0,.02) 60%), var(--card);}
.pf-selo-destaque{position:absolute; top:16px; right:16px; padding:4px 10px; border-radius:100px; background:var(--orange); color:#151413; font-size:12px; font-weight:700;}
.pf-cartao-destaque h2{padding-right:96px;}
.pf-sou-texto .pf-sou-destaque{display:flex; gap:10px; align-items:flex-start; margin-top:16px; padding:12px 14px; border-radius:14px; background:rgba(255,106,0,.16); border:1px solid rgba(178, 59, 9,.55); color:var(--text); font-size:14.5px;}
.pf-sou-destaque svg{flex:none; color:var(--orange-2); margin-top:1px;}
.pf-cartao-at{color:var(--text-2); font-size:13.5px; margin-top:4px;}
.pf-cartao-bio{color:var(--text-2); margin-top:10px;}
.pf-cartao-planos{list-style:none; margin:14px 0 0; display:grid; gap:6px;}
.pf-cartao-planos li{display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid var(--line); font-size:14.5px;}
.pf-cartao-planos b{color:var(--orange-2); white-space:nowrap;}
.pf-cartao-pontos{margin-top:12px; font-weight:600; color:var(--text);}
.pf-cartao .acoes{margin-top:auto; padding-top:16px;}
.pf-cartao .acoes svg{vertical-align:-3px; margin-right:4px;}
.pf-sou-professor{display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:32px; align-items:start; padding:32px 28px; border:1.5px solid var(--orange); border-radius:24px; background:linear-gradient(135deg, rgba(255,106,0,.16), rgba(255,106,0,.03));}
.pf-sou-texto :is(h1, h2){font-size:clamp(26px, 4vw, 36px); line-height:1.1; margin-bottom:12px;}
.pf-sou-texto > p{color:var(--text-2); max-width:52ch;}
.pf-sou-texto .acoes{margin-top:20px;}
.pf-sou-texto .pf-sou-nota{margin-top:14px; font-size:14px; font-weight:600; color:var(--orange-2);}
.pf-sou-lista{list-style:none; display:grid; gap:12px;}
.pf-sou-lista li{position:relative; background:var(--card); border:1px solid var(--line); border-left:3px solid var(--orange); border-radius:14px; padding:14px 16px 14px 64px; color:var(--text-2); font-size:14.5px;}
.pf-sou-icone{position:absolute; left:16px; top:14px; width:34px; height:34px; padding:6px; border-radius:10px; background:rgba(255,106,0,.14); color:var(--orange-2);}
.pf-sou-lista strong{display:block; color:var(--text); font-size:15.5px; margin-bottom:2px;}
@media (max-width:860px){ .pf-sou-professor{grid-template-columns:1fr; gap:22px; padding:24px 18px;} }
.pf-codigo{font-size:18px; font-weight:700; letter-spacing:2px; padding:8px 12px; border-radius:10px; background:#F7F7F7; color:var(--orange-2); border:1px dashed var(--orange); user-select:all;}
.lista-simples li.pf-liberado{border-left:3px solid #2BB673;}
.pf-produtos li{align-items:center;}
.pf-produtos .pf-qtd{flex:0 0 84px; width:84px; text-align:center;}
.pf-produtos li{flex-wrap:nowrap;}
.pf-produtos li > div{display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0;}
@media (max-width:560px){
  .pf-produtos li{flex-wrap:wrap;}
  .pf-produtos li > div{flex:1 1 calc(100% - 180px);}
  .pf-produtos .pf-em-breve{flex-basis:100%; padding-left:76px; margin-top:-4px;}
}
.pf-prod-foto{flex:none; width:64px; height:64px; border-radius:12px; background:#FFFFFF; border:1px solid var(--line); object-fit:contain;}
.pf-prod-sem{display:inline-block; background:radial-gradient(circle at 50% 50%, #D6F040 0 34%, #FFFFFF 35%);}
.pf-em-breve{flex:none; white-space:nowrap; font-weight:600; color:var(--orange-2);}
.pf-bloqueado li{opacity:.75;}
.pf-telas{grid-column:1 / -1; margin-top:8px;}
.pf-telas :is(h2, h3){font-size:18px; margin-bottom:14px;}
.pf-telas-dica{display:none; margin:-6px 0 12px; font-size:13.5px; color:var(--text-2);}
.pf-so-convite{padding-top:32px;}
.pf-telas :is(h2, h3) span{font-size:13px; font-style:normal; font-weight:500; text-transform:none; color:var(--text-2);}
.pf-telas-grade{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px;}
.pf-telas figure{margin:0;}
.pf-telas a{display:block; border-radius:14px; overflow:hidden; border:1px solid var(--line); background:#F7F7F7;}
.pf-telas img{display:block; width:100%; aspect-ratio:4 / 5; height:auto; object-fit:cover; object-position:left top; transition:transform .2s ease;}
.pf-telas a:hover img{transform:scale(1.02);}
.pf-telas figcaption{margin-top:8px; font-size:13.5px; color:var(--text-2);}
@media (max-width:860px){
  .pf-telas-grade{grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:78%; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px;}
  .pf-telas figure{scroll-snap-align:start;}
  .pf-telas-dica{display:block;}
}
@media (prefers-reduced-motion:reduce){ .pf-telas img{transition:none;} }
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
@media (max-width:960px){ .pf-duas{grid-template-columns:1fr;} }
@media (max-width:620px){
  .grade2{grid-template-columns:1fr;}
  .pf-artes{grid-template-columns:1fr;}
}
/* Arte da vitória (desafio / campeão de torneio): botões Story e Post */
.arte-vitoria{margin:16px 0 18px; padding:18px 20px; border-radius:18px; background:linear-gradient(160deg, #FFFFFF 0%, #FFF1E6 100%); border:1px solid var(--line);}
.arte-vitoria h3{font-size:18px; margin-bottom:4px;}
.arte-vitoria .ajuda{margin-bottom:12px;}
.arte-vitoria-botoes{display:flex; gap:10px; flex-wrap:wrap;}
.arte-vitoria-botoes .btn{flex:1; min-width:120px;}
.mi-arte{margin-top:4px;}

/* Convide um amigo e Programa de Afiliados */
.convite-aviso{background:#FFF1E6; border-radius:14px; padding:12px 14px; margin:10px 0 14px;}
.link-copiar{display:flex; gap:8px; flex-wrap:wrap; margin:10px 0 12px;}
.link-copiar input{flex:1 1 220px; min-width:0; min-height:44px; padding:0 12px; border:1px solid var(--line); border-radius:12px; background:var(--card-2); color:var(--text); font-size:14px;}
.convite-nums{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin:14px 0 8px;}
.convite-nums div{background:var(--card-2); border-radius:14px; padding:12px 14px; display:flex; flex-direction:column;}
.convite-nums strong{font-size:28px; font-weight:700; font-style:italic; line-height:1.1;}
.convite-nums span{color:var(--text-2); font-size:13.5px;}
.convite-card .dica, .afiliado .dica{color:var(--mute); font-size:13px; margin-top:6px;}
.afiliado .lista-regras{padding-left:18px; display:grid; gap:8px; color:var(--text-2);}
.afiliado .tabela{width:100%; border-collapse:collapse; font-size:14px;}
.afiliado .tabela th, .afiliado .tabela td{text-align:left; padding:9px 8px; border-bottom:1px solid var(--line); vertical-align:top; white-space:nowrap;}
.afiliado .tabela th{font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--mute); font-weight:600;}
.afiliado .tabela tr.cancelada td{color:var(--mute); text-decoration:line-through;}
.afiliado .tabela tr.cancelada td:last-child{text-decoration:none;}
.afiliado .erro-saque{color:#B42318; font-weight:600;}
.afiliado .saque-min{color:#B23B09;}
.afiliado .tabela-rolagem{overflow-x:auto;}

/* Cartão "Quanto mais gente, maior o prêmio" (ranking_convite_html): laranja da marca nos dois temas */
.premio-convite{display:grid; grid-template-columns:auto minmax(0, 1fr); gap:28px; align-items:center; background:#FF6A00; color:#151413; border-radius:24px; padding:26px 30px; margin:0 0 22px; box-shadow:0 12px 32px rgba(255,106,0,0.28);}
.premio-convite .pc-valor{display:flex; flex-direction:column; align-items:flex-start; padding-right:28px; border-right:2px solid rgba(0,0,0,0.18);}
.premio-convite .pc-valor span{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;}
.premio-convite .pc-valor strong{font-family:'Poppins',sans-serif; font-style:italic; font-weight:900; font-size:52px; line-height:1;}
.premio-convite .pc-valor small{font-weight:600;}
.premio-convite .pc-texto .pc-selo{display:inline-block; background:#151413; color:#FFFFFF; font-family:'Poppins',sans-serif; font-weight:800; font-style:italic; text-transform:uppercase; font-size:15px; letter-spacing:.02em; padding:6px 14px; border-radius:100px; margin:0 0 10px;}
.premio-convite .pc-texto p{margin:0 0 6px; color:#151413; font-size:15px; line-height:1.5;}
.premio-convite .pc-acoes{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px;}
.premio-convite .pc-btn{background:#151413; color:#FFFFFF;}
.premio-convite .pc-btn:hover{filter:brightness(1.3);}
.premio-convite .btn-whats{border-color:rgba(0,0,0,0.25);}
.premio-convite .btn:focus-visible{outline:3px solid #151413; outline-offset:2px;}
.jogo-lado .premio-convite{grid-template-columns:1fr; gap:14px; padding:20px;}
.jogo-lado .premio-convite .pc-valor, .ranking-home .premio-convite .pc-valor{padding:0 0 12px; border-right:0; border-bottom:2px solid rgba(0,0,0,0.18);}
.ranking-home .premio-convite{grid-template-columns:1fr; gap:14px; padding:20px; margin:16px 0;}
.jogo-lado .premio-convite .pc-valor strong, .ranking-home .premio-convite .pc-valor strong{font-size:40px;}
.premio-convite .pc-acoes .btn{flex:1 1 auto;}
@media (max-width:620px){
  .premio-convite{grid-template-columns:1fr; gap:14px; padding:20px;}
  .premio-convite .pc-valor{padding:0 0 12px; border-right:0; border-bottom:2px solid rgba(0,0,0,0.18);}
  .premio-convite .pc-valor strong{font-size:40px;}
}