Fóruns

☁️🚀 Aplicações Serverless na AWS – Erick Wendel Quer aprender a desenvolver aplicações serverless na AWS utilizando uma arquitetura moderna, escalável e eficiente? O curso Aplicações Serverless na AWS – Erick Wendel é ideal para desenvolvedores que desejam criar soluções em nuvem aproveitando os serviços gerenciados da Amazon Web Services e as melhores práticas do mercado. 💡 O que você vai aprender: ✅ Fundamentos de arquitetura Serverless e computação em nuvem ✅ Como utilizar os principais serviços da AWS para aplicações Serverless ✅ Desenvolvimento de APIs e funções utilizando AWS Lambda ✅ Integração com serviços como API Gateway, DynamoDB, S3 e EventBridge ✅ Boas práticas de segurança, monitoramento e gerenciamento de aplicações ✅ Estratégias para escalabilidade, alta disponibilidade e otimização de custos ✅ Técnicas de implantação, versionamento e automação de aplicações ✅ Como projetar soluções modernas seguindo arquiteturas orientadas a eventos 🎯 Indicado para: 👉 Desenvolvedores Back-end e Full Stack 👉 Engenheiros de Software e Cloud 👉 Profissionais que desejam aprender AWS Serverless 👉 Estudantes de tecnologia interessados em computação em nuvem 👉 Quem busca desenvolver aplicações modernas e escaláveis Com Aplicações Serverless na AWS – Erick Wendel, você fortalece seus conhecimentos em desenvolvimento cloud, aprende a utilizar serviços gerenciados da AWS e evolui na criação de aplicações modernas, seguras e escaláveis para o mercado de tecnologia. Tamanho: 5.0 gb Duração: 9h 42m   /* 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

🧪💻 Engenheiro de Qualidade de Software – EBAC Quer aprender a garantir a qualidade de aplicações e sistemas utilizando boas práticas de testes e automação? O curso Engenheiro de Qualidade de Software – EBAC é ideal para quem deseja atuar na área de Quality Assurance (QA), desenvolvendo habilidades para identificar falhas, validar funcionalidades e contribuir para a entrega de softwares mais confiáveis. 💡 O que você vai aprender: ✅ Fundamentos de Quality Assurance (QA) e testes de software ✅ Planejamento, documentação e execução de casos de teste ✅ Técnicas de testes manuais e automatizados ✅ Noções de testes funcionais, de integração, regressão e desempenho ✅ Ferramentas utilizadas no mercado para automação de testes ✅ Boas práticas para identificação, registro e acompanhamento de bugs ✅ Integração dos testes ao processo de desenvolvimento e entrega contínua ✅ Como aplicar metodologias ágeis e padrões de qualidade em projetos de software 🎯 Indicado para: 👉 Iniciantes que desejam ingressar na área de QA 👉 Desenvolvedores que buscam ampliar conhecimentos em testes 👉 Analistas de sistemas e profissionais de tecnologia 👉 Estudantes de TI interessados em qualidade de software 👉 Quem deseja construir uma carreira em Engenharia de Qualidade de Software Com Engenheiro de Qualidade de Software – EBAC, você desenvolve uma base sólida em testes e qualidade, aprende práticas amplamente utilizadas pelo mercado e evolui com mais confiança para atuar em projetos de tecnologia com excelência. Tamanho: 12.0 gb Duração: 37h 19min   /* 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 👋 luiskalsing1, 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. 🆔 2457 • 📅 07/25/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; }

AUTOMÁTICO Olá, meu nome é Sophia 👋 fukusa, 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. 🆔 2456 • 📅 07/25/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; }

AUTOMÁTICO Olá, meu nome é Sophia 👋 amsbrasil, 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. 🆔 2455 • 📅 07/24/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; }