Notificação
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #0f172a;
height: 200vh;
}
/* ÁREA EXATA DA NOTIFICAÇÃO (AMARELO NA IMAGEM) */
.notification-slot {
position: fixed;
top: 84px; /* logo abaixo da barra vermelha */
left: 0;
width: 100%;
display: flex;
justify-content: center;
z-index: 999;
pointer-events: none;
}
/* NOTIFICAÇÃO */
.wallet-notification {
background: #ffffff;
color: #111827;
padding: 8px 14px;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.18);
font-size: 14px;
line-height: 1.3;
opacity: 0;
transition: opacity 1.03s ease;
max-width: 90%;
text-align: center;
}
.wallet-notification strong {
color: #16a34a;
font-weight: 600;
}
/* CONTEÚDO DE EXEMPLO (FORMULÁRIO ABAIXO) */
.content {
margin-top: 130px;
background: #ffffff;
padding: 20px;
border-radius: 12px;
margin-left: 12px;
margin-right: 12px;
}
const nomes = [
"Dina Mabote","Carlos Nhancale","Ana Mucavele","Joaquim Mondlane",
"Helena Macuácua","Ernesto Chivambo","Paulo Matavel","Lurdes Sitoe",
"Nelson Mabjaia","Amélia Cuambe","Rogério Bila","Celina Nhampossa",
"Fernando Matusse","Ivone Macaringue","Adriano Machava","Elsa Muthemba",
"Tomás Chissano","Rosa Langa","Bernardo Cossa","Fátima Muianga",
"Alberto Tembe","Judite Ndlovu","Henrique Zimba","Alda Baloi",
"Domingos Chiconela","Sara Massingue","Ismael Mavota","Paulina Nhaca",
"Osvaldo Manjate","Marta Saide","Inácio Malule","Clarisse Guambe",
"Victor Mbanze","Lucinda Pelembe","Mateus Mucasse"
];
const notification = document.getElementById("walletNotification");
const VALOR_FIXO = 397;
function mostrarNotificacao() {
const nome = nomes[Math.floor(Math.random() * nomes.length)];
notification.innerHTML =
nome + " ativou a carteira Block Teen — " +
"
" + VALOR_FIXO + " MT";
notification.style.opacity = "1";
setTimeout(() => {
notification.style.opacity = "0";
}, 2500);
}
setTimeout(mostrarNotificacao, 1000);
setInterval(mostrarNotificacao, 3000);
2025 Pry Checkout. Todos os direitos reservados.