Fóruns

AUTOMÁTICO Olá, meu nome é Sophia 👋 joaomanoels, 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. 🆔 3103 • 📅 09/13/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 👋 ybrunomendes, 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. 🆔 3102 • 📅 09/13/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; }

🎻🎶 Violino Didático Plus – Jean de Oliveira Quer aprender a tocar violino de forma estruturada e didática, desenvolvendo técnica, percepção musical e maior domínio do instrumento? O curso Violino Didático Plus – Jean de Oliveira é ideal para quem deseja construir uma base sólida no violino, compreender os principais fundamentos musicais e evoluir gradualmente através de estudos e exercícios práticos. 💡 O que você vai aprender: ✅ Fundamentos essenciais para começar a tocar violino ✅ Postura correta e posicionamento adequado do instrumento ✅ Como trabalhar arco, afinação e produção de uma sonoridade mais limpa ✅ Técnicas para desenvolver coordenação e precisão das mãos ✅ Exercícios para aprimorar ritmo, percepção e leitura musical ✅ Como executar escalas, notas e diferentes padrões no instrumento ✅ Aplicação das técnicas através de músicas e exercícios práticos ✅ Como organizar seus estudos para evoluir com mais consistência 🎯 Indicado para: 👉 Iniciantes que desejam aprender violino 👉 Estudantes que querem fortalecer seus fundamentos no instrumento 👉 Músicos interessados em aprimorar técnica e percepção musical 👉 Pessoas que desejam desenvolver leitura, afinação e coordenação 👉 Quem busca aprender violino através de uma metodologia mais organizada Com Violino Didático Plus – Jean de Oliveira, você desenvolve seus conhecimentos no instrumento, aprimora suas habilidades técnicas e fortalece sua musicalidade para tocar violino com mais confiança, precisão e expressão. Tamanho: 7.5 gb Duração: 21h 42min   /* 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

🥧✨ Tortas Clássicas e Contemporâneas – Carole Crema Quer aprender a preparar tortas clássicas e contemporâneas, explorando técnicas de confeitaria, combinações de sabores e diferentes formas de apresentação? O curso Tortas Clássicas e Contemporâneas – Carole Crema é ideal para quem deseja aprimorar suas habilidades na cozinha, compreender melhor os processos da confeitaria e produzir tortas com mais técnica, equilíbrio e personalidade. 💡 O que você vai aprender: ✅ Fundamentos essenciais para o preparo de diferentes tipos de tortas ✅ Técnicas para trabalhar massas, bases e diferentes texturas ✅ Como preparar recheios, cremes e outros elementos da confeitaria ✅ Combinações de sabores para criar sobremesas mais equilibradas ✅ Técnicas de montagem e estruturação das tortas ✅ Como trabalhar acabamento, decoração e apresentação ✅ Cuidados importantes durante o preparo para alcançar melhores resultados ✅ Como unir referências clássicas e contemporâneas em suas criações 🎯 Indicado para: 👉 Iniciantes que desejam aprender mais sobre confeitaria 👉 Confeiteiros que querem ampliar seu repertório de tortas 👉 Profissionais de gastronomia interessados em novas técnicas 👉 Pessoas apaixonadas por doces e sobremesas 👉 Quem deseja produzir tortas para consumo próprio, eventos ou venda Com Tortas Clássicas e Contemporâneas – Carole Crema, você amplia seu repertório na confeitaria, desenvolve novas técnicas e aprende a criar tortas com mais qualidade, criatividade e atenção aos detalhes. Tamanho: 8.6 gb Duração: 7h 44min   /* 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 👋 feliper297, 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. 🆔 3101 • 📅 09/13/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; }