Fóruns

  1. IMPORTANTE

    1. 2.6k
      posts
  2. GAMES

    1. 5
      posts
    2. 15
      posts
    3. 73
      posts
    4. 3
      posts
      • Não há posts ainda
  3. RATEIOS

    1. 36
      posts
    2. Pack de Vídeos Virais

      Impulsione seu alcance e engajamento com conteúdos que já nascem prontos para viralizar!
      Nosso Pack de Vídeos Virais reúne vídeos estratégicos, dinâmicos e atuais, ideais para Instagram, TikTok, Reels, Shorts e anúncios.

      Crie presença, chame atenção e transforme visualizações em resultados! 🚀

      17
      posts
    3. Designer Packs

      Nossos Designer Packs reúnem recursos prontos para uso que economizam tempo e aumentam a produtividade no dia a dia.

      • Não há posts ainda
      • Não há posts ainda
  4. CURSOS

    1. 298
      posts
    2. 441
      posts
    3. 210
      posts
    4. 58
      posts
    5. 286
      posts
    6. 62
      posts
    7. 184
      posts
    8. 381
      posts
    9. 227
      posts
    10. 522
      posts
    11. 39
      posts
    12. 47
      posts
    13. 57
      posts
    14. 332
      posts
    15. 142
      posts
    16. 48
      posts
    17. I.A

      135
      posts
    18. 15
      posts
    19. 100
      posts
    20. 70
      posts
    21. 13
      posts
    22. 11
      posts
    23. 77
      posts
    24. PLR

      13
      posts
    25. 40
      posts
    26. 163
      posts
    27. 72
      posts
    28. 173
      posts
    29. 27
      posts
    30. 25
      posts
    31. 253
      posts
    32. TELEGRAM NINJA CURSOS ACESSE AGORA   (425 visitas a este link)

      Telegram Atualizações Novos cursos

      Você já entrou no nosso grupo do Telegram?

      Atualizações rápidas, novos cursos e conteúdos selecionados direto no seu celular — sem precisar ficar procurando.

      Avisos em primeira mão 📚 Novos cursos 🔔 Conteúdo direto
      📲 Entrar no grupo do Telegram Silencioso. Sem spam.
    33. NINJA CURSOS ACESSE AGORA   (460 visitas a este link)

      Cursos Atualizados Destaque

      Acesse agora o Ninja Cursos

      Tenha milhares de cursos sempre atualizados, com conteúdo novo chegando todos os dias.

      🕒 Atualiza diariamente Acesso imediato 📚 Diversas áreas
      🚀 Acessar agora Conteúdo direto, sem enrolação.
  • Staff Online

  • Novos Membros

  • Total Time Spent Online

  • ULTIMOS CURSOS

  • Mais Contribuições

  • Mais Reputados

  • Estatísticas dos Fóruns

    • Tópicos
      6.4k
    • Posts
      7.4k
  • Conquistas Recentes

    • thiago8sul ganhou um emblema
      Primeiro Post
    • mhosfdesign ganhou um emblema
      Reagindo bem
    • griss ganhou um emblema
      Reagindo bem
    • Marcelo ganhou um emblema
      Membro a um Mês
    • Marcelo ganhou um emblema
      Primeira semana concluída
  • Posts

    • AUTOMÁTICO Olá, meu nome é Sophia 👋 Guilherme99, 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. 🆔 2496 • 📅 07/29/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; }
    • 📚🧠 Trivium: Introdução ao Conhecimento – Alysson Leandro Quer desenvolver uma base sólida de pensamento crítico, comunicação e raciocínio lógico? O curso Trivium: Introdução ao Conhecimento – Alysson Leandro apresenta os fundamentos do Trivium, um modelo clássico de aprendizagem que busca fortalecer a capacidade de compreender, analisar e expressar ideias com mais clareza e profundidade. 💡 O que você vai aprender: ✅ Os princípios fundamentais do Trivium e sua importância na formação intelectual ✅ Como desenvolver pensamento crítico e capacidade analítica ✅ Técnicas para aprimorar a lógica e a construção de argumentos ✅ Estratégias para melhorar a comunicação oral e escrita ✅ Métodos para organizar ideias e facilitar o processo de aprendizagem ✅ A relação entre conhecimento, linguagem e raciocínio ✅ Como aplicar os conceitos do Trivium nos estudos e na vida profissional ✅ Boas práticas para construir uma aprendizagem mais estruturada e consciente 🎯 Indicado para: 👉 Estudantes de qualquer área do conhecimento 👉 Professores e educadores 👉 Profissionais que desejam aprimorar a comunicação e o pensamento crítico 👉 Pessoas interessadas em filosofia, lógica e educação 👉 Quem busca desenvolver habilidades intelectuais e aprender de forma mais eficiente Com Trivium: Introdução ao Conhecimento – Alysson Leandro, você fortalece sua capacidade de aprender, organizar ideias e compreender diferentes áreas do conhecimento, construindo uma base intelectual sólida para os desafios acadêmicos, profissionais e pessoais. Tamanho: 31.8 gb Duração: 18h 34min   /* 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
    • 💻⚙️ Pack Back-end – TreinaWeb Quer se tornar um desenvolvedor Back-end e aprender as principais tecnologias utilizadas na construção de sistemas modernos? O Pack Back-end – TreinaWeb reúne uma trilha completa para quem deseja desenvolver aplicações robustas, APIs, bancos de dados e arquiteturas escaláveis, adquirindo uma base sólida para atuar no mercado de tecnologia. 💡 O que você vai aprender: ✅ Fundamentos do desenvolvimento Back-end e arquitetura de sistemas ✅ Criação de APIs REST e integração entre aplicações ✅ Modelagem e manipulação de bancos de dados relacionais e NoSQL ✅ Autenticação, autorização e boas práticas de segurança ✅ Organização de projetos utilizando padrões de arquitetura ✅ Versionamento de código com Git e fluxo de desenvolvimento colaborativo ✅ Técnicas para otimizar desempenho, manutenção e escalabilidade ✅ Boas práticas para desenvolver aplicações profissionais e preparadas para produção 🎯 Indicado para: 👉 Iniciantes que desejam ingressar no desenvolvimento Back-end 👉 Desenvolvedores que buscam ampliar seus conhecimentos 👉 Estudantes de Programação e Tecnologia da Informação 👉 Desenvolvedores Full Stack que desejam fortalecer o Back-end 👉 Profissionais que querem atuar no mercado de desenvolvimento de software Com Pack Back-end – TreinaWeb, você desenvolve uma formação sólida em desenvolvimento Back-end, aprende conceitos essenciais utilizados em projetos reais e amplia suas competências para criar aplicações modernas com mais qualidade e eficiência. Tamanho: 58.2 gb Duração: 471h 36min   /* 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 👋 thiago8sul, 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. 🆔 2495 • 📅 07/29/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; }
  • Atualizações Recentes de Status