Fóruns

AUTOMÁTICO Olá, meu nome é Sophia 👋 wlanjos, vi que você acabou de entrar no D7Games. Separei um “atalho” pra você começar com o pé direito — rápido e sem enrolação. 🆔 3017 • 📅 09/07/2026 • 👤 View Member 📌 3 passos rápidos Complete seu perfil (foto + bio). Entre nas discussões e salve os tópicos que curtir. Ative o Telegram pra receber novidades em primeira mão. 🎯 Dica da Sophia Se você quer aprender mais e perder menos tempo, o melhor caminho é: Telegram (avisos) + Ninja Cursos (conteúdo) + Fórum (troca real). Sem spam. Conteúdo direto.   Telegram Atualizações Novos cursos 📲 Entre no grupo do Telegram Receba novos cursos, links e avisos direto no celular — sem precisar ficar procurando. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Silencioso • Sem spam Cursos Atualizados Destaque 🚀 Acesse o Ninja Cursos Tenha milhares de cursos atualizados para evoluir rápido, com conteúdo novo chegando sempre. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Conteúdo direto ao ponto Se quiser, responde aqui no tópico e me diz qual área você quer aprender primeiro 😉 /* ================================================== SOPHIA AUTO MSG — PROFISSIONAL • ANIMADO • IPS SAFE (tudo isolado em .sx- / .g1n- para não bugar tema) ================================================== */ .sx-wrap{ --bg1:#1d2130; --bg2:#171a25; --bd:rgba(255,255,255,.12); --tx:#e9ecf1; --mut:#cfd6e4; --red:#e10600; --red2:#ff3b30; --tg:#229ED9; background:linear-gradient(180deg, var(--bg1), var(--bg2)); border:1px solid var(--bd); border-radius:16px; padding:18px 18px 16px; position:relative; overflow:hidden; } /* Topbar animada */ .sx-topbar{ position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, var(--red), var(--red2), var(--tg)); background-size:200% 100%; animation:sxBar 4.6s ease-in-out infinite; } @keyframes sxBar{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } } /* brilho sutil no fundo */ .sx-wrap::after{ content:""; position:absolute; inset:-60% -40%; background: radial-gradient(circle at 25% 30%, rgba(225,6,0,.16), transparent 55%), radial-gradient(circle at 75% 60%, rgba(34,158,217,.18), transparent 55%); transform: rotate(10deg); animation:sxFloat 7s ease-in-out infinite; pointer-events:none; opacity:.85; } @keyframes sxFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.85; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.7; } } .sx-wrap > *{ position:relative; z-index:1; } .sx-head{ margin-top:6px; } .sx-badge{ display:inline-block; font-size:11px; font-weight:900; letter-spacing:.35px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:var(--mut); text-transform:uppercase; animation:sxPop .9s ease-out both; } @keyframes sxPop{ from{ transform: translateY(6px); opacity:0; } to{ transform: translateY(0); opacity:1; } } .sx-title{ margin:10px 0 6px; font-size:clamp(22px, 2.6vw, 30px); line-height:1.15; color:#fff; letter-spacing:-.25px; } .sx-name{ background:linear-gradient(90deg, #4fc3ff, #9ee7ff); -webkit-background-clip:text; background-clip:text; color:transparent; } .sx-sub{ margin:0 0 10px; color:var(--tx); font-size:15.5px; line-height:1.6; } .sx-meta{ display:flex; flex-wrap:wrap; gap:8px; color:var(--mut); font-size:12.5px; margin:10px 0 6px; } .sx-dot{ opacity:.6; } .sx-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } @media (max-width:720px){ .sx-grid{ grid-template-columns:1fr; } } .sx-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:12px 14px; } .sx-cardTitle{ font-weight:900; color:#fff; margin-bottom:8px; letter-spacing:.2px; font-size:13px; text-transform:uppercase; } .sx-list{ margin:0; padding-left:18px; color:var(--tx); line-height:1.7; font-size:14.5px; } .sx-p{ margin:0; color:var(--tx); line-height:1.65; font-size:14.5px; } .sx-miniNote{ margin-top:10px; color:var(--mut); font-size:12.5px; opacity:1; } .sx-divider{ height:1px; background:linear-gradient(90deg, rgba(225,6,0,.45), rgba(34,158,217,.25), transparent); margin:16px 0 14px; } /* ====================== CARDS (G1-LIKE) ====================== */ .g1n-cta, .g1n-tg{ border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:16px 16px 18px; margin:14px 0; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); overflow:hidden; position:relative; } /* brilho de fundo sutil por card */ .g1n-cta::after, .g1n-tg::after{ content:""; position:absolute; inset:-70% -40%; background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.10), transparent 55%), radial-gradient(circle at 75% 60%, rgba(255,255,255,.06), transparent 55%); transform: rotate(10deg); animation:g1nFloat 7s ease-in-out infinite; pointer-events:none; opacity:.6; } @keyframes g1nFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.6; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.45; } } .g1n-cta > *, .g1n-tg > *{ position:relative; z-index:1; } .g1n-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; } .g1n-chip{ font-size:11px; font-weight:900; padding:6px 10px; border-radius:999px; background:#24283b; border:1px solid rgba(255,255,255,.14); color:#e9ecf1; text-transform:uppercase; letter-spacing:.35px; line-height:1; } .g1n-chip.hot{ color:#fff; background:rgba(225,6,0,.18); border-color:rgba(225,6,0,.45); } .g1n-title{ font-size:clamp(18px, 2.2vw, 22px); line-height:1.2; margin:6px 0 8px; color:#fff; } .g1n-brand{ background:linear-gradient(90deg, #ff3b30, #ff6a00); -webkit-background-clip:text; background-clip:text; color:transparent; } .g1n-subtitle{ font-size:15px; line-height:1.6; color:#e9ecf1; margin:0 0 12px; } .g1n-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .g1n-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; text-decoration:none !important; color:#fff !important; font-weight:900; border:1px solid rgba(225,6,0,.35); background:linear-gradient(90deg, #e10600, #ff3b30); position:relative; overflow:hidden; transition: transform .18s ease, filter .18s ease; will-change: transform; } /* Botão Telegram com cor própria */ .g1n-btn--tg{ border-color:rgba(34,158,217,.45); background:linear-gradient(90deg, rgba(34,158,217,.95), rgba(12,120,178,.95)); } /* brilho passando no botão */ .g1n-btn::before{ content:""; position:absolute; top:-30%; left:-55%; width:40%; height:160%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: rotate(18deg); animation:g1nSheen 3s ease-in-out infinite; pointer-events:none; } @keyframes g1nSheen{ 0%{ left:-60%; opacity:0; } 20%{ opacity:1; } 55%{ left:120%; opacity:0; } 100%{ left:120%; opacity:0; } } .g1n-btn:hover{ transform: translateY(-1px); filter: brightness(1.06); } .g1n-btn:active{ transform: translateY(0); } .g1n-btnIcon{ font-size:18px; } .g1n-btnText{ white-space:nowrap; } /* Ping verde */ .g1n-btnPing{ width:10px; height:10px; border-radius:50%; background:#22c55e; position:relative; flex:0 0 auto; } .g1n-btnPing::after{ content:""; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(34,197,94,.40); animation:g1nPing 1.6s ease-out infinite; } @keyframes g1nPing{ 0%{ transform:scale(.5); opacity:.8; } 100%{ transform:scale(1.3); opacity:0; } } .g1n-mini{ font-size:12.5px; color:#cfd6e4; } /* Mobile: botão quebra melhor */ @media (max-width:520px){ .g1n-btnText{ white-space:normal; } } .sx-footer{ margin:16px 0 0; text-align:center; font-size:14.5px; color:#cfd6e4; }

💻🧾 Tributação para Programadores – TecnoSpeed Academy Quer entender como funciona a tributação aplicada ao desenvolvimento de sistemas e compreender melhor os conceitos fiscais presentes em ERPs, plataformas de gestão e softwares comerciais? O curso Tributação para Programadores – TecnoSpeed Academy é ideal para desenvolvedores que desejam conhecer as principais regras e conceitos tributários necessários para construir soluções fiscais mais completas e profissionais. 💡 O que você vai aprender: ✅ Fundamentos essenciais de tributação voltados para programadores ✅ Principais conceitos fiscais utilizados em sistemas e ERPs ✅ Como compreender impostos, alíquotas e regras presentes nas operações comerciais ✅ Conceitos relacionados a documentos fiscais eletrônicos ✅ Como interpretar informações tributárias utilizadas em cadastros e operações ✅ Relação entre regras fiscais e implementação dentro de sistemas ✅ Cuidados importantes ao desenvolver funcionalidades fiscais e tributárias ✅ Como transformar regras de negócio tributárias em soluções de software mais organizadas 🎯 Indicado para: 👉 Programadores que desenvolvem sistemas comerciais e empresariais 👉 Desenvolvedores de ERPs e soluções de gestão 👉 Profissionais de tecnologia que trabalham com documentos fiscais 👉 Analistas e desenvolvedores que desejam compreender melhor regras tributárias 👉 Quem busca ampliar seus conhecimentos sobre tecnologia aplicada ao universo fiscal Com Tributação para Programadores – TecnoSpeed Academy, você amplia seus conhecimentos sobre o universo fiscal, entende melhor como a tributação se relaciona com o desenvolvimento de software e fortalece sua preparação para criar sistemas empresariais mais completos e profissionais. Tamanho: 6.2 gb Duração: 14h 4min   /* BOTÃO ACESSAR CURSO - FORÇADO */ .botao-telegram{ display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: linear-gradient(135deg, #0088cc, #00a2ff) !important; color: #ffffff !important; font-weight: 700; font-size: 17px; text-decoration: none !important; border-radius: 10px; border: none; opacity: 1 !important; filter: none !important; box-shadow: 0 6px 18px rgba(0,136,204,0.45); transition: all .25s ease; } /* HOVER */ .botao-telegram:hover{ background: linear-gradient(135deg, #0071a8, #0088cc) !important; color: #ffffff !important; transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(0,136,204,0.6); } /* REMOVE QUALQUER OVERLAY */ .botao-telegram::before, .botao-telegram::after{ display: none !important; } /* ÍCONE */ .botao-telegram i{ font-size: 19px; } ACESSAR CURSO

💰🚀 Mentoria 50K – Renan Vieira Quer desenvolver estratégias para crescer no mercado digital, aumentar suas vendas e estruturar um negócio online mais profissional? A Mentoria 50K – Renan Vieira é ideal para quem deseja organizar sua operação, fortalecer seu posicionamento e aplicar estratégias de marketing e vendas para buscar novos níveis de crescimento no digital. 💡 O que você vai aprender: ✅ Fundamentos para estruturar uma operação de vendas no mercado digital ✅ Como identificar nichos, públicos e oportunidades de mercado ✅ Estratégias para construir posicionamento e fortalecer sua presença online ✅ Como desenvolver produtos, serviços e ofertas mais atrativas ✅ Técnicas de Marketing Digital para atrair potenciais clientes ✅ Estratégias para melhorar processos de vendas e conversão ✅ Como analisar métricas e identificar oportunidades de otimização ✅ Métodos para desenvolver uma operação digital mais organizada e escalável 🎯 Indicado para: 👉 Empreendedores que desejam crescer no mercado digital 👉 Profissionais interessados em Marketing Digital e vendas 👉 Produtores, afiliados e prestadores de serviços 👉 Pessoas que desejam estruturar melhor seus negócios online 👉 Quem busca desenvolver estratégias para aumentar suas oportunidades de vendas Com Mentoria 50K – Renan Vieira, você amplia seus conhecimentos sobre Marketing Digital e vendas, desenvolve estratégias para organizar sua operação e fortalece sua preparação para buscar crescimento com mais planejamento, consistência e visão de negócio. Tamanho: 6.6 gb Duração: 16h 40min   /* BOTÃO ACESSAR CURSO - FORÇADO */ .botao-telegram{ display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: linear-gradient(135deg, #0088cc, #00a2ff) !important; color: #ffffff !important; font-weight: 700; font-size: 17px; text-decoration: none !important; border-radius: 10px; border: none; opacity: 1 !important; filter: none !important; box-shadow: 0 6px 18px rgba(0,136,204,0.45); transition: all .25s ease; } /* HOVER */ .botao-telegram:hover{ background: linear-gradient(135deg, #0071a8, #0088cc) !important; color: #ffffff !important; transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(0,136,204,0.6); } /* REMOVE QUALQUER OVERLAY */ .botao-telegram::before, .botao-telegram::after{ display: none !important; } /* ÍCONE */ .botao-telegram i{ font-size: 19px; } ACESSAR CURSO

📈🚀 Método Tráfego de Elite 3.0 – Thiago Boeira Quer dominar o Tráfego Pago e aprender estratégias para criar, gerenciar e otimizar campanhas de anúncios com mais eficiência? O curso Método Tráfego de Elite 3.0 – Thiago Boeira é ideal para quem deseja aprofundar seus conhecimentos em mídia paga, desenvolver campanhas mais estratégicas e utilizar anúncios para gerar oportunidades para negócios, produtos e serviços. 💡 O que você vai aprender: ✅ Fundamentos essenciais do Tráfego Pago e Marketing Digital ✅ Como estruturar campanhas de anúncios de maneira estratégica ✅ Estratégias para trabalhar públicos, segmentações e diferentes objetivos ✅ Como desenvolver e testar criativos mais atrativos ✅ Técnicas para analisar métricas e compreender o desempenho das campanhas ✅ Estratégias para testar, otimizar e aprimorar anúncios continuamente ✅ Como organizar campanhas para diferentes produtos, serviços e negócios ✅ Métodos para desenvolver uma operação de tráfego mais organizada e escalável 🎯 Indicado para: 👉 Iniciantes que desejam aprender Tráfego Pago 👉 Gestores de tráfego que querem aprimorar suas estratégias 👉 Empreendedores que desejam divulgar seus produtos ou serviços 👉 Afiliados, produtores e profissionais de Marketing Digital 👉 Quem busca desenvolver habilidades para atuar profissionalmente com anúncios online Com Método Tráfego de Elite 3.0 – Thiago Boeira, você amplia seus conhecimentos sobre Tráfego Pago, desenvolve estratégias para criar e otimizar campanhas e fortalece sua preparação para atuar no mercado digital com mais planejamento, análise e profissionalismo. Tamanho: 7.4 gb Duração: 15h 13min   /* BOTÃO ACESSAR CURSO - FORÇADO */ .botao-telegram{ display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: linear-gradient(135deg, #0088cc, #00a2ff) !important; color: #ffffff !important; font-weight: 700; font-size: 17px; text-decoration: none !important; border-radius: 10px; border: none; opacity: 1 !important; filter: none !important; box-shadow: 0 6px 18px rgba(0,136,204,0.45); transition: all .25s ease; } /* HOVER */ .botao-telegram:hover{ background: linear-gradient(135deg, #0071a8, #0088cc) !important; color: #ffffff !important; transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(0,136,204,0.6); } /* REMOVE QUALQUER OVERLAY */ .botao-telegram::before, .botao-telegram::after{ display: none !important; } /* ÍCONE */ .botao-telegram i{ font-size: 19px; } ACESSAR CURSO

AUTOMÁTICO Olá, meu nome é Sophia 👋 S4NT7K, vi que você acabou de entrar no D7Games. Separei um “atalho” pra você começar com o pé direito — rápido e sem enrolação. 🆔 3016 • 📅 09/07/2026 • 👤 View Member 📌 3 passos rápidos Complete seu perfil (foto + bio). Entre nas discussões e salve os tópicos que curtir. Ative o Telegram pra receber novidades em primeira mão. 🎯 Dica da Sophia Se você quer aprender mais e perder menos tempo, o melhor caminho é: Telegram (avisos) + Ninja Cursos (conteúdo) + Fórum (troca real). Sem spam. Conteúdo direto.   Telegram Atualizações Novos cursos 📲 Entre no grupo do Telegram Receba novos cursos, links e avisos direto no celular — sem precisar ficar procurando. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Silencioso • Sem spam Cursos Atualizados Destaque 🚀 Acesse o Ninja Cursos Tenha milhares de cursos atualizados para evoluir rápido, com conteúdo novo chegando sempre. Este é um conteúdo somente para membros, por favor Entre ou Cadastre-se Conteúdo direto ao ponto Se quiser, responde aqui no tópico e me diz qual área você quer aprender primeiro 😉 /* ================================================== SOPHIA AUTO MSG — PROFISSIONAL • ANIMADO • IPS SAFE (tudo isolado em .sx- / .g1n- para não bugar tema) ================================================== */ .sx-wrap{ --bg1:#1d2130; --bg2:#171a25; --bd:rgba(255,255,255,.12); --tx:#e9ecf1; --mut:#cfd6e4; --red:#e10600; --red2:#ff3b30; --tg:#229ED9; background:linear-gradient(180deg, var(--bg1), var(--bg2)); border:1px solid var(--bd); border-radius:16px; padding:18px 18px 16px; position:relative; overflow:hidden; } /* Topbar animada */ .sx-topbar{ position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg, var(--red), var(--red2), var(--tg)); background-size:200% 100%; animation:sxBar 4.6s ease-in-out infinite; } @keyframes sxBar{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } } /* brilho sutil no fundo */ .sx-wrap::after{ content:""; position:absolute; inset:-60% -40%; background: radial-gradient(circle at 25% 30%, rgba(225,6,0,.16), transparent 55%), radial-gradient(circle at 75% 60%, rgba(34,158,217,.18), transparent 55%); transform: rotate(10deg); animation:sxFloat 7s ease-in-out infinite; pointer-events:none; opacity:.85; } @keyframes sxFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.85; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.7; } } .sx-wrap > *{ position:relative; z-index:1; } .sx-head{ margin-top:6px; } .sx-badge{ display:inline-block; font-size:11px; font-weight:900; letter-spacing:.35px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:var(--mut); text-transform:uppercase; animation:sxPop .9s ease-out both; } @keyframes sxPop{ from{ transform: translateY(6px); opacity:0; } to{ transform: translateY(0); opacity:1; } } .sx-title{ margin:10px 0 6px; font-size:clamp(22px, 2.6vw, 30px); line-height:1.15; color:#fff; letter-spacing:-.25px; } .sx-name{ background:linear-gradient(90deg, #4fc3ff, #9ee7ff); -webkit-background-clip:text; background-clip:text; color:transparent; } .sx-sub{ margin:0 0 10px; color:var(--tx); font-size:15.5px; line-height:1.6; } .sx-meta{ display:flex; flex-wrap:wrap; gap:8px; color:var(--mut); font-size:12.5px; margin:10px 0 6px; } .sx-dot{ opacity:.6; } .sx-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; } @media (max-width:720px){ .sx-grid{ grid-template-columns:1fr; } } .sx-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:12px 14px; } .sx-cardTitle{ font-weight:900; color:#fff; margin-bottom:8px; letter-spacing:.2px; font-size:13px; text-transform:uppercase; } .sx-list{ margin:0; padding-left:18px; color:var(--tx); line-height:1.7; font-size:14.5px; } .sx-p{ margin:0; color:var(--tx); line-height:1.65; font-size:14.5px; } .sx-miniNote{ margin-top:10px; color:var(--mut); font-size:12.5px; opacity:1; } .sx-divider{ height:1px; background:linear-gradient(90deg, rgba(225,6,0,.45), rgba(34,158,217,.25), transparent); margin:16px 0 14px; } /* ====================== CARDS (G1-LIKE) ====================== */ .g1n-cta, .g1n-tg{ border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:16px 16px 18px; margin:14px 0; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); overflow:hidden; position:relative; } /* brilho de fundo sutil por card */ .g1n-cta::after, .g1n-tg::after{ content:""; position:absolute; inset:-70% -40%; background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.10), transparent 55%), radial-gradient(circle at 75% 60%, rgba(255,255,255,.06), transparent 55%); transform: rotate(10deg); animation:g1nFloat 7s ease-in-out infinite; pointer-events:none; opacity:.6; } @keyframes g1nFloat{ 0%,100%{ transform: rotate(10deg) translateY(0); opacity:.6; } 50%{ transform: rotate(10deg) translateY(10px); opacity:.45; } } .g1n-cta > *, .g1n-tg > *{ position:relative; z-index:1; } .g1n-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; } .g1n-chip{ font-size:11px; font-weight:900; padding:6px 10px; border-radius:999px; background:#24283b; border:1px solid rgba(255,255,255,.14); color:#e9ecf1; text-transform:uppercase; letter-spacing:.35px; line-height:1; } .g1n-chip.hot{ color:#fff; background:rgba(225,6,0,.18); border-color:rgba(225,6,0,.45); } .g1n-title{ font-size:clamp(18px, 2.2vw, 22px); line-height:1.2; margin:6px 0 8px; color:#fff; } .g1n-brand{ background:linear-gradient(90deg, #ff3b30, #ff6a00); -webkit-background-clip:text; background-clip:text; color:transparent; } .g1n-subtitle{ font-size:15px; line-height:1.6; color:#e9ecf1; margin:0 0 12px; } .g1n-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; } .g1n-btn{ display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; text-decoration:none !important; color:#fff !important; font-weight:900; border:1px solid rgba(225,6,0,.35); background:linear-gradient(90deg, #e10600, #ff3b30); position:relative; overflow:hidden; transition: transform .18s ease, filter .18s ease; will-change: transform; } /* Botão Telegram com cor própria */ .g1n-btn--tg{ border-color:rgba(34,158,217,.45); background:linear-gradient(90deg, rgba(34,158,217,.95), rgba(12,120,178,.95)); } /* brilho passando no botão */ .g1n-btn::before{ content:""; position:absolute; top:-30%; left:-55%; width:40%; height:160%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: rotate(18deg); animation:g1nSheen 3s ease-in-out infinite; pointer-events:none; } @keyframes g1nSheen{ 0%{ left:-60%; opacity:0; } 20%{ opacity:1; } 55%{ left:120%; opacity:0; } 100%{ left:120%; opacity:0; } } .g1n-btn:hover{ transform: translateY(-1px); filter: brightness(1.06); } .g1n-btn:active{ transform: translateY(0); } .g1n-btnIcon{ font-size:18px; } .g1n-btnText{ white-space:nowrap; } /* Ping verde */ .g1n-btnPing{ width:10px; height:10px; border-radius:50%; background:#22c55e; position:relative; flex:0 0 auto; } .g1n-btnPing::after{ content:""; position:absolute; inset:-8px; border-radius:50%; border:2px solid rgba(34,197,94,.40); animation:g1nPing 1.6s ease-out infinite; } @keyframes g1nPing{ 0%{ transform:scale(.5); opacity:.8; } 100%{ transform:scale(1.3); opacity:0; } } .g1n-mini{ font-size:12.5px; color:#cfd6e4; } /* Mobile: botão quebra melhor */ @media (max-width:520px){ .g1n-btnText{ white-space:normal; } } .sx-footer{ margin:16px 0 0; text-align:center; font-size:14.5px; color:#cfd6e4; }