/* Etapas do site no layout aprovado no canvas "Count Master - etapas do site" (https://claude.ai/artifact/1J27ghMqKib9uRdDLtuvNc). Fica fora do bundle/index espelhados; textos fixos sao trocados no server.py (AJUSTES_BUNDLE) e o resto em etapas.js. */ /* ---------- topo: Entrar (contorno) e Cadastrar (laranja), como na proposta 1 ---------- */ nav .candy-btn.candy-sm { height: 38px !important; min-height: 0 !important; padding: 0 14px !important; border-radius: 12px !important; font: 700 14px 'Poppins', system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; text-shadow: none !important; transform: none !important; } nav .candy-btn.candy-sm::before, nav .candy-btn.candy-sm::after { display: none !important; } nav .candy-btn.candy-sm.candy-slate { background: transparent !important; border: 1px solid #3A4A6B !important; color: #E8EEF9 !important; } nav .candy-btn.candy-sm.candy-brand { background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; border: 0 !important; color: #3E2202 !important; } /* ---------- 1. Inicio ---------- */ .cmh-h1 { text-shadow: 0 3px 0 #1E4FA8, 0 6px 18px rgba(0,0,0,.45); } .cmh-lead { font-family: 'Poppins', system-ui, sans-serif !important; font-weight: 600 !important; } .cmh-section:has(.cmh-facts), .cmh-final { display: none !important; } .cmh-steps { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 !important; margin: 0 !important; list-style: none; } .cmh-steps::before, .cmh-step::before, .cmh-step::after { display: none !important; } .cmh-step { display: flex !important; flex-direction: column; align-items: center; gap: 6px; text-align: center; background: #111B2E; border: 1px solid #22304D; border-radius: 16px; padding: 10px 8px 12px !important; margin: 0 !important; } .cmh-step-art { width: auto !important; height: 44px !important; min-width: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex; justify-content: center; } .cmh-step-art img { height: 44px !important; width: auto !important; position: static !important; transform: none !important; margin: 0 !important; } .cmh-step-art .cmh-art-gate + .cmh-art-gate { display: none !important; } .cmh-step h3 { margin: 0 !important; font: 700 13px/1.2 'Poppins', system-ui, sans-serif !important; color: #FFFFFF !important; } .cmh-step p { margin: 2px 0 0 !important; font: 600 11.5px/1.35 'Poppins', system-ui, sans-serif !important; color: #AEBBD3 !important; } .cmh-legal { font: 600 11px 'Poppins', system-ui, sans-serif !important; color: #8FA0BF !important; text-align: center; } /* ---------- 2. Cadastro: so e-mail, celular e senha ---------- */ .auth-card form > div:has(input[placeholder="Nome ou Apelido"]) { display: none !important; } .cmw-termos { margin: 12px 0 0; text-align: center; font: 600 12px/1.45 'Poppins', system-ui, sans-serif; color: #AEBBD3; } .cmw-termos a { color: #FFC024; text-decoration: underline; } /* ---------- 4. Jogando: barra de progresso ate o castelo ---------- */ .cmw-prog { position: absolute; top: 12px; left: 12px; right: 12px; z-index: 4; display: flex; align-items: center; gap: 8px; pointer-events: none; font: 700 11px 'Poppins', system-ui, sans-serif; color: #FFFFFF; text-shadow: 0 1px 4px rgba(0,0,0,.6); } .cmw-prog-trilho { flex: 1; display: grid; gap: 3px; } .cmw-prog-trilho span { height: 6px; border-radius: 3px; background: rgba(11,18,32,.55); } .cmw-prog-trilho span.on { background: #FFC024; } /* ---------- 5. Resultado do treino: numeros da corrida ---------- */ .cmw-stats { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; } .cmw-stats div { padding: 10px; border-radius: 14px; background: #111B2E; border: 1px solid #22304D; text-align: center; } .cmw-stats span { display: block; font: 700 11px 'Poppins', system-ui, sans-serif; color: #8FA0BF; } .cmw-stats b { font: 700 20px 'Poppins', system-ui, sans-serif; color: #FFFFFF; } .cmw-stats b.azul { color: #7DD3FC; } /* ---------- 6. Deposito ---------- */ .sheet-panel img[src*="/storage/"] { height: 150px !important; object-fit: cover; } .cmw-oculto { display: none !important; } /* ---------- 7. Pix: sem o quadro do copia-e-cola, com o passo a passo ---------- */ #pixcopiaecola { display: none !important; } .cmw-passos { margin: 14px 0 0; padding: 14px 16px; list-style: none; border-radius: 18px; background: #111B2E; border: 1px solid #22304D; display: flex; flex-direction: column; gap: 12px; text-align: left; } .cmw-passos li { display: flex; align-items: center; gap: 12px; font: 600 14px 'Poppins', system-ui, sans-serif; color: #E8EEF9; } .cmw-passos li span { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #FFB61F; color: #3E2202; font: 700 14px 'Poppins', system-ui, sans-serif; display: flex; align-items: center; justify-content: center; } .cmw-suporte { margin: 12px 0 0; text-align: center; font: 600 13px 'Poppins', system-ui, sans-serif; color: #AEBBD3; } .cmw-suporte a { color: #FFC024; text-decoration: underline; } /* ---------- 8. Resultado valendo ---------- */ .cm-vcard img[src*="worldgamesbr"] { display: none !important; } .cm-vrow { flex-wrap: wrap !important; gap: 10px !important; } .cm-vrow .cm-vagain { flex: 1 1 100% !important; width: 100% !important; height: 56px !important; border-radius: 999px !important; } .cm-vrow .cm-vhome, .cm-vrow .cmw-sacar { flex: 1 1 0 !important; width: auto !important; height: 48px !important; border-radius: 16px !important; } .cmw-sacar { display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; } .cmw-sacar img { width: 18px; height: 18px; filter: brightness(0) invert(1); } /* ---------- 9. Saque: quanto falta de rollover ---------- */ .cmw-rollover { margin: 12px 0 14px; padding: 12px 14px; border-radius: 16px; background: rgba(255,192,36,.08); border: 1px solid rgba(255,192,36,.3); display: flex; flex-direction: column; gap: 8px; font-family: 'Poppins', system-ui, sans-serif; } .cmw-rollover-topo { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; } .cmw-rollover-topo span:first-child { color: #FFE6A3; } .cmw-rollover-topo span:last-child { color: #FFC024; } .cmw-rollover-barra { height: 8px; border-radius: 4px; background: #22304D; overflow: hidden; } .cmw-rollover-barra div { height: 8px; border-radius: 4px; background: linear-gradient(90deg, #FFB61F, #F0900F); } .cmw-rollover p { margin: 0; font-size: 12.5px; font-weight: 600; color: #E8EEF9; } /* ===== Placar de baixo do jogo: proposta B ("premio no centro") do canvas ===== premio grande no centro; embaixo, duas etiquetas: multiplicador e bonecos. A frase de baixo saiu (pedido do operador); "0,50x da aposta" e a etiqueta de bonecos vem do AJUSTES_BUNDLE do server.py. O premio (.cm-mtext) vem antes na tela via order. */ .cm-page .cm-multirow { flex-wrap: wrap; justify-content: center; gap: 8px; padding: 12px 14px 14px; border-radius: 20px; border: 2px solid transparent; background: linear-gradient(180deg, #16223A 0%, #0D1524 100%) padding-box, linear-gradient(180deg, #FFDE8A 0%, #FFB61F 40%, #C86A0C 100%) border-box; box-shadow: 0 0 22px rgba(255,170,30,.2); } .cm-page .cm-mtext { order: -1; flex: 1 0 100%; align-items: center; text-align: center; gap: 4px; } .cm-page .cm-lbl { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: #9FB0CE; } .cm-page .cm-mval { font-family: 'Luckiest Guy', 'Baloo 2', sans-serif; font-weight: 400; font-size: 38px; line-height: .95; color: #FFC024; text-shadow: 0 3px 0 #7A3E00, 0 0 18px rgba(255,176,32,.35); } /* etiqueta do multiplicador (era a bolinha) */ .cm-page .cm-mbubble { width: auto !important; height: 30px !important; flex-direction: row; gap: 6px; padding: 0 12px; border-radius: 999px; background: rgba(255,182,31,.14) !important; border: 1px solid rgba(255,182,31,.45); box-shadow: none !important; } .cm-page .cm-mbubble::after { display: none; } .cm-page .cm-mbubble span, .cm-page .cm-mbubble span.cm-small { font-family: 'Luckiest Guy', 'Baloo 2', sans-serif; font-weight: 400; font-size: 16px; line-height: 1; color: #FFC024; text-shadow: none; } .cm-page .cm-maposta { position: relative; z-index: 1; font: 700 13px/1 'Poppins', system-ui, sans-serif; color: #FFDE8A; } /* etiqueta de bonecos */ .cm-page .cm-mcount { flex: none; height: 30px; padding: 0 12px; border-radius: 999px; display: flex; align-items: center; gap: 6px; background: rgba(125,211,252,.12); border: 1px solid rgba(125,211,252,.4); } .cm-page .cm-mcount::before { content: ""; width: 15px; height: 15px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237DD3FC' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0M14 20a4.5 4.5 0 0 1 7-3.7'/%3E%3C/svg%3E"); } .cm-page .cm-mcount b { font-family: 'Luckiest Guy', 'Baloo 2', sans-serif; font-weight: 400; font-size: 16px; line-height: 1; color: #7DD3FC; } .cm-page .cm-mcount small { font: 700 13px/1 'Poppins', system-ui, sans-serif; color: #BDE7FD; } /* as duas etiquetas do mesmo tamanho, lado a lado; a fonte Luckiest Guy desce 2px pra alinhar com o texto */ .cm-page .cm-mbubble, .cm-page .cm-mcount { flex: 1 1 0; max-width: 168px; justify-content: center; } .cm-page .cm-mbubble span, .cm-page .cm-mcount b { position: relative; top: 2px; } /* jogando: sem a barra de cima (saldo e aposta). A aposta e escolhida antes de entrar no jogo (o lobby inicia a rodada e o jogo abre com ela); "Jogar novamente" repete a mesma aposta. */ .cm-page .cm-topbar { display: none !important; } /* ===== Janela de cadastro/entrar: proposta 2 do canvas (centralizada) ===== mesmo cartao da vitoria da demo (borda laranja), titulo na fonte do jogo, campos de 52px e botao em negrito. Vale para as duas abas (Cadastrar e Entrar). */ .auth-card:not(.max-w-xs) { border: 2px solid transparent !important; border-radius: 28px !important; background: linear-gradient(180deg, #17243D 0%, #0D1524 100%) padding-box, linear-gradient(180deg, #FFDE8A 0%, #FFB61F 40%, #C86A0C 100%) border-box !important; box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 40px rgba(255,170,30,.2) !important; } .auth-card:not(.max-w-xs) > div.flex:first-of-type { margin: 16px 74px 0 18px !important; padding: 4px !important; border-radius: 14px !important; background: #0B1220 !important; border: 1px solid #22304D; } .auth-card .candy-tab { font: 800 15px 'Baloo 2', 'Poppins', sans-serif !important; padding: 8px 0 !important; border-radius: 10px !important; } .auth-card > button.absolute { top: 16px !important; right: 18px !important; width: 46px !important; height: 46px !important; border-radius: 12px !important; background: #111B2E !important; border: 1px solid #22304D; color: #C9D4E8 !important; } .auth-card > div.p-5 { padding: 32px 18px 24px !important; } /* mais espaco entre as abas e o titulo */ .auth-card .text-center.mt-5 { display: none !important; } /* sem o "Ja tem conta? Entrar agora": as abas ja fazem isso */ .auth-card h2 { font-family: 'Luckiest Guy', 'Baloo 2', sans-serif !important; font-weight: 400 !important; font-size: 28px !important; line-height: 1.05; color: #fff !important; text-shadow: 0 3px 0 #3E2202, 0 6px 16px rgba(0,0,0,.45); margin-bottom: 6px !important; } .auth-card h2 + p { font: 600 14px/1.4 'Poppins', system-ui, sans-serif !important; color: #AEBBD3 !important; margin-bottom: 16px !important; } .auth-card form input:not([type="checkbox"]) { height: 52px !important; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 14px !important; background: #0B1220 !important; border: 1px solid #2C3B5A !important; color: #fff !important; font: 600 15px 'Poppins', system-ui, sans-serif !important; } .auth-card form input::placeholder { color: #8FA0BF !important; } .auth-card form input:not([type="checkbox"]):focus { border-color: #FFB61F !important; } .auth-card form button[type="submit"] { height: 58px !important; border-radius: 18px !important; margin-top: 6px !important; background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; box-shadow: 0 6px 0 #A6560A, 0 14px 28px rgba(255,170,30,.28) !important; color: #3E2202 !important; font: 800 19px 'Baloo 2', 'Poppins', sans-serif !important; letter-spacing: .05em; text-transform: uppercase; } .auth-card form button[type="submit"] { border: 0 !important; outline: 0; } .auth-card form button[type="submit"]::before, .auth-card form button[type="submit"]::after { display: none !important; } .auth-card .text-center.mt-5 span { color: #8FA0BF !important; font-size: 13px !important; font-weight: 600; } .auth-card .text-center.mt-5 button { font-size: 13px !important; } /* igual a proposta 2: cartao com 20px das bordas, campos com 14px entre si, icones cinza-azulados e envelope no campo de e-mail (o original usa um bonequinho) */ div.fixed.inset-0:has(> .auth-card) { padding: 20px !important; } .auth-card form { display: flex; flex-direction: column; gap: 14px; } .auth-card form > * { margin: 0 !important; } .auth-card form button[type="submit"] { margin-top: 4px !important; } .auth-card form svg { color: #8FA0BF !important; } .auth-card form .group:has(> input[type="email"]) > svg { display: none; } .auth-card form input[type="email"] { background: #0B1220 no-repeat 15px center / 18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238FA0BF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") !important; } /* abas do topo iguais a proposta 2: 38px, laranja liso na ativa (sem o relevo/borda "candy"), cinza na outra */ .auth-card .candy-tab { height: 38px; padding: 0 !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important; color: #AEBBD3 !important; background: transparent !important; } .auth-card .candy-tab.candy-tab-on { color: #3E2202 !important; background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; } .auth-card:not(.max-w-xs) > div.flex:first-of-type { gap: 0; } /* sem a frase embaixo do titulo (pedido do operador) */ .auth-card h2 + p { display: none !important; } .auth-card h2 { margin-bottom: 18px !important; } .auth-card form input[type="checkbox"] { width: 18px; height: 18px; accent-color: #FFB61F; } /* ===== Modal de deposito no formato do SubwayGO (cores do Count Master) ===== janela no centro (antes subia de baixo), banner com cantos redondos, "Deposito por PIX", 4 valores em 2 colunas com "Recomendado", campo do valor e botao "GERAR DEPOSITO". */ [aria-label="Depositar"] .sheet-panel { top: 0; bottom: 0 !important; display: flex; align-items: center; justify-content: center; padding: 16px; } [aria-label="Depositar"] .sheet-panel > div { max-width: 400px !important; max-height: calc(100dvh - 32px) !important; border-radius: 26px !important; border: 2px solid transparent !important; background: linear-gradient(180deg, #17243D 0%, #0D1524 100%) padding-box, linear-gradient(180deg, #FFDE8A 0%, #FFB61F 40%, #C86A0C 100%) border-box !important; box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 40px rgba(255,170,30,.2); } [aria-label="Depositar"] .sheet-panel > div > div.relative.shrink-0 { margin: 14px 14px 0; border-radius: 16px; overflow: hidden; } [aria-label="Depositar"] .sheet-panel > div > div.relative.shrink-0 img { max-height: none !important; } [aria-label="Depositar"] .sheet-panel > div > div.relative.shrink-0 > div { display: none; } /* faixa escura e "puxador" da gaveta */ [aria-label="Depositar"] button[aria-label="Fechar"] { top: 8px !important; right: 8px !important; width: 40px !important; height: 40px !important; border-radius: 12px !important; background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; color: #3E2202 !important; box-shadow: 0 3px 0 #A6560A; } [aria-label="Depositar"] h2 { display: flex; align-items: center; gap: 10px; font: 800 22px 'Baloo 2', 'Poppins', sans-serif !important; color: #fff !important; } [aria-label="Depositar"] h2::before { content: ""; width: 26px; height: 26px; flex: none; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='%2332BCAD'%3E%3Crect x='11' y='1.5' width='10' height='10' rx='2.6' transform='rotate(45 16 6.5)'/%3E%3Crect x='11' y='20.5' width='10' height='10' rx='2.6' transform='rotate(45 16 25.5)'/%3E%3Crect x='1.5' y='11' width='10' height='10' rx='2.6' transform='rotate(45 6.5 16)'/%3E%3Crect x='20.5' y='11' width='10' height='10' rx='2.6' transform='rotate(45 25.5 16)'/%3E%3C/g%3E%3C/svg%3E"); } [aria-label="Depositar"] h2 ~ p:not(.cmw-dep-lim) { display: none; } /* subtitulo antigo; fica so o "Min. / Max." */ [aria-label="Depositar"] .sheet-panel > div > div.flex.items-center { padding: 16px 18px 10px !important; } [aria-label="Depositar"] .flex-1.overflow-y-auto { padding: 0 18px 18px !important; } [aria-label="Depositar"] .bg-green-500\/10 { display: none !important; } /* "Pagamento pelo app do seu banco" */ [aria-label="Depositar"] .grid.grid-cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin: 10px 0 14px !important; } [aria-label="Depositar"] .grid.grid-cols-3 > button:nth-child(n+5) { display: none; } /* so 20, 30, 50 e 100 */ [aria-label="Depositar"] .grid.grid-cols-3 > button { padding: 14px 0 !important; border-radius: 14px !important; background: #111B2E; border: 1px solid #2A3B5E !important; } [aria-label="Depositar"] .grid.grid-cols-3 > button.bgbotaop { background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; box-shadow: 0 0 0 2px #fff, 0 0 18px rgba(255,182,31,.45) !important; border-color: transparent !important; } [aria-label="Depositar"] .grid.grid-cols-3 > button > div:first-child { font: 800 21px 'Baloo 2', 'Poppins', sans-serif !important; } [aria-label="Depositar"] .grid.grid-cols-3 > button.bgbotaop > div:first-child { color: #3E2202 !important; } [aria-label="Depositar"] .grid.grid-cols-3 > button > div.absolute.bottom-1\.5 { display: none; } [aria-label="Depositar"] .grid.grid-cols-3 > button > div.absolute span { background: #FFC024 !important; color: #3E2202 !important; border: 2px solid #3E2202 !important; font: 800 10px 'Baloo 2', sans-serif !important; letter-spacing: .06em; text-transform: uppercase; padding: 1px 10px !important; } [aria-label="Depositar"] label.uppercase { display: none; } /* "Valor personalizado" */ [aria-label="Depositar"] .mb-5:has(> .relative.group input) { margin-bottom: 14px !important; } [aria-label="Depositar"] input[type="text"] { height: 54px; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 14px !important; background: #0B1220 !important; border: 1px solid #2C3B5A !important; } [aria-label="Depositar"] input[type="text"]:focus { border-color: #FFB61F !important; } [aria-label="Depositar"] button.w-full.bgbotaop { height: 58px; padding: 0 !important; border-radius: 18px !important; background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; box-shadow: 0 6px 0 #A6560A, 0 14px 28px rgba(255,170,30,.28) !important; color: #3E2202 !important; font: 800 19px 'Baloo 2', 'Poppins', sans-serif !important; letter-spacing: .05em; text-transform: uppercase; } [aria-label="Depositar"] button.w-full.bgbotaop svg { display: none; } /* aviso de saque pago (provas sociais do deposito), entra pelo topo como o do SubwayGO */ .cmw-prova { position: fixed; left: 50%; top: 14px; z-index: 60; width: min(360px, calc(100% - 32px)); transform: translate(-50%, -140%); padding: 12px 16px; border-radius: 16px; background: linear-gradient(180deg, #17243D 0%, #0D1524 100%); border: 2px solid #FFB61F; box-shadow: 0 12px 30px rgba(0,0,0,.5); display: flex; flex-direction: column; gap: 2px; pointer-events: none; transition: transform .45s cubic-bezier(.34,1.56,.64,1); } .cmw-prova b { font: 800 15px 'Baloo 2', 'Poppins', sans-serif; color: #fff; } .cmw-prova span { font: 600 12px 'Poppins', system-ui, sans-serif; color: #4ADE80; } .cmw-prova.cmw-prova-on { transform: translate(-50%, 0); animation: cmw-prova-sai .45s 4.6s forwards; } @keyframes cmw-prova-sai { to { transform: translate(-50%, -140%); } } /* ===== "Cancelar registro?" (ao fechar o cadastro): exatamente como o print do operador (05/11) ===== cartao escuro com brilho dourado embaixo, icone redondo no centro, botao laranja liso "Continuar Registro" */ .auth-card.max-w-xs { max-width: 320px !important; padding: 28px 24px 24px !important; border-radius: 24px !important; border: 1px solid #2E2E33 !important; background: linear-gradient(180deg, #0D0D0F 0%, #0D0D0F 52%, #4A3518 100%) !important; box-shadow: 0 20px 50px rgba(0,0,0,.6) !important; } .auth-card.max-w-xs > div:first-child { width: 48px; height: 48px; margin: 0 auto 18px !important; border-radius: 50%; background: rgba(234,170,40,.14) !important; } .auth-card.max-w-xs > div:first-child svg { color: #E8A317; } .auth-card.max-w-xs h3 { margin: 0 0 10px !important; font: 700 19px 'Poppins', system-ui, sans-serif !important; color: #fff !important; } .auth-card.max-w-xs p { margin: 0 0 22px !important; font: 400 15px 'Poppins', system-ui, sans-serif !important; color: #D4D4D8 !important; } .auth-card.max-w-xs .candy-btn { height: 46px; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; border-radius: 14px !important; background: linear-gradient(180deg, #FADB91 0%, #F2B04A 55%, #E89A33 100%) !important; box-shadow: none !important; text-shadow: none !important; color: #3A1E00 !important; font: 700 17px 'Poppins', system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; } .auth-card.max-w-xs .candy-btn::before, .auth-card.max-w-xs .candy-btn::after { display: none !important; } .auth-card.max-w-xs .candy-btn + button { height: 46px; padding: 0 !important; border-radius: 14px !important; background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.08) !important; color: rgba(255,255,255,.5) !important; font: 400 16px 'Poppins', system-ui, sans-serif !important; } /* deposito mais perto do SubwayGO: X acima do banner, faixa vermelha, min/max embaixo do titulo, etiqueta no canto */ /* X em cima do banner, no canto (pedido do operador) */ [aria-label="Depositar"] .sheet-panel > div > div.relative.shrink-0 button[aria-label="Fechar"] { top: 10px !important; right: 10px !important; width: 44px !important; height: 44px !important; } .cmw-dep-relogio { margin: 12px 14px 0; height: 52px; padding: 0 12px; display: flex; align-items: center; gap: 10px; border-radius: 14px; background: linear-gradient(180deg, #F04438, #C81E1E); box-shadow: 0 3px 0 #8E1414; color: #fff; } .cmw-dep-relogio b { flex: 1; font: 800 16px 'Baloo 2', 'Poppins', sans-serif; letter-spacing: .03em; } .cmw-dep-relogio span { display: flex; align-items: center; gap: 4px; font: 800 18px 'Baloo 2', sans-serif; } .cmw-dep-relogio i { font-style: normal; min-width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #fff; color: #111; } .cmw-dep-lim { margin: 4px 0 0 36px; font: 700 14px 'Poppins', system-ui, sans-serif; color: #8FA0BF; } [aria-label="Depositar"] .sheet-panel > div > div.flex.items-center > div { display: flex; flex-direction: column; } .cmw-oculto { display: none !important; } [aria-label="Depositar"] .grid.grid-cols-3 > button > div.absolute:not(.bottom-1\.5) { left: auto !important; right: 8px; transform: none !important; } /* ===== topo logado igual ao SubwayGO: "DEPOSITAR" + setinha com as opcoes; sem a barra de baixo ===== */ .nav-glass { display: none !important; } .cmw-avatar { display: none !important; } .cmw-dep-caixa { position: relative; gap: 0; } nav .cmw-dep-topo { height: 40px; padding: 0 14px !important; border-radius: 12px 0 0 12px !important; box-shadow: 0 3px 0 #A6560A !important; background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%) !important; color: #3E2202 !important; } nav .cmw-dep-topo svg { display: none; } nav .cmw-dep-topo span { display: block !important; font: 800 14px 'Baloo 2', 'Poppins', sans-serif !important; letter-spacing: .04em; text-transform: uppercase; } .cmw-seta { height: 40px; width: 34px; display: flex; align-items: center; justify-content: center; border: 0; border-left: 1px solid rgba(62,34,2,.35); border-radius: 0 12px 12px 0; background: linear-gradient(180deg, #FFDE8A 0%, #FFB61F 46%, #F0900F 100%); box-shadow: 0 3px 0 #A6560A; color: #3E2202; cursor: pointer; } .cmw-menu { position: absolute; top: calc(100% + 10px); right: 0; z-index: 50; min-width: 190px; padding: 6px; border-radius: 14px; background: #111B2E; border: 1px solid #2A3B5E; box-shadow: 0 16px 40px rgba(0,0,0,.5); display: flex; flex-direction: column; } .cmw-menu[hidden] { display: none; } .cmw-menu button { height: 44px; padding: 0 14px; border: 0; border-radius: 10px; background: none; text-align: left; color: #E8EEF9; font: 600 15px 'Poppins', system-ui, sans-serif; cursor: pointer; } .cmw-menu button:hover, .cmw-menu button:focus-visible { background: #1A2742; } .cmw-menu button:last-child { color: #F87171; }