Help
RSS
API
Feed
Maltego
Contact
Domain > raspamoneyy.online
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-09-19
148.135.128.233
(
ClassC
)
2025-11-17
147.79.120.3
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Mon, 17 Nov 2025 20:12:37 GMTContent-Type: text/htmlContent-Length: 795Connection: keep-aliveLocation: https://raspamoneyy.online/platform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requestsServer: hcdnalt-svc: h3:443; ma86400x-hcdn-request-id: fc807b3b790cf93edbe62b4b68a05f65-phx-edge8x-hcdn-cache-status: MISSx-hcdn-upstream-rt: 0.318 !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Mon, 17 Nov 2025 20:12:38 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveVary: Accept-EncodingX-Powered-By: PHP/8.1.33set-cookie: PHPSESSIDs2kgb0upkdap7a1jpa70458lan; path/; secureExpires: Thu, 19 Nov 1981 08:52:00 GMTCache-Control: no-store, no-cache, must-revalidatePragma: no-cacheplatform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requestsServer: hcdnalt-svc: h3:443; ma86400x-hcdn-request-id: 181d7007ef28b004cc1d81bb62b6d8d1-phx-edge5x-hcdn-cache-status: DYNAMICx-hcdn-upstream-rt: 0.586 !DOCTYPE html>html langpt-BR>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>Raspadinha PIX - Raspadinhas Online/title> meta namedescription contentRaspe e ganhe prêmios incríveis! PIX na conta instantâneo.> !-- Preload Critical Resources --> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;500;600;700;800;900&displayswap relstylesheet> !-- Styles --> link relstylesheet hrefassets/style/globalStyles.css?v1763410358/> !-- Bootstrap Icons --> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css> !-- Scripts --> script srchttps://cdn.jsdelivr.net/npm/@tailwindcss/browser@4>/script> script srchttps://cdn.jsdelivr.net/npm/notiflix@3.2.8/dist/notiflix-aio-3.2.8.min.js>/script> link hrefhttps://cdn.jsdelivr.net/npm/notiflix@3.2.8/src/notiflix.min.css relstylesheet> !-- Favicon --> link relicon typeimage/x-icon hrefassets/images/favicon.ico> !-- Open Graph --> meta propertyog:title contentRaspadinha PIX - Raspadinhas Online> meta propertyog:description contentRaspe e ganhe prêmios incríveis! PIX na conta instantâneo.> meta propertyog:type contentwebsite> meta propertyog:url contenthttps://raspamoneyy.online> style> /* Loading Animation */ /* Solução definitiva para loading spinner fixo */ .loading-screen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #0a0a0a; z-index: 9999; transition: opacity 0.5s ease; /* Centralização perfeita */ display: grid; place-items: center; } .loading-spinner { width: 50px; height: 50px; position: relative; /* Remove todas as propriedades de borda do elemento principal */ } .loading-spinner::before { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid rgba(var(--color-primary-rgb, 34, 197, 94), 0.3); border-top-color: var(--color-primary, #22c55e); border-radius: 50%; /* Chaves para rotação sem movimento */ transform-origin: 50% 50%; /* Centro exato */ animation: spinFixed 1s linear infinite; /* Força o elemento a manter posição */ margin: 0; padding: 0; box-sizing: border-box; } @keyframes spinFixed { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Alternativa ainda mais simples usando apenas border-image */ .loading-spinner-simple { width: 50px; height: 50px; border-radius: 50%; background: conic-gradient(var(--color-primary, #22c55e), rgba(var(--color-primary-rgb, 34, 197, 94), 0.3)); animation: rotateSimple 1s linear infinite; position: relative; /* Máscara para criar o efeito de spinner */ mask: radial-gradient(circle at center, transparent 18px, black 21px); -webkit-mask: radial-gradient(circle at center, transparent 18px, black 21px); } @keyframes rotateSimple { to { transform: rotate(360deg); } } /* Versão com CSS puro - mais moderna */ .loading-spinner-modern { width: 50px; height: 50px; background: conic-gradient(from 0deg, transparent, var(--color-primary, #22c55e), transparent), conic-gradient(from 180deg, transparent, rgba(var(--color-primary-rgb, 34, 197, 94), 0.3), transparent); border-radius: 50%; animation: rotateModern 1s linear infinite; position: relative; /* Efeito de máscara para criar o anel */ mask: radial-gradient(circle, transparent 17px, black 20px); -webkit-mask: radial-gradient(circle, transparent 17px, black 20px); } @keyframes rotateModern { 100% { transform: rotate(360deg); } } .hidden { opacity: 0; pointer-events: none; } /* Reset completo para garantir que não há interferências */ .loading-screen * { box-sizing: border-box; margin: 0; padding: 0; } /* Smooth scroll */ html { scroll-behavior: smooth; } /* Parallax effect */ .parallax-element { transform: translateZ(0); will-change: transform; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; } /* Floating elements animation */ .floating { animation: floating 3s ease-in-out infinite; } @keyframes floating { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* Glowing effect */ .glow { box-shadow: 0 0 20px rgba(34, 197, 94, 0.3); } .glow:hover { box-shadow: 0 0 30px rgba(34, 197, 94, 0.5); } /style> style iddynamic-theme>:root { --color-primary: #1932F0; --color-primary-rgb: 25, 50, 240; --color-secondary: #1932F0; --color-secondary-rgb: 25, 50, 240; --color-background: #000a15; --color-background-rgb: 0, 10, 21; --color-surface: #000a15; --color-surface-rgb: 0, 10, 21; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-on-secondary: #ffffff; --color-on-secondary-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-surface: #ffffff; --color-on-surface-rgb: 255, 255, 255; --color-text-primary: #FFFFFF; --color-text-primary-rgb: 255, 255, 255; --color-text-secondary: #D1D5DB; --color-text-secondary-rgb: 209, 213, 219; --color-accent: #FBBF24; --color-accent-rgb: 251, 191, 36; --color-success: #00FF33; --color-success-rgb: 0, 255, 51; --color-warning: #F59E0B; --color-warning-rgb: 245, 158, 11; --color-error: #EF4444; --color-error-rgb: 239, 68, 68;}/* TEMA DINÂMICO - APLICAÇÃO DAS CORES *//* Cores principais */.bg-primary { background-color: var(--color-primary) !important; }.bg-secondary { background-color: var(--color-secondary) !important; }.bg-surface { background-color: var(--color-surface) !important; }.text-primary-theme { color: var(--color-text-primary) !important; }.text-secondary-theme { color: var(--color-text-secondary) !important; }/* Botões */.btn-primary-theme { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary);}.btn-primary-theme:hover { background-color: rgba(var(--color-primary-rgb), 0.9); border-color: rgba(var(--color-primary-rgb), 0.9);}/* Cards das raspadinhas */.raspinha-card { background: linear-gradient(135deg, var(--color-surface), rgba(var(--color-primary-rgb), 0.1)); border: 1px solid rgba(var(--color-primary-rgb), 0.3); color: var(--color-text-primary);}.card-title { color: var(--color-text-primary);}.card-description { color: var(--color-text-secondary);}.card-subtitle { color: var(--color-accent);}.play-btn { background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.8)); color: var(--color-on-primary); border: 1px solid rgba(var(--color-primary-rgb), 0.5);}.play-btn:hover { background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.9), var(--color-primary)); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(var(--color-primary-rgb), 0.4);}.view-prizes-btn { background: rgba(var(--color-surface-rgb), 0.8); color: var(--color-accent); border: 1px solid rgba(var(--color-accent-rgb), 0.3);}.view-prizes-btn:hover { background: rgba(var(--color-accent-rgb), 0.1); border-color: var(--color-accent);}/* Header/Navegação */.navbar { background-color: var(--color-surface) !important; border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.2);}.navbar-brand { color: var(--color-primary) !important;}.nav-link { color: var(--color-text-primary) !important;}.nav-link:hover { color: var(--color-primary) !important;}/* Footer */.footer { background-color: var(--color-surface); color: var(--color-text-secondary); border-top: 1px solid rgba(var(--color-primary-rgb), 0.2);}/* Badges de persuasão */.persuasion-badge { background: linear-gradient(135deg, var(--color-accent), rgba(var(--color-accent-rgb), 0.8)); color: var(--color-on-primary); border: 1px solid rgba(var(--color-accent-rgb), 0.5);}/* Estados */.alert-success { background-color: rgba(var(--color-success-rgb), 0.1); border-color: var(--color-success); color: var(--color-success);}.alert-warning { background-color: rgba(var(--color-warning-rgb), 0.1); border-color: var(--color-warning); color: var(--color-warning);}.alert-danger { background-color: rgba(var(--color-error-rgb), 0.1); border-color: var(--color-error); color: var(--color-error);}/* Formulários */.form-control { background-color: rgba(var(--color-surface-rgb), 0.8); border-color: rgba(var(--color-primary-rgb), 0.3); color: var(--color-text-primary);}.form-control:focus { background-color: var(--color-surface); border-color: var(--color-primary); box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25); color: var(--color-text-primary);}/* Modais */.modal-content { background-color: var(--color-surface); color: var(--color-text-primary); border: 1px solid rgba(var(--color-primary-rgb), 0.3);}.modal-header { border-bottom-color: rgba(var(--color-primary-rgb), 0.2);}.modal-footer { border-top-color: rgba(var(--color-primary-rgb), 0.2);}/* Responsivo */@media (max-width: 768px) { .raspinha-card { border-width: 1px; } .play-btn { font-size: 0.9rem; padding: 12px 20px; }}/style>meta nametheme-color content#1932F0>/head>body> !-- Loading Screen --> div classloading-screen idloadingScreen> div classloading-spinner>/div> /div> !-- Bootstrap Icons -->link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css>style iddynamic-theme>:root { --color-primary: #1932F0; --color-primary-rgb: 25, 50, 240; --color-secondary: #1932F0; --color-secondary-rgb: 25, 50, 240; --color-background: #000a15; --color-background-rgb: 0, 10, 21; --color-surface: #000a15; --color-surface-rgb: 0, 10, 21; --color-on-primary: #ffffff; --color-on-primary-rgb: 255, 255, 255; --color-on-secondary: #ffffff; --color-on-secondary-rgb: 255, 255, 255; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-surface: #ffffff; --color-on-surface-rgb: 255, 255, 255; --color-text-primary: #FFFFFF; --color-text-primary-rgb: 255, 255, 255; --color-text-secondary: #D1D5DB; --color-text-secondary-rgb: 209, 213, 219; --color-accent: #FBBF24; --color-accent-rgb: 251, 191, 36; --color-success: #00FF33; --color-success-rgb: 0, 255, 51; --color-warning: #F59E0B; --color-warning-rgb: 245, 158, 11; --color-error: #EF4444; --color-error-rgb: 239, 68, 68;}/* TEMA DINÂMICO - APLICAÇÃO DAS CORES *//* Cores principais */.bg-primary { background-color: var(--color-primary) !important; }.bg-secondary { background-color: var(--color-secondary) !important; }.bg-surface { background-color: var(--color-surface) !important; }.text-primary-theme { color: var(--color-text-primary) !important; }.text-secondary-theme { color: var(--color-text-secondary) !important; }/* Botões */.btn-primary-theme { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary);}.btn-primary-theme:hover { background-color: rgba(var(--color-primary-rgb), 0.9); border-color: rgba(var(--color-primary-rgb), 0.9);}/* Cards das raspadinhas */.raspinha-card { background: linear-gradient(135deg, var(--color-surface), rgba(var(--color-primary-rgb), 0.1)); border: 1px solid rgba(var(--color-primary-rgb), 0.3); color: var(--color-text-primary);}.card-title { color: var(--color-text-primary);}.card-description { color: var(--color-text-secondary);}.card-subtitle { color: var(--color-accent);}.play-btn { background: linear-gradient(135deg, var(--color-primary), rgba(var(--color-primary-rgb), 0.8)); color: var(--color-on-primary); border: 1px solid rgba(var(--color-primary-rgb), 0.5);}.play-btn:hover { background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.9), var(--color-primary)); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(var(--color-primary-rgb), 0.4);}.view-prizes-btn { background: rgba(var(--color-surface-rgb), 0.8); color: var(--color-accent); border: 1px solid rgba(var(--color-accent-rgb), 0.3);}.view-prizes-btn:hover { background: rgba(var(--color-accent-rgb), 0.1); border-color: var(--color-accent);}/* Header/Navegação */.navbar { background-color: var(--color-surface) !important; border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.2);}.navbar-brand { color: var(--color-primary) !important;}.nav-link { color: var(--color-text-primary) !important;}.nav-link:hover { color: var(--color-primary) !important;}/* Footer */.footer { background-color: var(--color-surface); color: var(--color-text-secondary); border-top: 1px solid rgba(var(--color-primary-rgb), 0.2);}/* Badges de persuasão */.persuasion-badge { background: linear-gradient(135deg, var(--color-accent), rgba(var(--color-accent-rgb), 0.8)); color: var(--color-on-primary); border: 1px solid rgba(var(--color-accent-rgb), 0.5);}/* Estados */.alert-success { background-color: rgba(var(--color-success-rgb), 0.1); border-color: var(--color-success); color: var(--color-success);}.alert-warning { background-color: rgba(var(--color-warning-rgb), 0.1); border-color: var(--color-warning); color: var(--color-warning);}.alert-danger { background-color: rgba(var(--color-error-rgb), 0.1); border-color: var(--color-error); color: var(--color-error);}/* Formulários */.form-control { background-color: rgba(var(--color-surface-rgb), 0.8); border-color: rgba(var(--color-primary-rgb), 0.3); color: var(--color-text-primary);}.form-control:focus { background-color: var(--color-surface); border-color: var(--color-primary); box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25); color: var(--color-text-primary);}/* Modais */.modal-content { background-color: var(--color-surface); color: var(--color-text-primary); border: 1px solid rgba(var(--color-primary-rgb), 0.3);}.modal-header { border-bottom-color: rgba(var(--color-primary-rgb), 0.2);}.modal-footer { border-top-color: rgba(var(--color-primary-rgb), 0.2);}/* Responsivo */@media (max-width: 768px) { .raspinha-card { border-width: 1px; } .play-btn { font-size: 0.9rem; padding: 12px 20px; }}/style>meta nametheme-color content#1932F0>!-- App Download Banner (optional - like BetSpy) -->div classapp-download-banner idappBanner styledisplay: none;> i classbi bi-download>/i> span>Baixe nosso app e ganhe muitos pontos!/span> button classdownload-btn onclickopenInstallModal()> Baixar /button> button classclose-banner onclickcloseBanner()> i classbi bi-x>/i> /button>/div>header classheader> div classheader-container> !-- Logo --> a href/ classlogo> img src/assets/upload/68cae24c95b2d.jpg altRaspadinha PIX classlogo-image> /a> !-- Mobile Menu Button --> div classmobile-menu-btn> i idmenuBtn classbi bi-list>/i> /div> !-- Navigation --> nav> ul classnav-menu> li>a href/ classnav-link>Início/a>/li> li>a href/cartelas classnav-link>Raspadinhas/a>/li> !-- li>a href/bingo classnav-link>Bingo/a>/li> --> /ul> /nav> !-- Header Actions --> div classheader-actions> !-- Not Logged In --> a href/login classbtn-login> i classbi bi-person>/i> span classlogin-text>Entrar/span> /a> a href/cadastro classbtn-register> i classbi bi-dice-3-fill>/i> Registrar /a> /div> /div>/header>!-- Mobile Sidebar -->aside idsidebar classmobile-sidebar> div classsidebar-header> div classsidebar-logo> img src/assets/upload/68cae24c95b2d.jpg altRaspadinha PIX classsidebar-logo-image> /div> button idcloseSidebar classclose-btn> i classbi bi-x>/i> /button> /div> nav classsidebar-nav> a href/ classsidebar-item> i classbi bi-house>/i> span>Início/span> /a> a href/cartelas classsidebar-item> i classbi bi-grid-3x3-gap>/i> span>Raspadinhas/span> /a> !-- a href/bingo classsidebar-item> i classbi bi-grid>/i> span>Bingo/span> /a> --> div classsidebar-divider>/div> a hrefhttps://t.me/ target_blank classsidebar-item> i classbi bi-telegram>/i> span>Suporte/span> /a> /nav>/aside>!-- Mobile Backdrop -->div idbackdrop classmobile-backdrop>/div>!-- Bottom Navigation (NEW) -->nav classbottom-navigation> div classbottom-nav-container> !-- Not Logged In --> a href/ classbottom-nav-item active> i classbi bi-house-fill>/i> span>Início/span> /a> a href/cartelas classbottom-nav-item> i classbi bi-grid-3x3-gap-fill>/i> span>Jogar/span> /a> a href/login classbottom-nav-item> i classbi bi-person-fill>/i> span>Entrar/span> /a> a href/cadastro classbottom-nav-item register-btn> i classbi bi-dice-3-fill>/i> span>Registrar/span> /a> /div>/nav>!-- Install App Modal -->div idinstallModal classinstall-modal> div classinstall-modal-content> div classinstall-modal-header> div classinstall-modal-icon> i classbi bi-phone>/i> /div> h2>Instale Nosso App/h2> button classinstall-modal-close onclickcloseInstallModal()> i classbi bi-x>/i> /button> /div> div classinstall-benefits> div classbenefits-title> i classbi bi-gift>/i> span>Vantagens do App/span> /div> div classbenefits-list> div classbenefit-item> i classbi bi-check-circle>/i> span>Acesso rápido direto da tela inicial/span> /div> div classbenefit-item> i classbi bi-check-circle>/i> span>Notificações de promoções exclusivas/span> /div> div classbenefit-item> i classbi bi-check-circle>/i> span>Experiência mais fluida e rápida/span> /div> div classbenefit-item> i classbi bi-check-circle>/i> span>Funciona mesmo offline/span> /div> div classbenefit-item> i classbi bi-check-circle>/i> span>Design otimizado para mobile/span> /div> /div> /div> div classinstall-instructions> div classplatform-tabs> button classplatform-tab active data-platformios> i classbi bi-apple>/i> iOS (iPhone/iPad) /button> button classplatform-tab data-platformandroid> i classbi bi-android2>/i> Android /button> /div> div classplatform-content active data-platformios> div classinstruction-step> div classstep-number>1/div> div classstep-content> h4>Abra no Safari/h4> p>Este site deve ser aberto no navegador Safari/p> /div> /div> div classinstruction-step> div classstep-number>2/div> div classstep-content> h4>Toque no botão Compartilhar/h4> p>i classbi bi-share>/i> Na barra inferior do Safari/p> /div> /div> div classinstruction-step> div classstep-number>3/div> div classstep-content> h4>Selecione Adicionar à Tela de Início/h4> p>i classbi bi-plus-square>/i> Role para baixo se necessário/p> /div> /div> div classinstruction-step> div classstep-number>4/div> div classstep-content> h4>Confirme tocando em Adicionar/h4> p>O app aparecerá na sua tela inicial/p> /div> /div> /div> div classplatform-content data-platformandroid> div classinstruction-step> div classstep-number>1/div> div classstep-content> h4>Abra no Chrome/h4> p>Recomendamos usar o Google Chrome/p> /div> /div> div classinstruction-step> div classstep-number>2/div> div classstep-content> h4>Toque no menu (3 pontos)/h4> p>i classbi bi-three-dots-vertical>/i> No canto superior direito/p> /div> /div> div classinstruction-step> div classstep-number>3/div> div classstep-content> h4>Selecione Instalar app ou Adicionar à tela inicial/h4> p>i classbi bi-house-add>/i> Pode aparecer automaticamente uma notificação/p> /div> /div> div classinstruction-step> div classstep-number>4/div> div classstep-content> h4>Confirme a instalação/h4> p>O app será adicionado ao seu dispositivo/p> /div> /div> /div> div classdesktop-note> div classplatform-tab> i classbi bi-display>/i> Desktop /div> p>No desktop, procure pelo ícone de instalação na barra de endereço do seu navegador ou um banner de instalação aparecerá automaticamente./p> /div> /div> div classinstall-modal-footer> button classinstall-understand-btn onclickcloseInstallModal()> Entendi, obrigado! /button> /div> /div>/div>style>/* Header Styles */.header { background: rgba(0, 0, 0, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.05); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 1rem 0;}.header-container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; display: flex; align-items: center; justify-content: space-between;}/* Logo Styles - Apenas logo, sem texto */.logo { display: flex; align-items: center; text-decoration: none; transition: all 0.3s ease;}.logo:hover { transform: scale(1.05);}.logo-image { height: 45px; width: auto; max-width: 200px; object-fit: contain; transition: all 0.3s ease;}.logo-image:hover { transform: scale(1.02);}.logo-icon { width: 45px; height: 45px; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; color: var(--color-text-primary); font-weight: 800; box-shadow: 0 8px 20px rgba(var(--color-primary-rgb), 0.3), 0 4px 8px rgba(0, 0, 0, 0.2); transition: all 0.3s ease;}.logo-icon:hover { box-shadow: 0 12px 30px rgba(var(--color-primary-rgb), 0.4), 0 6px 12px rgba(0, 0, 0, 0.3); transform: translateY(-1px);}/* Sidebar Logo Styles - Apenas logo, sem texto */.sidebar-logo { display: flex; align-items: center; justify-content: center;}.sidebar-logo-image { height: 40px; width: auto; max-width: 150px; object-fit: contain;}.sidebar-logo-icon { width: 40px; height: 40px; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--color-text-primary); font-weight: 800; box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.3);}/* App Download Banner */.app-download-banner { background: linear-gradient(135deg, var(--color-primary, var(--color-primary)), var(--color-primary-dark, var(--color-secondary))); color: var(--color-on-primary, var(--color-text-primary)); padding: 0.6rem 1rem; font-size: 0.85rem; font-weight: 600; text-align: center; position: fixed; top: 0; left: 0; right: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; gap: 0.75rem; transition: all 0.3s ease; border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.app-download-banner i { font-size: 1rem;}.download-btn { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(var(--color-text-primary-rgb), 0.3); color: var(--color-text-primary); padding: 0.4rem 1rem; border-radius: 20px; font-size: 0.8rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; margin-left: 0.5rem;}.download-btn:hover { background: rgba(0, 0, 0, 0.3); transform: translateY(-1px);}.close-banner { position: absolute; right: 1rem; background: none; border: none; color: var(--color-text-primary); font-size: 1.2rem; cursor: pointer; opacity: 0.8; transition: opacity 0.3s ease; padding: 0.25rem; border-radius: 4px;}.close-banner:hover { opacity: 1; background: rgba(var(--color-text-primary-rgb), 0.1);}/* Header position adjustments */.header { top: 0; position: fixed; background: rgba(0, 0, 0, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.05); left: 0; right: 0; z-index: 1000; padding: 1rem 0; transition: top 0.3s ease;}.header.with-banner { top: 45px;}/* Install Modal Styles */.install-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 2000; padding: 1rem;}.install-modal.active { display: flex;}.install-modal-content { background: linear-gradient(145deg, #1a1a1a 0%, #2a2a2a 100%); border: 1px solid rgba(var(--color-primary-rgb), 0.3); border-radius: 20px; max-width: 500px; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);}.install-modal-header { padding: 2rem 2rem 1rem; text-align: center; position: relative; border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.1);}.install-modal-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-size: 1.8rem; color: var(--color-text-primary); box-shadow: 0 8px 20px rgba(var(--color-primary-rgb), 0.3);}.install-modal-header h2 { color: var(--color-text-primary); font-size: 1.5rem; font-weight: 700; margin: 0;}.install-modal-close { position: absolute; top: 1rem; right: 1rem; background: none; border: none; color: var(--color-text-secondary); font-size: 1.5rem; cursor: pointer; transition: color 0.3s ease; padding: 0.5rem; border-radius: 8px;}.install-modal-close:hover { color: var(--color-text-primary); background: rgba(var(--color-text-primary-rgb), 0.1);}.install-benefits { padding: 1.5rem 2rem; border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.1);}.benefits-title { display: flex; align-items: center; gap: 0.5rem; color: var(--color-primary); font-weight: 600; margin-bottom: 1rem; font-size: 1.1rem;}.benefits-title i { font-size: 1.2rem;}.benefits-list { display: grid; gap: 0.75rem;}.benefit-item { display: flex; align-items: center; gap: 0.75rem; color: #e5e7eb; font-size: 0.9rem;}.benefit-item i { color: var(--color-primary); font-size: 1rem; flex-shrink: 0;}.install-instructions { padding: 1.5rem 2rem;}.platform-tabs { display: flex; gap: 0.5rem; margin-bottom: 1.5rem;}.platform-tab { flex: 1; background: rgba(var(--color-text-primary-rgb), 0.05); border: 1px solid rgba(var(--color-text-primary-rgb), 0.1); color: var(--color-text-secondary); padding: 0.75rem 1rem; border-radius: 12px; font-size: 0.85rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem;}.platform-tab.active { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); border-color: rgba(var(--color-primary-rgb), 0.5); color: var(--color-text-primary);}.platform-tab:hover:not(.active) { background: rgba(var(--color-text-primary-rgb), 0.08); color: var(--color-text-primary);}.platform-content { display: none;}.platform-content.active { display: block;}.instruction-step { display: flex; gap: 1rem; margin-bottom: 1.5rem; align-items: flex-start;}.step-number { width: 32px; height: 32px; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: var(--color-text-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; flex-shrink: 0;}.step-content h4 { color: var(--color-text-primary); font-size: 1rem; font-weight: 600; margin: 0 0 0.25rem 0;}.step-content p { color: var(--color-text-secondary); font-size: 0.9rem; margin: 0; display: flex; align-items: center; gap: 0.5rem;}.step-content p i { color: var(--color-primary);}.desktop-note { margin-top: 1.5rem; padding: 1rem; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: 12px;}.desktop-note .platform-tab { background: none; border: none; color: #60a5fa; padding: 0; margin-bottom: 0.5rem; justify-content: flex-start; cursor: default;}.desktop-note p { color: #e5e7eb; font-size: 0.9rem; margin: 0; line-height: 1.4;}.install-modal-footer { padding: 1.5rem 2rem 2rem; text-align: center;}.install-understand-btn { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: var(--color-text-primary); border: none; padding: 0.875rem 2rem; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.3);}.install-understand-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(var(--color-primary-rgb), 0.4);}/* Bottom Navigation Styles - NEW */.bottom-navigation { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.98); backdrop-filter: blur(20px); border-top: 1px solid rgba(var(--color-text-primary-rgb), 0.1); padding: 0.5rem 0; z-index: 999; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);}.bottom-nav-container { max-width: 100%; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; padding: 0 1rem;}.bottom-nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.5rem 0.25rem; text-decoration: none; color: var(--color-text-secondary); transition: all 0.3s ease; border-radius: 12px; min-width: 60px; position: relative; background: none; border: none; cursor: pointer; font-family: inherit;}.bottom-nav-item i { font-size: 1.2rem; margin-bottom: 0.25rem; transition: all 0.3s ease;}.bottom-nav-item span { font-size: 0.7rem; font-weight: 500; text-align: center; transition: all 0.3s ease;}.bottom-nav-item:hover { color: var(--color-primary, var(--color-primary)); transform: translateY(-2px);}.bottom-nav-item.active { color: var(--color-primary, var(--color-primary));}.bottom-nav-item.active i { transform: scale(1.1);}/* Special styling for deposit button */.bottom-nav-item.deposit-btn { background: linear-gradient(135deg, var(--color-primary, var(--color-primary)), var(--color-primary-dark, var(--color-secondary))); color: var(--color-on-primary, var(--color-text-primary)); border-radius: 16px; padding: 0.75rem 0.5rem; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb, 34, 197, 94), 0.3); transform: translateY(-4px);}.bottom-nav-item.deposit-btn:hover { background: linear-gradient(135deg, var(--color-primary-dark, var(--color-secondary)), var(--color-primary-darker, var(--color-secondary))); transform: translateY(-6px); box-shadow: 0 6px 20px rgba(var(--color-primary-rgb, 34, 197, 94), 0.4);}.bottom-nav-item.deposit-btn i { font-size: 1.4rem;}.bottom-nav-item.deposit-btn span { font-weight: 600; font-size: 0.75rem;}/* Special styling for register button */.bottom-nav-item.register-btn { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); color: var(--color-text-primary); border-radius: 16px; padding: 0.75rem 0.5rem; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.3);}.bottom-nav-item.register-btn:hover { background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary)); transform: translateY(-4px); box-shadow: 0 6px 20px rgba(var(--color-primary-rgb), 0.4);}.bottom-nav-item.register-btn i { font-size: 1.4rem;}.bottom-nav-item.register-btn span { font-weight: 600; font-size: 0.75rem;}/* Badge for notifications (optional) */.bottom-nav-item::after { content: ; position: absolute; top: 0.25rem; right: 0.25rem; width: 8px; height: 8px; background: var(--color-error); border-radius: 50%; opacity: 0; transition: opacity 0.3s ease;}.bottom-nav-item.has-notification::after { opacity: 1;}/* Mobile banner adjustments */@media (max-width: 768px) { .app-download-banner { padding: 0.5rem 1rem; font-size: 0.8rem; gap: 0.5rem; } .download-btn { padding: 0.3rem 0.8rem; font-size: 0.75rem; } .close-banner { right: 0.75rem; font-size: 1.1rem; } .header.with-banner { top: 40px; } .install-modal-content { margin: 1rem; max-height: 85vh; } .install-modal-header { padding: 1.5rem 1.5rem 1rem; } .install-benefits, .install-instructions, .install-modal-footer { padding-left: 1.5rem; padding-right: 1.5rem; } .platform-tabs { flex-direction: column; } /* Adjust body padding for bottom nav */ body { padding-bottom: 85px !important; }}@media (max-width: 480px) { .app-download-banner { padding: 0.4rem 0.75rem; font-size: 0.75rem; } .app-download-banner span { max-width: calc(100% - 120px); overflow: hidden; text-overflow: ellipsis; var(--color-text-primary)-space: nowrap; } .download-btn { padding: 0.25rem 0.6rem; font-size: 0.7rem; margin-left: 0.25rem; } .close-banner { right: 0.5rem; font-size: 1rem; } .header.with-banner { top: 35px; } .install-modal { padding: 0.5rem; } .install-modal-header { padding: 1rem; } .install-modal-icon { width: 50px; height: 50px; font-size: 1.5rem; } .install-modal-header h2 { font-size: 1.3rem; } .install-benefits, .install-instructions, .install-modal-footer { padding: 1rem; } /* Bottom nav adjustments for very small screens */ .bottom-nav-container { padding: 0 0.5rem; } .bottom-nav-item { min-width: 50px; padding: 0.4rem 0.2rem; } .bottom-nav-item i { font-size: 1.1rem; } .bottom-nav-item span { font-size: 0.65rem; } .bottom-nav-item.deposit-btn i, .bottom-nav-item.register-btn i { font-size: 1.3rem; } .bottom-nav-item.deposit-btn span, .bottom-nav-item.register-btn span { font-size: 0.7rem; } /* Adjust body padding for bottom nav */ body { padding-bottom: 80px !important; }}.mobile-menu-btn { display: none; color: var(--color-text-primary); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; border-radius: 8px; transition: background-color 0.3s ease;}.mobile-menu-btn:hover { background: rgba(var(--color-text-primary-rgb), 0.1);}.nav-menu { display: flex; align-items: center; gap: 2rem; list-style: none;}.nav-link { color: var(--color-text-secondary); text-decoration: none; font-weight: 500; transition: all 0.3s ease; position: relative;}.nav-link:hover { color: var(--color-text-primary);}.nav-link::after { content: ; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--color-primary); transition: width 0.3s ease;}.nav-link:hover::after { width: 100%;}.header-actions { display: flex; align-items: center; gap: 1rem;}.btn-login { color: var(--color-text-secondary); text-decoration: none; font-weight: 500; display: flex; align-items: center; gap: 0.5rem; transition: color 0.3s ease;}.btn-login:hover { color: var(--color-text-primary);}.btn-register { background: var(--color-primary); color: var(--color-text-primary); text-decoration: none; padding: 0.75rem 1.5rem; border-radius: 12px; font-weight: 600; display: flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; border: none; cursor: pointer;}.btn-register:hover { background: var(--color-secondary); transform: translateY(-1px);}.balance-display { background: rgba(var(--color-text-primary-rgb), 0.05); border: 1px solid rgba(var(--color-text-primary-rgb), 0.1); border-radius: 12px; padding: 0.5rem 1rem; display: flex; align-items: center; gap: 0.5rem; color: var(--color-primary, var(--color-primary)); font-weight: 600;}.btn-deposit { background: var(--color-primary, var(--color-primary)); color: var(--color-on-primary, var(--color-text-primary)); border: none; padding: 0.75rem 1.5rem; border-radius: 12px; font-weight: 600; display: flex; align-items: center; gap: 0.5rem; cursor: pointer; transition: all 0.3s ease;}.btn-deposit:hover { background: var(--color-primary-dark, var(--color-secondary)); transform: translateY(-1px);}.user-dropdown { position: relative;}.user-btn { background: rgba(var(--color-text-primary-rgb), 0.05); border: 1px solid rgba(var(--color-text-primary-rgb), 0.1); border-radius: 12px; padding: 0.75rem 1rem; color: var(--color-text-primary); display: flex; align-items: center; gap: 0.5rem; cursor: pointer; transition: all 0.3s ease;}.user-btn:hover { background: rgba(var(--color-text-primary-rgb), 0.08);}.dropdown-arrow { transition: transform 0.3s ease;}.user-dropdown.active .dropdown-arrow { transform: rotate(180deg);}.dropdown-menu { position: absolute; top: calc(100% + 0.5rem); right: 0; min-width: 200px; background: rgba(20, 20, 20, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(var(--color-text-primary-rgb), 0.1); border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 100;}.user-dropdown.active .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0);}.dropdown-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; color: #e5e7eb; text-decoration: none; background: none; border: none; width: 100%; text-align: left; cursor: pointer; transition: all 0.3s ease; font-size: 0.9rem;}.dropdown-item:hover { background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);}.dropdown-item.logout { color: var(--color-error);}.dropdown-item.logout:hover { background: rgba(239, 68, 68, 0.1); color: var(--color-error);}.dropdown-divider { height: 1px; background: rgba(var(--color-text-primary-rgb), 0.1); margin: 0.5rem 0;}/* Mobile Sidebar */.mobile-sidebar { position: fixed; top: 0; left: 0; width: 280px; height: 100vh; background: rgba(15, 15, 15, 0.98); backdrop-filter: blur(20px); border-right: 1px solid rgba(var(--color-text-primary-rgb), 0.1); transform: translateX(-100%); transition: transform 0.3s ease; z-index: 1100; overflow-y: auto;}.mobile-sidebar.active { transform: translateX(0);}.sidebar-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 1rem; border-bottom: 1px solid rgba(var(--color-text-primary-rgb), 0.1);}.close-btn { background: none; border: none; color: var(--color-text-secondary); font-size: 1.5rem; cursor: pointer;}.sidebar-nav { padding: 1rem 0;}.sidebar-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.5rem; color: #e5e7eb; text-decoration: none; background: none; border: none; width: 100%; text-align: left; cursor: pointer; transition: all 0.3s ease;}.sidebar-item:hover { background: rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);}.sidebar-item.logout { color: var(--color-error);}.sidebar-item.logout:hover { background: rgba(239, 68, 68, 0.1);}.sidebar-divider { height: 1px; background: rgba(var(--color-text-primary-rgb), 0.1); margin: 1rem 0;}.mobile-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 1050;}.mobile-backdrop.active { opacity: 1; visibility: visible;}/* Hide bottom navigation on desktop */@media (min-width: 769px) { .bottom-navigation { display: none; }}/* Responsive */@media (max-width: 768px) { .header-container { padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; } .logo { font-size: 1.1rem; flex-shrink: 0; } .logo-image { height: 35px; } .logo-icon { width: 35px; height: 35px; font-size: 1.1rem; } .mobile-menu-btn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--color-text-primary); font-size: 1.3rem; cursor: pointer; border-radius: 8px; transition: background-color 0.3s ease; margin-right: 1rem; flex-shrink: 0; } .mobile-menu-btn:hover { background: rgba(var(--color-text-primary-rgb), 0.1); } .nav-menu { display: none; } .header-actions { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; } .balance-display { padding: 0.5rem 0.75rem; font-size: 0.85rem; min-width: auto; border-radius: 8px; } .btn-deposit { padding: 0.5rem 0.75rem; font-size: 0.85rem; border-radius: 8px; min-width: auto; } .deposit-text { display: none; } .user-btn { padding: 0.5rem 0.75rem; font-size: 0.85rem; border-radius: 8px; min-width: auto; } .user-name { display: none; } .dropdown-arrow { font-size: 0.8rem; } .btn-login { font-size: 0.85rem; padding: 0.5rem; } .login-text { display: none; } .btn-register { padding: 0.5rem 1rem; font-size: 0.85rem; border-radius: 8px; } .dropdown-menu { right: 0; min-width: 180px; margin-top: 0.25rem; } .dropdown-item { padding: 0.6rem 0.8rem; font-size: 0.85rem; }}@media (max-width: 480px) { .header-container { padding: 0 0.75rem; gap: 0.5rem; } .logo-image { height: 32px; } .logo-icon { width: 32px; height: 32px; font-size: 1rem; } .mobile-menu-btn { width: 36px; height: 36px; font-size: 1.2rem; margin-right: 0.75rem; } .header-actions { gap: 0.4rem; } .balance-display { padding: 0.4rem 0.6rem; font-size: 0.8rem; min-width: auto; } .btn-deposit, .user-btn { padding: 0.4rem 0.6rem; font-size: 0.8rem; min-width: 36px; } .btn-register { padding: 0.4rem 0.8rem; font-size: 0.8rem; } .dropdown-arrow { font-size: 0.7rem; } .sidebar-logo-image { height: 35px; } .sidebar-logo-icon { width: 35px; height: 35px; font-size: 1.1rem; }}/style>script>document.addEventListener(DOMContentLoaded, function() { // Check if banner was previously closed const bannerClosed localStorage.getItem(appBannerClosed); const appBanner document.getElementById(appBanner); const header document.querySelector(.header); if (!bannerClosed && appBanner) { appBanner.style.display flex; header.classList.add(with-banner); } else { header.style.top 0; } // Banner close function window.closeBanner function() { appBanner.style.display none; header.classList.remove(with-banner); header.style.top 0; localStorage.setItem(appBannerClosed, true); }; // Install modal functions window.openInstallModal function() { document.getElementById(installModal).classList.add(active); document.body.style.overflow hidden; }; window.closeInstallModal function() { document.getElementById(installModal).classList.remove(active); document.body.style.overflow ; }; // Platform tabs functionality const platformTabs document.querySelectorAll(.platform-tabdata-platform); const platformContents document.querySelectorAll(.platform-contentdata-platform); platformTabs.forEach(tab > { tab.addEventListener(click, () > { const platform tab.dataset.platform; // Remove active class from all tabs and contents platformTabs.forEach(t > t.classList.remove(active)); platformContents.forEach(c > c.classList.remove(active)); // Add active class to clicked tab and corresponding content tab.classList.add(active); document.querySelector(`.platform-contentdata-platform${platform}`).classList.add(active); }); }); // Close modal when clicking outside document.getElementById(installModal).addEventListener(click, function(e) { if (e.target this) { closeInstallModal(); } }); // Mobile menu functionality const menuBtn document.getElementById(menuBtn); const sidebar document.getElementById(sidebar); const backdrop document.getElementById(backdrop); const closeSidebar document.getElementById(closeSidebar); function openSidebar() { sidebar.classList.add(active); backdrop.classList.add(active); document.body.style.overflow hidden; } function closeSidebarFunc() { sidebar.classList.remove(active); backdrop.classList.remove(active); document.body.style.overflow ; } menuBtn?.addEventListener(click, openSidebar); closeSidebar?.addEventListener(click, closeSidebarFunc); backdrop?.addEventListener(click, closeSidebarFunc); // User dropdown functionality const userDropdownBtn document.getElementById(userDropdownBtn); const userDropdown userDropdownBtn?.closest(.user-dropdown); userDropdownBtn?.addEventListener(click, function(e) { e.stopPropagation(); userDropdown.classList.toggle(active); }); document.addEventListener(click, function(e) { if (userDropdown && !userDropdown.contains(e.target)) { userDropdown.classList.remove(active); } }); // Bottom Navigation Active State function setActiveBottomNavItem() { const currentPath window.location.pathname; const bottomNavItems document.querySelectorAll(.bottom-nav-item); bottomNavItems.forEach(item > { item.classList.remove(active); const href item.getAttribute(href); if (href && (href currentPath || (currentPath / && href /))) { item.classList.add(active); } }); } // Set active state on page load setActiveBottomNavItem(); // Update active state when clicking bottom nav items document.querySelectorAll(.bottom-nav-item).forEach(item > { item.addEventListener(click, function() { // Remove active from all items document.querySelectorAll(.bottom-nav-item).forEach(navItem > { navItem.classList.remove(active); }); // Add active to clicked item (if its a link) if (this.getAttribute(href)) { this.classList.add(active); } }); });});/script>!-- Removido disable-devtool para permitir que administradores usem DevTools -->!-- Modais will be included separately --> main> section classhero-section> div classhero-container> div classhero-banner carousel-container> !-- Container dos slides --> div classcarousel-wrapper> div classhero-slide banner-slide active data-slide0 stylebackground-image: url(/assets/banners/banner_68b3db677d2b1.png);> div classbanner-overlay>/div> /div> div classhero-slide banner-slide data-slide1 stylebackground-image: url(/assets/banners/banner_68b3db6e724d4.png);> div classbanner-overlay>/div> /div> div classhero-slide banner-slide data-slide2 stylebackground-image: url(/assets/banners/banner_68b3db7318a06.png);> div classbanner-overlay>/div> /div> /div> !-- NAVEGAÇÃO DO CARROSSEL - ÍCONES CORRIGIDOS --> button classcarousel-nav prev onclickchangeSlide(-1) aria-labelBanner anterior> span classnav-arrow>‹/span> /button> button classcarousel-nav next onclickchangeSlide(1) aria-labelPróximo banner> span classnav-arrow>›/span> /button> !-- Indicadores --> div classcarousel-indicators> button classindicator active onclickgoToSlide(0) aria-labelIr para banner 1>/button> button classindicator onclickgoToSlide(1) aria-labelIr para banner 2>/button> button classindicator onclickgoToSlide(2) aria-labelIr para banner 3>/button> /div> /div> /div>/section>style>/* BANNER CAROUSEL STYLES - NAVEGAÇÃO CORRIGIDA *//* CORREÇÃO APLICADA AQUI */.hero-section { background-color: var(--color-background);}/* Container principal do carrossel */.carousel-container { position: relative; width: 100%; max-width: 100%; height: 500px; border-radius: 24px; overflow: hidden; margin: 0 auto;}/* Wrapper dos slides */.carousel-wrapper { position: relative; width: 100%; height: 100%;}/* Slides dos banners */.hero-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; visibility: hidden; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;}/* Slide ativo */.hero-slide.active { opacity: 1; visibility: visible; z-index: 2;}/* Slide de fallback */.hero-slide.fallback-slide { display: flex; align-items: center; justify-content: space-between; padding: 3rem 4rem;}/* Conteúdo do fallback */.hero-content { color: white; z-index: 3;}.hero-title { font-size: 2.5rem; font-weight: bold; margin-bottom: 0.5rem;}.hero-subtitle { font-size: 3rem; font-weight: 900; color: var(--color-primary, #22c55e); margin-bottom: 1.5rem;}.hero-cta { display: inline-block; background: var(--color-primary, #22c55e); color: var(--color-on-primary, white); padding: 1rem 2rem; border-radius: 8px; text-decoration: none; font-weight: bold; transition: transform 0.3s ease;}.hero-cta:hover { transform: translateY(-2px);}/* Slides com banners */.hero-slide.banner-slide { display: flex; align-items: center; justify-content: center;}/* Overlay para banners */.banner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 1;}/* NAVEGAÇÃO DO CARROSSEL - ÍCONES CORRIGIDOS */.carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); background: #000a15; backdrop-filter: blur(10px); color: var(--color-on-primary, white); border: 2px solid rgba(var(--color-primary-rgb, 34, 197, 94), 0.3); width: 50px; height: 50px; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; z-index: 10; display: flex; align-items: center; justify-content: center; font-size: 1.2rem;}.carousel-nav .nav-arrow { font-size: 24px; font-weight: bold; line-height: 1; user-select: none; pointer-events: none;}.carousel-nav:hover { background: rgba(var(--color-primary-rgb, 34, 197, 94), 0.8); border-color: var(--color-primary, #22c55e); transform: translateY(-50%) scale(1.1); box-shadow: 0 8px 25px rgba(var(--color-primary-rgb, 34, 197, 94), 0.4);}.carousel-nav.prev { left: 2rem;}.carousel-nav.next { right: 2rem;}/* Indicadores */.carousel-indicators { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.75rem; z-index: 10;}.indicator { width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.7); background: transparent; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(5px);}.indicator:hover { border-color: white; background: rgba(255, 255, 255, 0.3); transform: scale(1.2);}.indicator.active { background: var(--color-primary, #22c55e); border-color: var(--color-primary, #22c55e); box-shadow: 0 0 15px rgba(var(--color-primary-rgb, 34, 197, 94), 0.6);}/* Loading state */.banner-slide::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 3px solid rgba(var(--color-primary-rgb, 34, 197, 94), 0.3); border-top-color: var(--color-primary, #22c55e); border-radius: 50%; animation: spin 1s linear infinite; opacity: 0; transition: opacity 0.3s ease; z-index: 5;}.banner-slide.loading::before { opacity: 1;}@keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); }}/* Animações de transição */@keyframes slideInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); }}@keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); }}.hero-slide.slide-right { animation: slideInRight 0.6s ease-out;}.hero-slide.slide-left { animation: slideInLeft 0.6s ease-out;}/* RESPONSIVO *//* Desktop grande */@media (min-width: 1440px) { .carousel-container { height: 600px; max-width: 95%; }}/* Desktop médio */@media (min-width: 1025px) and (max-width: 1439px) { .carousel-container { height: 500px; max-width: 90%; }}/* Tablet */@media (max-width: 1024px) { .carousel-container { height: 350px; border-radius: 20px; max-width: 95%; } .hero-slide.fallback-slide { padding: 2rem 3rem; } .hero-title { font-size: 2rem; } .hero-subtitle { font-size: 2.5rem; }}/* Mobile */@media (max-width: 768px) { .hero-section { padding: 1rem 0; } .hero-container { padding: 0 1rem; } .carousel-container { height: 220px; border-radius: 16px; max-width: 100%; margin: 0; } .hero-slide { background-size: contain; background-position: center; } .hero-slide.fallback-slide { flex-direction: column; text-align: center; padding: 1.5rem 1rem; gap: 1rem; background-size: cover; } .hero-title { font-size: 1.5rem; margin-bottom: 0.25rem; } .hero-subtitle { font-size: 2rem; margin-bottom: 1rem; } .hero-cta { padding: 0.75rem 1.5rem; font-size: 0.9rem; } .carousel-nav { width: 40px; height: 40px; font-size: 1rem; } .carousel-nav .nav-arrow { font-size: 18px; } .carousel-nav.prev { left: 1rem; } .carousel-nav.next { right: 1rem; } .carousel-indicators { bottom: 1rem; gap: 0.5rem; } .indicator { width: 8px; height: 8px; } /* Remover animações no mobile */ .hero-slide.slide-right, .hero-slide.slide-left { animation: none; }}/* Mobile pequeno */@media (max-width: 480px) { .hero-section { padding: 0.5rem 0; } .hero-container { padding: 0 0.5rem; } .carousel-container { height: 200px; border-radius: 12px; max-width: 100%; margin: 0; } .hero-slide { background-size: contain; background-position: center; } .hero-slide.fallback-slide { padding: 1rem; background-size: cover; } .hero-title { font-size: 1.25rem; } .hero-subtitle { font-size: 1.75rem; } .hero-cta { padding: 0.5rem 1rem; font-size: 0.8rem; } .carousel-nav { width: 32px; height: 32px; font-size: 0.8rem; } .carousel-nav .nav-arrow { font-size: 14px; } .carousel-nav.prev { left: 0.5rem; } .carousel-nav.next { right: 0.5rem; } .carousel-indicators { bottom: 0.5rem; gap: 0.4rem; } .indicator { width: 6px; height: 6px; }}/style>script>document.addEventListener(DOMContentLoaded, function() { let currentSlide 0; const slides document.querySelectorAll(.hero-slide); const indicators document.querySelectorAll(.indicator); const totalSlides slides.length; let isTransitioning false; let autoPlayInterval; // Inicializar apenas se houver slides if (totalSlides > 0) { initializeCarousel(); } function initializeCarousel() { // Precarregar imagens dos banners preloadImages(); // Iniciar autoplay se houver mais de um banner if (totalSlides > 1) { startAutoPlay(); // Controles de mouse para pausar autoplay const carouselContainer document.querySelector(.carousel-container); if (carouselContainer) { carouselContainer.addEventListener(mouseenter, pauseAutoPlay); carouselContainer.addEventListener(mouseleave, startAutoPlay); } } // Configurar controles de teclado setupKeyboardControls(); // Configurar controles touch para mobile setupTouchControls(); } function preloadImages() { slides.forEach((slide) > { if (slide.classList.contains(banner-slide)) { const bgImage slide.style.backgroundImage; if (bgImage) { const imageUrl bgImage.slice(4, -1).replace(//g, ); const img new Image(); slide.classList.add(loading); img.onload function() { slide.classList.remove(loading); // Detectar melhor fit baseado na proporção da imagem const containerWidth slide.offsetWidth; const containerHeight slide.offsetHeight; const containerRatio containerWidth / containerHeight; const imageRatio img.width / img.height; // Se a imagem for muito mais larga que o container, usar contain // Se for similar, usar cover para preencher if (Math.abs(imageRatio - containerRatio) > 0.5) { slide.style.backgroundSize contain; } else { slide.style.backgroundSize cover; } }; img.onerror function() { slide.classList.remove(loading); // Fallback em caso de erro }; img.src imageUrl; } } }); } function showSlide(index, direction right) { if (isTransitioning || index currentSlide || index > totalSlides) return; isTransitioning true; // Remove classe ativa do slide atual slidescurrentSlide.classList.remove(active); // Adiciona classe ativa ao novo slide slidesindex.classList.add(active); // Adiciona animação apenas em desktop if (window.innerWidth > 768) { slidesindex.classList.add(direction right ? slide-right : slide-left); setTimeout(() > { slidesindex.classList.remove(slide-right, slide-left); }, 600); } // Atualizar indicadores updateIndicators(index); currentSlide index; setTimeout(() > { isTransitioning false; }, 300); } function updateIndicators(activeIndex) { indicators.forEach((indicator, i) > { indicator.classList.toggle(active, i activeIndex); }); } // FUNÇÕES GLOBAIS PARA OS BOTÕES - CORRIGIDAS window.changeSlide function(direction) { if (totalSlides 1) return; let newSlide currentSlide + direction; if (newSlide > totalSlides) { newSlide 0; } else if (newSlide 0) { newSlide totalSlides - 1; } const slideDirection direction > 0 ? right : left; showSlide(newSlide, slideDirection); }; window.goToSlide function(index) { if (index 0 || index > totalSlides || index currentSlide) return; const direction index > currentSlide ? right : left; showSlide(index, direction); }; function startAutoPlay() { if (totalSlides > 1) { clearInterval(autoPlayInterval); autoPlayInterval setInterval(() > { changeSlide(1); }, 5000); } } function pauseAutoPlay() { if (autoPlayInterval) { clearInterval(autoPlayInterval); } } function setupKeyboardControls() { document.addEventListener(keydown, function(e) { if (totalSlides > 1) { if (e.key ArrowLeft) { e.preventDefault(); changeSlide(-1); } else if (e.key ArrowRight) { e.preventDefault(); changeSlide(1); } } }); } function setupTouchControls() { let touchStartX 0; let touchEndX 0; const swipeThreshold 50; const carouselContainer document.querySelector(.carousel-container); if (!carouselContainer || totalSlides 1) return; carouselContainer.addEventListener(touchstart, function(e) { touchStartX e.changedTouches0.screenX; }, { passive: true }); carouselContainer.addEventListener(touchend, function(e) { touchEndX e.changedTouches0.screenX; handleSwipe(); }, { passive: true }); function handleSwipe() { const diff touchStartX - touchEndX; if (Math.abs(diff) > swipeThreshold) { if (diff > 0) { // Swipe left - próximo slide changeSlide(1); } else { // Swipe right - slide anterior changeSlide(-1); } } } } // Pausar autoplay quando a aba não está visível document.addEventListener(visibilitychange, function() { if (document.hidden) { pauseAutoPlay(); } else if (totalSlides > 1) { startAutoPlay(); } });});/script> section classwinners-section> div classwinners-carousel> div classwinners-track> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adfdd388cda.png alt10000 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***b*******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 10.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf7e4a6f12.png alt15 Pro classwinner-image> /div> div classwinner-info> div classwinner-name>***e*****/div> div classwinner-time>há 10 min/div> /div> div classwinner-prize> div classprize-value>R$ 7.500/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adfd926309d.png altIphone 15 Pro Max classwinner-image> /div> div classwinner-info> div classwinner-name>***a******/div> div classwinner-time>há 34 min/div> /div> div classwinner-prize> div classprize-value>R$ 11.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adfb1caad0a.png altControle DualSense classwinner-image> /div> div classwinner-info> div classwinner-name>***d******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 470/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf1843d1f9.png altApple AirPods classwinner-image> /div> div classwinner-info> div classwinner-name>***a*******/div> div classwinner-time>há 22 min/div> /div> div classwinner-prize> div classprize-value>R$ 1.900/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adff2da59d7.png alt5.000 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***p********/div> div classwinner-time>há 30 min/div> /div> div classwinner-prize> div classprize-value>R$ 5.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae044512605.png altIphone 15 Pro classwinner-image> /div> div classwinner-info> div classwinner-name>***a*****/div> div classwinner-time>há 52 min/div> /div> div classwinner-prize> div classprize-value>R$ 11.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae006c30338.png alt700 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***f******/div> div classwinner-time>há 15 min/div> /div> div classwinner-prize> div classprize-value>R$ 700/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae00f108e62.png alt1 Real classwinner-image> /div> div classwinner-info> div classwinner-name>***a********/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 1/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf618ad424.png altMoto Honda Pop classwinner-image> /div> div classwinner-info> div classwinner-name>***s*****/div> div classwinner-time>há 26 min/div> /div> div classwinner-prize> div classprize-value>R$ 11.500/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adece13a85f.png alt500 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***r***/div> div classwinner-time>há 10 min/div> /div> div classwinner-prize> div classprize-value>R$ 500/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae004f26de5.png altAir Jordan 1 Low Retro classwinner-image> /div> div classwinner-info> div classwinner-name>***m****/div> div classwinner-time>há 45 min/div> /div> div classwinner-prize> div classprize-value>R$ 1.100/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adec77e02c0.png alt50 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***m******/div> div classwinner-time>há 42 min/div> /div> div classwinner-prize> div classprize-value>R$ 50/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae0636e9bda.png altControle Xbox classwinner-image> /div> div classwinner-info> div classwinner-name>***v******/div> div classwinner-time>há 21 min/div> /div> div classwinner-prize> div classprize-value>R$ 500/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf0e2d1f1a.png alt5 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***l******/div> div classwinner-time>há 35 min/div> /div> div classwinner-prize> div classprize-value>R$ 5/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adee0a1ab03.png alt10 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***r*****/div> div classwinner-time>há 27 min/div> /div> div classwinner-prize> div classprize-value>R$ 10/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf1e860087.png altSmart TV 4K classwinner-image> /div> div classwinner-info> div classwinner-name>***r*******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 3.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adeb91bd313.jpg alt2 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***b*******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 2/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae0427ef316.png altMoto Honda Biz classwinner-image> /div> div classwinner-info> div classwinner-name>***w*****/div> div classwinner-time>há 52 min/div> /div> div classwinner-prize> div classprize-value>R$ 13.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae06a8acd21.png alt100 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***i****/div> div classwinner-time>há 55 min/div> /div> div classwinner-prize> div classprize-value>R$ 100/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adfdd388cda.png alt10000 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***b*******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 10.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf7e4a6f12.png alt15 Pro classwinner-image> /div> div classwinner-info> div classwinner-name>***e*****/div> div classwinner-time>há 10 min/div> /div> div classwinner-prize> div classprize-value>R$ 7.500/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adfd926309d.png altIphone 15 Pro Max classwinner-image> /div> div classwinner-info> div classwinner-name>***a******/div> div classwinner-time>há 34 min/div> /div> div classwinner-prize> div classprize-value>R$ 11.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adfb1caad0a.png altControle DualSense classwinner-image> /div> div classwinner-info> div classwinner-name>***d******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 470/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf1843d1f9.png altApple AirPods classwinner-image> /div> div classwinner-info> div classwinner-name>***a*******/div> div classwinner-time>há 22 min/div> /div> div classwinner-prize> div classprize-value>R$ 1.900/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adff2da59d7.png alt5.000 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***p********/div> div classwinner-time>há 30 min/div> /div> div classwinner-prize> div classprize-value>R$ 5.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae044512605.png altIphone 15 Pro classwinner-image> /div> div classwinner-info> div classwinner-name>***a*****/div> div classwinner-time>há 52 min/div> /div> div classwinner-prize> div classprize-value>R$ 11.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae006c30338.png alt700 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***f******/div> div classwinner-time>há 15 min/div> /div> div classwinner-prize> div classprize-value>R$ 700/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae00f108e62.png alt1 Real classwinner-image> /div> div classwinner-info> div classwinner-name>***a********/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 1/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf618ad424.png altMoto Honda Pop classwinner-image> /div> div classwinner-info> div classwinner-name>***s*****/div> div classwinner-time>há 26 min/div> /div> div classwinner-prize> div classprize-value>R$ 11.500/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adece13a85f.png alt500 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***r***/div> div classwinner-time>há 10 min/div> /div> div classwinner-prize> div classprize-value>R$ 500/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae004f26de5.png altAir Jordan 1 Low Retro classwinner-image> /div> div classwinner-info> div classwinner-name>***m****/div> div classwinner-time>há 45 min/div> /div> div classwinner-prize> div classprize-value>R$ 1.100/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adec77e02c0.png alt50 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***m******/div> div classwinner-time>há 42 min/div> /div> div classwinner-prize> div classprize-value>R$ 50/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae0636e9bda.png altControle Xbox classwinner-image> /div> div classwinner-info> div classwinner-name>***v******/div> div classwinner-time>há 21 min/div> /div> div classwinner-prize> div classprize-value>R$ 500/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf0e2d1f1a.png alt5 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***l******/div> div classwinner-time>há 35 min/div> /div> div classwinner-prize> div classprize-value>R$ 5/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adee0a1ab03.png alt10 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***r*****/div> div classwinner-time>há 27 min/div> /div> div classwinner-prize> div classprize-value>R$ 10/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adf1e860087.png altSmart TV 4K classwinner-image> /div> div classwinner-info> div classwinner-name>***r*******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 3.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68adeb91bd313.jpg alt2 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***b*******/div> div classwinner-time>há 53 min/div> /div> div classwinner-prize> div classprize-value>R$ 2/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae0427ef316.png altMoto Honda Biz classwinner-image> /div> div classwinner-info> div classwinner-name>***w*****/div> div classwinner-time>há 52 min/div> /div> div classwinner-prize> div classprize-value>R$ 13.000/div> div classprize-type> span classprize-badge premium>PRÊMIO/span> /div> /div> /div> div classwinner-item> div classwinner-avatar> img src/assets/img/icons/68ae06a8acd21.png alt100 Reais classwinner-image> /div> div classwinner-info> div classwinner-name>***i****/div> div classwinner-time>há 55 min/div> /div> div classwinner-prize> div classprize-value>R$ 100/div> div classprize-type> span classprize-badge standard>PIX/span> /div> /div> /div> /div> /div> /div>/section>style>.winners-carousel { position: relative; overflow: hidden; mask: linear-gradient(90deg, transparent, black 5%, black 95%, transparent); -webkit-mask: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);}.winners-track { display: flex; gap: 1rem; animation: scroll-winners 60s linear infinite; width: fit-content;}@keyframes scroll-winners { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); }}.winner-item { flex-shrink: 0; width: 280px; background: linear-gradient(145deg, rgba(20, 20, 20, 0.8) 0%, rgba(10, 10, 10, 0.9) 100%); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 16px; padding: 1.5rem; display: flex; align-items: center; gap: 1rem; backdrop-filter: blur(20px); transition: all 0.3s ease;}.winner-item:hover { border-color: rgba(34, 197, 94, 0.4); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}.winner-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(16, 185, 129, 0.1)); border: 2px solid rgba(34, 197, 94, 0.3); display: flex; align-items: center; justify-content: center;}.winner-image { width: 100%; height: 100%; object-fit: cover;}.winner-placeholder { color: #22c55e; font-size: 1.5rem;}.winner-info { flex: 1; min-width: 0;}.winner-name { font-size: 1rem; font-weight: 600; color: #ffffff; margin-bottom: 0.25rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.winner-time { font-size: 0.8rem; color: #9ca3af;}.winner-prize { text-align: right; flex-shrink: 0;}.prize-value { font-size: 1.1rem; font-weight: 700; color: #22c55e; margin-bottom: 0.25rem;}.prize-type { display: flex; justify-content: flex-end;}.prize-badge { font-size: 0.7rem; font-weight: 600; padding: 0.2rem 0.5rem; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px;}.prize-badge.premium { background: linear-gradient(135deg, #f59e0b, #d97706); color: white;}.prize-badge.standard { background: linear-gradient(135deg, #22c55e, #16a34a); color: white;}/* Pause animation on hover */.winners-carousel:hover .winners-track { animation-play-state: paused;}/* Mobile Responsive */@media (max-width: 768px) { .winners-section { padding: 2rem 1rem; } .winners-header { flex-direction: column; align-items: flex-start; text-align: left; } .winners-title { font-size: 1.6rem; } .total-distributed { text-align: left; } .distributed-value { font-size: 1.3rem; } .winner-item { width: 250px; padding: 1rem; } .winner-avatar { width: 40px; height: 40px; } .winner-placeholder { font-size: 1.2rem; } .winner-name { font-size: 0.9rem; } .winner-time { font-size: 0.75rem; } .prize-value { font-size: 1rem; } .winners-track { animation-duration: 45s; }}@media (max-width: 480px) { .winner-item { width: 220px; padding: 0.875rem; gap: 0.75rem; } .winner-avatar { width: 35px; height: 35px; } .winner-name { font-size: 0.85rem; } .prize-value { font-size: 0.9rem; } .prize-badge { font-size: 0.65rem; padding: 0.15rem 0.4rem; }}/* Loading state for images */.winner-image { opacity: 0; transition: opacity 0.3s ease;}.winner-image.loaded { opacity: 1;}/style>script>document.addEventListener(DOMContentLoaded, function() { // Lazy load images const images document.querySelectorAll(.winner-image); images.forEach(img > { img.onload function() { this.classList.add(loaded); }; // If image is already loaded if (img.complete) { img.classList.add(loaded); } }); console.log(%c🏆 Últimos Ganhadores carregados!, color: #22c55e; font-size: 14px; font-weight: bold;);});/script> section classraspadinhas-showcase> div classshowcase-container> div classshowcase-header> h2 classshowcase-title>Raspadinhas/h2> div classshowcase-filters> button classfilter-btn active data-filtertodos>Escolha Uma Raspadinha/button> /div> /div> div classraspadinhas-grid> div classraspinha-card data-categorydinheiro> div classcard-banner> img src/assets/img/banners/68b0c28dcfa1b.png altCasa Dos Sonhos classbanner-image> !-- Badge de Persuasão Profissional --> div classpersuasion-badge badge-green badge-trending> i classbi bi-arrow-up-circle-fill>/i> Tendência em alta /div> !-- Play Button Overlay --> div classplay-overlay> div classplay-button> i classbi bi-coin>/i> /div> /div> /div> div classcard-content> h3 classcard-title>Casa Dos Sonhos/h3> p classcard-subtitle>PRÊMIOS DE ATÉ R$ 2.000,00/p> p classcard-description>Transforme sua sorte em dinheiro de verdade com cada raspada./p> div classcard-footer> a href/raspadinhas/show.php?id13 classplay-btn> i classbi bi-coin>/i> Comprar E Raspar R$ 100,00 /a> a href/raspadinhas/show.php?id13 classview-prizes-btn> i classbi bi-gift-fill>/i> VER PRÊMIOS i classbi bi-chevron-right>/i> /a> /div> /div> /div> div classraspinha-card data-categorydinheiro> div classcard-banner> img src/assets/img/banners/68b0c23702fa0.png altLuxo Raspável classbanner-image> !-- Badge de Persuasão Profissional --> div classpersuasion-badge badge-gold badge-bonus> i classbi bi-gift-fill>/i> Bônus +28% hoje /div> !-- Play Button Overlay --> div classplay-overlay> div classplay-button> i classbi bi-coin>/i> /div> /div> /div> div classcard-content> h3 classcard-title>Luxo Raspável/h3> p classcard-subtitle>PRÊMIOS DE ATÉ R$ 1.000,00/p> p classcard-description>Raspadinhas online com pagamentos instantâneos no seu Pix./p> div classcard-footer> a href/raspadinhas/show.php?id14 classplay-btn> i classbi bi-coin>/i> Comprar E Raspar R$ 50,00 /a> a href/raspadinhas/show.php?id14 classview-prizes-btn> i classbi bi-gift-fill>/i> VER PRÊMIOS i classbi bi-chevron-right>/i> /a> /div> /div> /div> div classraspinha-card data-categorydinheiro> div classcard-banner> img src/assets/img/banners/68b0c1cb97f1c.png altBeleza Premiada classbanner-image> !-- Badge de Persuasão Profissional --> div classpersuasion-badge badge-red badge-urgencia> i classbi bi-fire>/i> 22 pessoas jogando /div> !-- Play Button Overlay --> div classplay-overlay> div classplay-button> i classbi bi-coin>/i> /div> /div> /div> div classcard-content> h3 classcard-title>Beleza Premiada/h3> p classcard-subtitle>PRÊMIOS DE ATÉ R$ 100,00/p> p classcard-description>Com um lanche você pode ganhar um Playstation!/p> div classcard-footer> a href/raspadinhas/show.php?id15 classplay-btn> i classbi bi-coin>/i> Comprar E Raspar R$ 5,00 /a> a href/raspadinhas/show.php?id15 classview-prizes-btn> i classbi bi-gift-fill>/i> VER PRÊMIOS i classbi bi-chevron-right>/i> /a> /div> /div> /div> div classraspinha-card data-categorydinheiro> div classcard-banner> img src/assets/img/banners/68b3d5ea642cc.jpg altApple Mania classbanner-image> !-- Badge de Persuasão Profissional --> div classpersuasion-badge badge-green badge-trending> i classbi bi-arrow-up-circle-fill>/i> Tendência em alta /div> !-- Play Button Overlay --> div classplay-overlay> div classplay-button> i classbi bi-coin>/i> /div> /div> /div> div classcard-content> h3 classcard-title>Apple Mania/h3> p classcard-subtitle>PRÊMIOS DE ATÉ R$ 50,00/p> p classcard-description>Seu bilhete para prêmios de verdade./p> div classcard-footer> a href/raspadinhas/show.php?id12 classplay-btn> i classbi bi-coin>/i> Comprar E Raspar R$ 2,50 /a> a href/raspadinhas/show.php?id12 classview-prizes-btn> i classbi bi-gift-fill>/i> VER PRÊMIOS i classbi bi-chevron-right>/i> /a> /div> /div> /div> div classraspinha-card data-categorydinheiro> div classcard-banner> img src/assets/img/banners/68b0c2a275137.png altTech Mania classbanner-image> !-- Badge de Persuasão Profissional --> div classpersuasion-badge badge-blue badge-social> i classbi bi-people-fill>/i> 125 jogadores online /div> !-- Play Button Overlay --> div classplay-overlay> div classplay-button> i classbi bi-coin>/i> /div> /div> /div> div classcard-content> h3 classcard-title>Tech Mania/h3> p classcard-subtitle>PRÊMIOS DE ATÉ R$ 20,00/p> p classcard-description>Raspou, ganhou, sacou!/p> div classcard-footer> a href/raspadinhas/show.php?id11 classplay-btn> i classbi bi-coin>/i> Comprar E Raspar R$ 1,00 /a> a href/raspadinhas/show.php?id11 classview-prizes-btn> i classbi bi-gift-fill>/i> VER PRÊMIOS i classbi bi-chevron-right>/i> /a> /div> /div> /div> div classraspinha-card data-categorydinheiro> div classcard-banner> img src/assets/img/banners/68af3ffd1ac00.png altTroco Premiado classbanner-image> !-- Badge de Persuasão Profissional --> div classpersuasion-badge badge-green badge-chance> i classbi bi-percent>/i> 91% de chance hoje /div> !-- Play Button Overlay --> div classplay-overlay> div classplay-button> i classbi bi-coin>/i> /div> /div> /div> div classcard-content> h3 classcard-title>Troco Premiado/h3> p classcard-subtitle>PRÊMIOS DE ATÉ R$ 10,00/p> p classcard-description>Uma moedinha pode valer mil no PIX. Vai ficar de fora?/p> div classcard-footer> a href/raspadinhas/show.php?id10 classplay-btn> i classbi bi-coin>/i> Comprar E Raspar R$ 0,50 /a> a href/raspadinhas/show.php?id10 classview-prizes-btn> i classbi bi-gift-fill>/i> VER PRÊMIOS i classbi bi-chevron-right>/i> /a> /div> /div> /div> /div> div classshowcase-footer> a href/cartelas classview-all-btn> Ver todas as raspadinhas i classbi bi-arrow-right>/i> /a> /div> /div>/section>style>.raspadinhas-showcase { padding: 4rem 0; position: relative; overflow: hidden;}.raspadinhas-showcase::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml,svg width60 height60 viewBox0 0 60 60 xmlnshttp://www.w3.org/2000/svg>g fillnone fill-ruleevenodd>g fillvar(--color-primary, %2322c55e) fill-opacity0.03>circle cx30 cy30 r2/>/g>/svg>) repeat; pointer-events: none;}.showcase-container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; position: relative; z-index: 1;}.showcase-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; flex-wrap: wrap; gap: 1rem;}.showcase-title { font-size: 2.5rem; font-weight: 800; color: #ffffff; margin: 0; background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark, #1d4ed8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.showcase-filters { display: flex; gap: 0.5rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50px; padding: 0.25rem; backdrop-filter: blur(20px);}.filter-btn { background: none; border: none; color: #9ca3af; padding: 0.75rem 1.5rem; border-radius: 25px; font-weight: 600; font-size: 0.9rem; cursor: pointer; transition: all 0.3s ease; white-space: nowrap;}.filter-btn:hover { color: #ffffff; background: rgba(255, 255, 255, 0.05);}.filter-btn.active { background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark, #1d4ed8)); color: #ffffff; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);}/* NOVO DESIGN DOS CARDS - CORRIGIDO PARA USAR VARIÁVEIS CSS */.raspadinhas-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.5rem; margin-bottom: 3rem;}.raspinha-card { background: linear-gradient(135deg, var(--color-secondary, #1e293b) 0%, var(--color-surface, #334155) 50%, var(--color-secondary, #1e293b) 100%); border: 2px solid var(--color-primary, #3b82f6); border-radius: 16px; overflow: hidden; transition: all 0.3s ease; position: relative; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);}.raspinha-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1); border-color: var(--color-primary-dark, #1d4ed8);}.card-banner { position: relative; height: 120px; background: linear-gradient(135deg, var(--color-primary, #3b82f6) 0%, var(--color-primary-dark, #1d4ed8) 50%, var(--color-primary-darker, #1e40af) 100%); display: flex; align-items: center; justify-content: center; overflow: hidden;}/* Efeito de brilho no banner */.card-banner::before { content: ; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%); animation: shine 3s infinite; pointer-events: none; z-index: 1;}@keyframes shine { 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); } 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }}.banner-image { width: 100%; height: 100%; object-fit: cover; z-index: 2; position: relative;}.banner-placeholder { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: rgba(255, 255, 255, 0.9); z-index: 2; position: relative; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));}/* BADGES DE PERSUASÃO - POSICIONAMENTO CENTRALIZADO */.persuasion-badge { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); padding: 6px 12px; border-radius: 20px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; z-index: 5; backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.2); animation: pulse-badge 2s infinite; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 4px;}.persuasion-badge i { font-size: 0.8rem; flex-shrink: 0;}/* Animação de pulsação para badges */@keyframes pulse-badge { 0%, 100% { transform: translateX(-50%) scale(1); opacity: 1; } 50% { transform: translateX(-50%) scale(1.05); opacity: 0.9; }}/* Cores dos badges */.badge-red { background: linear-gradient(135deg, #ef4444, #dc2626); color: #ffffff;}.badge-orange { background: linear-gradient(135deg, #f97316, #ea580c); color: #ffffff;}.badge-gold { background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #000000; animation: glow-effect 2s infinite;}.badge-purple { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: #ffffff;}.badge-green { background: linear-gradient(135deg, var(--color-success, #10b981), var(--color-success-dark, #059669)); color: #ffffff;}.badge-blue { background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark, #1d4ed8)); color: #ffffff;}/* Animações especiais para tipos específicos */.badge-trending { animation: trend-effect 3s infinite;}@keyframes glow-effect { 0%, 100% { box-shadow: 0 4px 15px rgba(251, 191, 36, 0.4); } 50% { box-shadow: 0 4px 25px rgba(251, 191, 36, 0.7); }}@keyframes trend-effect { 0%, 100% { transform: translateX(-50%) scale(1) rotate(0deg); } 50% { transform: translateX(-50%) scale(1.05) rotate(1deg); }}.play-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; backdrop-filter: blur(4px); z-index: 4;}.raspinha-card:hover .play-overlay { opacity: 1;}.play-button { width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark, #1d4ed8)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 1.8rem; transform: scale(0.8); transition: all 0.3s ease; box-shadow: 0 8px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);}.raspinha-card:hover .play-button { transform: scale(1);}.card-content { padding: 20px;}.card-title { color: #ffffff; font-size: 1.4rem; font-weight: 700; margin: 0 0 4px 0; line-height: 1.2;}.card-subtitle { color: var(--color-warning, #fbbf24); font-size: 0.85rem; font-weight: 600; margin: 0 0 12px 0; text-transform: uppercase; letter-spacing: 0.5px;}.card-description { color: #d1d5db; font-size: 0.9rem; margin: 0 0 20px 0; line-height: 1.4;}.card-footer { display: flex; flex-direction: column; gap: 12px;}.play-btn { background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark, #1d4ed8)); color: var(--color-on-primary, #ffffff); text-decoration: none; padding: 14px 24px; border-radius: 25px; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3); display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; text-align: center;}.play-btn i.bi-coin { font-size: 1.1rem; font-weight: bold;}.play-btn:hover { background: linear-gradient(135deg, var(--color-primary-dark, #1d4ed8), var(--color-primary-darker, #1e40af)); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4); color: var(--color-on-primary, #ffffff);}.view-prizes-btn { color: #ffffff; text-decoration: none; font-size: 0.85rem; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 6px; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(255, 255, 255, 0.1); padding: 10px 16px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); width: 100%; text-align: center;}.view-prizes-btn i.bi-gift-fill { font-size: 1rem; color: var(--color-warning, #fbbf24);}.view-prizes-btn i.bi-chevron-right { font-size: 0.8rem; margin-left: 2px;}.view-prizes-btn:hover { color: var(--color-primary, #3b82f6); background: rgba(var(--color-primary-rgb, 59, 130, 246), 0.1); border-color: rgba(var(--color-primary-rgb, 59, 130, 246), 0.3); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2);}.view-prizes-btn:hover i.bi-gift-fill { color: var(--color-primary, #3b82f6);}/* Responsivo */@media (max-width: 768px) { .raspadinhas-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; } .card-banner { height: 120px; } .banner-image, .banner-placeholder { width: 100%; height: 100%; object-fit: cover; font-size: 2rem; } .card-content { padding: 16px; } .card-title { font-size: 1.2rem; } .card-footer { flex-direction: column; gap: 12px; align-items: stretch; } .play-btn { font-size: 0.9rem; padding: 12px 20px; } .view-prizes-btn { font-size: 0.8rem; padding: 8px 14px; }}.showcase-footer { text-align: center; margin-top: 2rem;}.view-all-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark, #1d4ed8)); color: #ffffff; text-decoration: none; padding: 12px 24px; border-radius: 25px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);}.view-all-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4); color: #ffffff;}.view-all-btn i { transition: transform 0.3s ease;}.view-all-btn:hover i { transform: translateX(4px);}/style> !-- Modal Backdrop -->div idbackdrop2 classmodal-backdrop>/div>!-- Deposit Modal -->section iddepositModal classmodal-container> div classmodal-wrapper> div classmodal-card> button idcloseDepositModal classmodal-close> i classbi bi-x>/i> /button> div classmodal-icon> i classbi bi-credit-card>/i> /div> h2 classmodal-title>Depósito/h2> form iddepositForm classmodal-form> div classform-group> div classinput-icon> i classbi bi-cash-stack>/i> /div> input typetext nameamount idamountInput required classform-input placeholderDigite o valor do depósito inputmodenumeric> /div> div classquick-amounts> button typebutton data-value20 classquick-amount>R$ 20/button> button typebutton data-value50 classquick-amount>R$ 50/button> button typebutton data-value100 classquick-amount>R$ 100/button> button typebutton data-value200 classquick-amount>R$ 200/button> /div> div classform-group> div classinput-icon> i classbi bi-person-vcard>/i> /div> input typetext namecpf idcpfInput required classform-input placeholderCPF (000.000.000-00) maxlength14> /div> button typesubmit classsubmit-btn> i classbi bi-check-circle>/i> Depositar /button> /form> div idqrArea classqr-area> h3 classqr-title>PIX gerado com sucesso!/h3> p classqr-description>Escaneie o QR Code ou use o código Pix Copia e Cola/p> img idqrImg src altQR Code classqr-image> div classqr-code-container> input idqrCodeValue typetext readonly classqr-input value> button idcopyQr classcopy-btn> i classbi bi-clipboard>/i> Copiar /button> /div> /div> /div> /div>/section>!-- Withdraw Modal -->section idwithdrawModal classmodal-container> div classmodal-wrapper> div classmodal-card> button idcloseWithdrawModal classmodal-close> i classbi bi-x>/i> /button> div classmodal-icon withdraw> i classbi bi-cash-coin>/i> /div> h2 classmodal-title>Solicitar Saque/h2> div classbalance-card> h3 classbalance-label>Saldo Disponível/h3> p classbalance-amount idcurrentBalance>R$ 0,00/p> /div> form idwithdrawForm classmodal-form> div classform-group> div classinput-icon> i classbi bi-cash-stack>/i> /div> input typetext nameamount idwithdrawAmount required classform-input placeholderDigite o valor do saque inputmodenumeric> /div> div classquick-amounts> button typebutton data-value50 classquick-withdraw>R$ 50/button> button typebutton data-value100 classquick-withdraw>R$ 100/button> button typebutton data-value200 classquick-withdraw>R$ 200/button> button typebutton data-value500 classquick-withdraw>R$ 500/button> /div> div classform-group> div classinput-icon> i classbi bi-key>/i> /div> select namepix_type idpixType required classform-input> option valuecpf>CPF/option> option valueemail>E-mail/option> option valuephone>Telefone/option> option valuerandom>Chave Aleatória/option> /select> /div> div classform-group> div classinput-icon> i classbi bi-key-fill>/i> /div> input typetext namepix_key idpixKey required classform-input placeholderDigite sua chave PIX> /div> button typesubmit classsubmit-btn withdraw-btn> i classbi bi-check-circle>/i> Solicitar Saque /button> /form> /div> /div>/section>style>/* Modal Styles */.modal-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); z-index: 1200; opacity: 0; visibility: hidden; transition: all 0.3s ease;}.modal-backdrop.active { opacity: 1; visibility: visible;}.modal-container { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 1250; overflow-y: auto; padding: 2rem; opacity: 0; visibility: hidden; transition: all 0.3s ease;}.modal-container.active { opacity: 1; visibility: visible;}.modal-wrapper { width: 100%; max-width: 650px;}.modal-card { background: rgba(20, 20, 20, 0.95); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 3rem; position: relative; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); margin-bottom: 2rem;}.modal-close { position: absolute; top: -12px; right: -12px; width: 40px; height: 40px; background: #ef4444; border: none; border-radius: 50%; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; font-size: 1.2rem;}.modal-close:hover { background: #dc2626; transform: scale(1.1);}.modal-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--color-primary, #22c55e), var(--color-primary-dark, #16a34a)); border-radius: 20px; margin: 0 auto 2rem; display: flex; align-items: center; justify-content: center; color: var(--color-on-primary, white); font-size: 2rem; box-shadow: 0 8px 24px rgba(var(--color-primary-rgb, 34, 197, 94), 0.3);}.modal-icon.withdraw { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 8px 24px rgba(245, 158, 11, 0.3);}.modal-title { color: white; font-size: 2rem; font-weight: 800; text-align: center; margin-bottom: 2rem;}.balance-card { background: rgba(var(--color-primary-rgb, 34, 197, 94), 0.1); border: 1px solid rgba(var(--color-primary-rgb, 34, 197, 94), 0.2); border-radius: 16px; padding: 1.5rem; text-align: center; margin-bottom: 2rem;}.balance-label { color: #9ca3af; font-size: 0.9rem; margin-bottom: 0.5rem;}.balance-amount { color: var(--color-primary, #22c55e); font-size: 1.5rem; font-weight: 800;}.modal-form { display: flex; flex-direction: column; gap: 1.5rem;}.form-group { position: relative;}.form-input { width: 100%; padding: 1rem 1rem 1rem 3rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; color: white; font-size: 1rem; transition: all 0.3s ease;}.form-input:focus { outline: none; border-color: var(--color-primary, #22c55e); background: rgba(255, 255, 255, 0.08); box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 34, 197, 94), 0.1);}.form-input::placeholder { color: #6b7280;}select.form-input { background: rgba(255, 255, 255, 0.05); color: white; cursor: pointer;}select.form-input option { background: #000000; color: white; padding: 0.5rem;}.input-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #6b7280; font-size: 1rem; transition: color 0.3s ease;}.form-group:focus-within .input-icon { color: var(--color-primary, #22c55e);}.quick-amounts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem;}.quick-amount,.quick-withdraw { background: rgba(var(--color-primary-rgb, 34, 197, 94), 0.1); border: 1px solid rgba(var(--color-primary-rgb, 34, 197, 94), 0.3); color: var(--color-primary, #22c55e); padding: 0.75rem; border-radius: 8px; font-weight: 600; cursor: pointer; transition: all 0.3s ease;}.quick-amount:hover,.quick-withdraw:hover { background: rgba(var(--color-primary-rgb, 34, 197, 94), 0.2); border-color: var(--color-primary, #22c55e); transform: translateY(-2px);}.submit-btn { background: linear-gradient(135deg, var(--color-primary, #22c55e), var(--color-primary-dark, #16a34a)); color: var(--color-on-primary, white); border: none; padding: 1rem; border-radius: 12px; font-size: 1rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.5rem; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(var(--color-primary-rgb, 34, 197, 94), 0.3);}.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(var(--color-primary-rgb, 34, 197, 94), 0.4);}.withdraw-btn { background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 4px 20px rgba(245, 158, 11, 0.3);}.withdraw-btn:hover { box-shadow: 0 8px 30px rgba(245, 158, 11, 0.4);}.qr-area { text-align: center; display: none;}.qr-area.active { display: block;}.qr-title { color: white; font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem;}.qr-description { color: #9ca3af; margin-bottom: 2rem;}.qr-image { width: 250px; height: 250px; background: white; padding: 1rem; border-radius: 16px; margin: 0 auto 2rem;}.qr-code-container { position: relative; display: flex; gap: 0.5rem;}.qr-input { flex: 1; padding: 0.75rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: white; font-family: monospace; font-size: 0.9rem;}.copy-btn { background: var(--color-primary, #22c55e); color: var(--color-on-primary, white); border: none; padding: 0.75rem 1rem; border-radius: 8px; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; font-weight: 600; transition: all 0.3s ease;}.copy-btn:hover { background: var(--color-primary-dark, #16a34a);}.features-grid { display: none; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.feature-card { background: rgba(20, 20, 20, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 1.5rem; text-align: center; color: white;}.feature-card i { font-size: 2rem; color: var(--color-primary, #22c55e); margin-bottom: 1rem;}.feature-card h4 { font-weight: 700; margin-bottom: 0.5rem;}.feature-card p { color: #9ca3af; font-size: 0.9rem; line-height: 1.4;}/* Responsive */@media (max-width: 768px) { .modal-card { padding: 2rem; margin: 1rem; } .quick-amounts { grid-template-columns: repeat(2, 1fr); } .qr-image { width: 200px; height: 200px; }}@media (min-width: 768px) { .features-grid { display: grid; }}/style>script>// Modal Managementfunction openDepositModal() { document.getElementById(depositModal).classList.add(active); document.getElementById(backdrop2).classList.add(active); document.body.style.overflow hidden;}function closeDepositModal() { document.getElementById(depositModal).classList.remove(active); document.getElementById(backdrop2).classList.remove(active); document.body.style.overflow ; document.getElementById(depositForm).style.display flex; document.getElementById(qrArea).classList.remove(active); document.getElementById(depositForm).reset();}function openWithdrawModal(balance) { document.getElementById(withdrawModal).classList.add(active); document.getElementById(backdrop2).classList.add(active); document.body.style.overflow hidden; document.getElementById(currentBalance).textContent `R$ ${balance.toFixed(2).replace(., ,)}`;}function closeWithdrawModal() { document.getElementById(withdrawModal).classList.remove(active); document.getElementById(backdrop2).classList.remove(active); document.body.style.overflow ; document.getElementById(withdrawForm).reset();}// Event Listenersdocument.getElementById(closeDepositModal)?.addEventListener(click, closeDepositModal);document.getElementById(closeWithdrawModal)?.addEventListener(click, closeWithdrawModal);document.getElementById(backdrop2)?.addEventListener(click, function() { closeDepositModal(); closeWithdrawModal();});// CPF Formattingfunction formatCPF(input) { input.addEventListener(input, e > { let v e.target.value.replace(/\D/g, ).slice(0, 11); v v.replace(/(\d{3})(\d)/, $1.$2) .replace(/(\d{3})(\d)/, $1.$2) .replace(/(\d{3})(\d{1,2})$/, $1-$2); e.target.value v; });}document.getElementById(cpfInput) && formatCPF(document.getElementById(cpfInput));// Quick Amount Buttonsdocument.querySelectorAll(.quick-amount).forEach(btn > { btn.addEventListener(click, () > { const val parseFloat(btn.dataset.value); const input document.getElementById(amountInput); const current parseFloat(input.value.replace(,, .)) || 0; input.value (current + val).toFixed(2).replace(., ,); });});document.querySelectorAll(.quick-withdraw).forEach(btn > { btn.addEventListener(click, () > { const val parseFloat(btn.dataset.value); document.getElementById(withdrawAmount).value val.toFixed(2).replace(., ,); });});// Deposit Form Submissiondocument.getElementById(depositForm)?.addEventListener(submit, async e > { e.preventDefault(); const amountInput document.getElementById(amountInput); const value parseFloat(amountInput.value.replace(/^\d,/g, ).replace(,, .)); const depositoMin 20.00; if (isNaN(value)) { Notiflix.Notify.failure(Por favor, insira um valor válido); return; } if (value depositoMin) { Notiflix.Notify.failure(`O valor mínimo para depósito é R$ ${depositoMin.toFixed(2).replace(., ,)}`); return; } Notiflix.Loading.standard(Gerando pagamento...); const form e.target; const formData new FormData(form); try { console.log(🚀 Iniciando requisição para gerar PIX...); console.log(📊 Dados do formulário:, Object.fromEntries(formData)); const res await fetch(/api/payment.php, { method: POST, body: formData }); console.log(📡 Resposta HTTP:, res.status, res.statusText); if (!res.ok) { throw new Error(`HTTP ${res.status}: ${res.statusText}`); } const data await res.json(); console.log(📋 Resposta da API:, data); if (data.qrcode) { form.style.display none; const qrArea document.getElementById(qrArea); document.getElementById(qrImg).src `https://api.qrserver.com/v1/create-qr-code/?size300x300&data${encodeURIComponent(data.qrcode)}`; document.getElementById(qrCodeValue).value data.qrcode; qrArea.classList.add(active); Notiflix.Loading.remove(); Notiflix.Notify.success(Pagamento gerado!); // Payment polling const qrcodeValue data.qrcode; const intervalId setInterval(async () > { try { const resConsult await fetch(/api/consult_pix.php, { method: POST, body: new URLSearchParams({ qrcode: qrcodeValue }) }); const consultData await resConsult.json(); if (consultData.paid true) { clearInterval(intervalId); Notiflix.Notify.success(Pagamento aprovado!); setTimeout(() > { window.location.href /; }, 2000); } } catch (err) { console.error(Erro no polling, err); clearInterval(intervalId); } }, 2000); } else { Notiflix.Loading.remove(); console.error(❌ API retornou sem QR Code:, data); Notiflix.Notify.failure(data.message || data.error || Erro ao gerar QR Code. Tente novamente.); } } catch (err) { Notiflix.Loading.remove(); console.error(💥 Erro na requisição:, err); console.error(📋 Stack trace:, err.stack); let errorMessage Erro na requisição. Verifique sua conexão.; if (err.message.includes(HTTP)) { errorMessage `Erro do servidor: ${err.message}`; } else if (err.name TypeError) { errorMessage Erro de conexão com o servidor; } Notiflix.Notify.failure(errorMessage); }});// Copy QR Codedocument.getElementById(copyQr)?.addEventListener(click, () > { const input document.getElementById(qrCodeValue); input.select(); document.execCommand(copy); Notiflix.Notify.success(Copiado!);});// Withdraw Form Submissiondocument.getElementById(withdrawForm)?.addEventListener(submit, async e > { e.preventDefault(); const formData new FormData(e.target); const amount parseFloat(formData.get(amount).replace(,, .)); const saqueMin 30.00; if (isNaN(amount)) { Notiflix.Notify.failure(Por favor, insira um valor válido); return; } if (amount saqueMin) { Notiflix.Notify.failure(`O valor mínimo para saque é R$ ${saqueMin.toFixed(2).replace(., ,)}`); return; } Notiflix.Loading.standard(Processando saque...); const pixType formData.get(pix_type); const pixKey formData.get(pix_key) || ; try { const res await fetch(/api/withdraw.php, { method: POST, body: JSON.stringify({ amount, pix_type: pixType, pix_key: pixKey }), headers: { Content-Type: application/json } }); const data await res.json(); if (data.success) { Notiflix.Notify.success(data.message); setTimeout(() > { closeWithdrawModal(); window.location.reload(); }, 2000); } else { Notiflix.Notify.failure(data.message || Erro ao processar saque); } } catch (err) { Notiflix.Notify.failure(Erro na conexão com o servidor); console.error(err); } finally { Notiflix.Loading.remove(); }});/script> !-- Seção de testimonials pode ser adicionada aqui se necessário -->style>/* Testimonials styles se necessário */.testimonials-section { padding: 4rem 0; background: linear-gradient(135deg, rgba(34, 197, 94, 0.05), rgba(16, 163, 74, 0.02));}.testimonials-container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; text-align: center;}.testimonials-title { font-size: 2.5rem; font-weight: 800; color: white; margin-bottom: 3rem;}.testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;}.testimonial-card { background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 20px; padding: 2rem; transition: all 0.3s ease;}.testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(34, 197, 94, 0.2);}.testimonial-text { color: #e5e7eb; font-style: italic; margin-bottom: 1.5rem; line-height: 1.6;}.testimonial-author { color: #22c55e; font-weight: 600;}/style> /main> footer classfooter> div classfooter-container> div classfooter-content> div> div classfooter-brand> img src/assets/upload/68cae24c95b2d.jpg altRaspadinha PIX classfooter-logo-image> /div> p classfooter-description> © 2025 Raspadinha PIX. Todos os direitos reservados. /p> p classfooter-description> Raspadinhas e outros jogos de azar são regulamentados e cobertos pela nossa licença de jogos. Jogue com responsabilidade. /p> /div> div classfooter-section> h3>Regulamentos/h3> ul classfooter-links> li>a href#>Jogo responsável/a>/li> li>a href#>Política de Privacidade/a>/li> li>a href#>Termos de Uso/a>/li> /ul> /div> div classfooter-section> h3>Ajuda/h3> ul classfooter-links> li>a href#>Perguntas Frequentes/a>/li> li>a href#>Como Jogar/a>/li> li>a href#>Suporte Técnico/a>/li> /ul> /div> /div> /div>/footer>style>/* Footer Logo Styles */.footer-brand { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;}.footer-logo-image { height: 40px; width: auto; max-width: 150px; object-fit: contain; transition: all 0.3s ease;}.footer-logo-image:hover { transform: scale(1.02);}.footer-logo-icon { width: 40px; height: 40px; background: linear-gradient(135deg, var(--color-primary, #3b82f6) 0%, var(--color-primary-dark, #1d4ed8) 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--color-on-primary, #ffffff); font-weight: 800; box-shadow: 0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3); transition: all 0.3s ease;}.footer-logo-icon:hover { box-shadow: 0 6px 16px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4); transform: translateY(-1px);}.footer-brand span { font-size: 1.25rem; font-weight: 700; color: var(--color-text-primary, white);}/* Footer Base Styles - USANDO COR DE FUNDO DO PAINEL ADMIN */.footer { background: var(--color-background, #000000); border-top: 1px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.1); margin-top: 4rem; position: relative;}/* Gradiente sutil usando a cor de fundo configurada */.footer::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(145deg, var(--color-background, #000000) 0%, rgba(var(--color-surface, 31, 41, 55), 0.8) 50%, var(--color-background, #000000) 100%); z-index: 1;}.footer-container { max-width: 1400px; margin: 0 auto; padding: 3rem 2rem 2rem; position: relative; z-index: 2;}.footer-content { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem; margin-bottom: 2rem;}.footer-section h3 { color: var(--color-text-primary, white); font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; border-bottom: 2px solid var(--color-primary, #3b82f6); padding-bottom: 0.5rem; display: inline-block;}.footer-links { list-style: none; padding: 0;}.footer-links li { margin-bottom: 0.75rem;}.footer-links a { color: var(--color-text-secondary, #9ca3af); text-decoration: none; transition: all 0.3s ease; font-size: 0.95rem;}.footer-links a:hover { color: var(--color-primary, #3b82f6); padding-left: 0.5rem;}.footer-description { color: var(--color-text-secondary, #6b7280); font-size: 0.9rem; line-height: 1.5; margin-bottom: 1rem;}/* Efeito de borda superior com cor do tema */.footer::after { content: ; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 0%, var(--color-primary, #3b82f6) 20%, var(--color-primary-dark, #1d4ed8) 50%, var(--color-primary, #3b82f6) 80%, transparent 100%); z-index: 3;}/* Responsive */@media (max-width: 768px) { .footer-content { grid-template-columns: 1fr; gap: 2rem; } .footer-container { padding: 2rem 1rem 1.5rem; } .footer-brand { gap: 0.5rem; } .footer-logo-image { height: 35px; } .footer-logo-icon { width: 35px; height: 35px; font-size: 1.1rem; border-radius: 8px; } .footer-brand span { font-size: 1.1rem; }}@media (max-width: 480px) { .footer-brand { gap: 0.4rem; } .footer-logo-image { height: 32px; } .footer-logo-icon { width: 32px; height: 32px; font-size: 1rem; border-radius: 6px; } .footer-brand span { font-size: 1rem; } .footer-section h3 { font-size: 1rem; } .footer-links a { font-size: 0.9rem; } .footer-description { font-size: 0.85rem; }}/* Melhorias visuais adicionais */.footer-section { position: relative;}.footer-section::before { content: ; position: absolute; top: -10px; left: 0; width: 30px; height: 2px; background: var(--color-primary, #3b82f6); border-radius: 1px; opacity: 0.6;}/* Animação sutil no hover dos links */.footer-links a { position: relative; overflow: hidden;}.footer-links a::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), transparent); transition: left 0.5s ease;}.footer-links a:hover::before { left: 100%;}/* Efeito de profundidade */.footer-container { box-shadow: inset 0 1px 0 rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);}/style> script> // Loading screen window.addEventListener(load, function() { const loadingScreen document.getElementById(loadingScreen); setTimeout(() > { loadingScreen.classList.add(hidden); }, 1000); }); // Smooth animations on scroll const observerOptions { threshold: 0.1, rootMargin: 0px 0px -50px 0px }; const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(animate-fade-in-up); } }); }, observerOptions); // Observe elements for animation document.addEventListener(DOMContentLoaded, function() { const elementsToAnimate document.querySelectorAll(.step-item, .game-category, .prize-item); elementsToAnimate.forEach(el > { observer.observe(el); }); }); // Parallax effect for hero section window.addEventListener(scroll, () > { const scrolled window.pageYOffset; const heroElements document.querySelectorAll(.parallax-element); heroElements.forEach(element > { const speed element.dataset.speed || 0.5; element.style.transform `translateY(${scrolled * speed}px)`; }); }); // Add floating animation to certain elements document.addEventListener(DOMContentLoaded, function() { const floatingElements document.querySelectorAll(.hero-visuals .gaming-item); floatingElements.forEach((el, index) > { el.style.animationDelay `${index * 0.5}s`; el.classList.add(floating); }); }); // Notiflix configuration Notiflix.Notify.init({ width: 300px, position: right-top, distance: 20px, opacity: 1, borderRadius: 12px, rtl: false, timeout: 4000, messageMaxLength: 110, backOverlay: false, backOverlayColor: rgba(0,0,0,0.5), plainText: true, showOnlyTheLastOne: false, clickToClose: true, pauseOnHover: true, ID: NotiflixNotify, className: notiflix-notify, zindex: 4001, fontFamily: Inter, fontSize: 14px, cssAnimation: true, cssAnimationDuration: 400, cssAnimationStyle: zoom, closeButton: false, useIcon: true, useFontAwesome: false, fontAwesomeIconStyle: basic, fontAwesomeIconSize: 16px, success: { background: #22c55e, textColor: #fff, childClassName: notiflix-notify-success, notiflixIconColor: rgba(0,0,0,0.2), fontAwesomeClassName: fas fa-check-circle, fontAwesomeIconColor: rgba(0,0,0,0.2), backOverlayColor: rgba(34,197,94,0.2), } }); // Dynamic copyright year document.addEventListener(DOMContentLoaded, function() { const currentYear new Date().getFullYear(); const copyrightElements document.querySelectorAll(.footer-description); if (copyrightElements.length > 0) { copyrightElements0.innerHTML copyrightElements0.innerHTML.replace(2025, currentYear); } }); // Add glow effect to interactive elements document.addEventListener(DOMContentLoaded, function() { const glowElements document.querySelectorAll(.btn-register, .hero-cta, .game-btn); glowElements.forEach(el > { el.classList.add(glow); }); }); // Mobile menu toggle (if needed) function toggleMobileMenu() { const mobileMenu document.querySelector(.mobile-menu); if (mobileMenu) { mobileMenu.classList.toggle(active); } } // Console welcome message console.log(%c🎯 RaspaGreen - Bem-vindo!, color: #22c55e; font-size: 16px; font-weight: bold;); console.log(%cSistema carregado com sucesso!, color: #16a34a; font-size: 12px;); /script> !-- Performance and Analytics --> script> // Performance monitoring window.addEventListener(load, function() { if (performance in window) { const loadTime performance.timing.loadEventEnd - performance.timing.navigationStart; console.log(`Página carregada em ${loadTime}ms`); } }); // Error handling window.addEventListener(error, function(e) { console.error(Erro na página:, e.error); }); // Lazy loading for images when implemented if (IntersectionObserver in window) { const imageObserver new IntersectionObserver((entries, observer) > { entries.forEach(entry > { if (entry.isIntersecting) { const img entry.target; img.src img.dataset.src; img.classList.remove(lazy); imageObserver.unobserve(img); } }); }); document.querySelectorAll(imgdata-src).forEach(img > { imageObserver.observe(img); }); } /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]