*{margin:0;padding:0;font-family: "Poppins", sans-serif;box-sizing: border-box;list-style:none;color: inherit;text-decoration:none;}
body{overflow-x: hidden;background-color:var(--cor-bg);}

.mobile{display:none;}
.desktop{display:block;}

:root{
    --cor-branca:#FFFFFF;
    --cor-rosa:#E02372;
    --cor-roxa:#3A188F;
    --cor-lotomania:#F7791A;
    --cor-lotofacil:#A80289;
    --cor-quina:#3A188F;
    --cor-cinza:#535060;
    --cor-cinzaClaro:#b4b2b2;
    --cor-bg:#E9F7FB;
    --cor-table:#DFF0F4;
}
/* Estilos gerais */
.container{max-width:1280px;margin:0 auto;}
.titulo{font-size:20px;padding:20px 10px;color:var(--cor-cinza);text-transform:uppercase;}
.loading{animation: loading 3s linear infinite;}
.msg{width:100%;height:100vh;background-color:rgba(255, 255, 255, 0.8);position:fixed;top:0;z-index:1000;text-align:center;display:flex;justify-content:center;align-items:center;}
.msg p{width:30vw;background-color:var(--cor-lotomania);padding:20px;display:flex;justify-content:center;align-items:center;color:var(--cor-branca);flex-direction: column;border-radius:10px;}
.msg i{font-size:40px;margin:20px auto;}

/* CABEÇALHO */
.cabecalho{border-bottom:1px solid var(--cor-rosa);background-color:var(--cor-branca);}
.box-cabecalho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;padding:20px 10px;}
.logo{width:180px;}
.logo img{width:100%;}
.menu ul{display:flex;flex-wrap:wrap;justify-content:start;align-items: center;gap:15px;}
.menu li{color:var(--cor-roxa);cursor:pointer;}
.menu li:hover{color:var(--cor-lotomania);animation: btn-apostar 0.5s linear infinite alternate;}

/* MENU CATEGORIAS */
.menu-categorias{margin:20px auto;display:none;}
.menu-categorias ul{display:flex;flex-wrap:wrap;justify-content:start;align-items: center;gap:5px;}
.menu-categorias li{padding:5px 10px;border-radius:0 10px 10px;color:var(--cor-branca);}
.menu-categorias li:hover{animation: btn-apostar 0.5s linear infinite alternate;}

/* LOGIN */
.login{width:100%;min-height:50vh;flex-direction: column;justify-content:center;align-items:center;display:flex;}
.box-login{width:40vw;background-color:var(--cor-branca);display:flex;flex-direction: column;justify-content:center;align-items:center;position: relative;margin: 20px auto;min-height:70vh;}
.form-login{width:100%;color:var(--cor-cinza);position:relative;padding:50px;}
.form-login label{width:80%;display:block;margin:0 auto;}
.form-login input{width:100%;padding:10px;outline:none;height:6vh;border:1px solid var(--cor-cinzaClaro);border-radius:0 10px 10px;margin:10px auto;}
.form-login input::placeholder{color:var(--cor-cinzaClaro);}
.form-login button{padding:15px;width:100%;margin:20px auto;border-radius:10px;border:none;background-color:var(--cor-quina);color:var(--cor-branca);}

/* CADASTRO */
.cadastro{width:100%;flex-direction: column;justify-content:center;align-items:center;display:flex;}
.box-cadastro{width:100%;background-color:var(--cor-branca);display:flex;flex-direction: column;justify-content:center;align-items:center;position: relative;margin: 20px auto;}
.form-cadastro{width:100%;color:var(--cor-cinza);position:relative;padding:50px;display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.form-cadastro label{width:50%;display:block;margin:0 auto;padding:0 10px;}
.form-cadastro input{width:100%;padding:10px;outline:none;height:6vh;border:1px solid var(--cor-cinzaClaro);border-radius:0 10px 10px;margin:10px auto;}
.form-cadastro input::placeholder{color:var(--cor-cinzaClaro);}
.form-cadastro p{text-align:right;padding:10px 0;}
.form-cadastro button{padding:15px;width:100%;margin:20px auto;border-radius:10px;border:none;background-color:var(--cor-quina);color:var(--cor-branca);}
.label-aceite{background-color:var(--cor-bg);border-radius:5px;padding:20px;}
.label-aceite p{text-align:center;font-size:12px;color:var(--cor-cinza);}
.label-aceite b{color:var(--cor-lotomania);}

/* BANNER PRINCIPAL */
.banner{margin:20px auto;}
.banner img{width:100%;}
/* JOGOS */
.jogos{padding:20px;}
.box-jogos{width:100%;min-height:50vh;}
.box-jogos ul{display:flex;flex-wrap:wrap;justify-content:start;align-items: center;}
.box-jogos a{width:25%;padding:3px;}
.box-jogos li{background-color:var(--cor-branca);padding:30px;border-radius:3px 30px 30px;}
.box-jogos .premio-jogos{font-size:20px;padding:10px 0;font-weight:700;}
.box-jogos hr{margin:20px auto;height:0.3px;border:none;border-top:1px solid var(--cor-cinza);}
.box-jogos p{font-size:12px;color:var(--cor-cinza);}
.box-jogos .valor-jogos{font-size:20px;padding:10px 0;font-weight:700;}
.duplo-jogos{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.box-jogos li button{color:var(--cor-branca);padding:10px 40px;border-radius:0 20px 20px;border:none;}
/* DETALHES JOGOS */
.box-detalhes{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;padding:20px;}
.itens-detalhes{padding:10px;width:50%;}
.box-itens-detalhes{padding:20px;background-color:var(--cor-branca);}
.itens-detalhes p{margin:20px auto;}
.btn-apostar{padding:10px 20px;border:none;border-radius:0 20px 20px;animation: btn-apostar 0.5s linear infinite alternate;background-color:var(--cor-lotomania);color:var(--cor-branca);}
.detalhes .premio-jogos{font-size:20px;padding:10px 0;font-weight:700;}
.apostas{width:50%;padding:10px;}
.box-apostas{background-color:var(--cor-branca);padding:20px;}
.card-aposta{padding:10px;background-color:var(--cor-bg);margin:20px auto;border-radius:5px;}
.box-card-aposta{display:flex;justify-content: start;align-items:center;flex-wrap:wrap;gap:5px;}
.box-card-aposta p{padding:10px;background-color:var(--cor-roxa);color:var(--cor-branca);width:40px;text-align:center;height:40px;border-radius:40px;}
.card-aposta span{margin:10px auto;display:block;}
/* MINHAS APOSTAS */
.box-minhas-apostas{background-color:var(--cor-branca);padding:20px;margin:20px auto;min-height:70vh;}
.minhas-apostas table{border-collapse:collapse;width:100%;font-size:12px;}
.minhas-apostas td{padding:10px;}
.minhas-apostas tr:nth-child(even) {background-color: #f2f2f2;}
.minhas-apostas td{width:10%;}
.minhas-apostas td + td{width:25%;}
.minhas-apostas td + td + td{width:5%;text-align: center;}
.minhas-apostas td + td + td + td{width:5%;text-align: center;}
.minhas-apostas td + td + td + td + td{width:5%;text-align: center;}
.minhas-apostas td + td + td + td + td + td{width:10%;}
.minhas-apostas td + td + td + td + td + td + td{width:5%;}
/* CARRINHO */
.carrinho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;padding:20px;color:var(--cor-cinza);font-size:14px;}
.box-carrinho{width:60%;padding:20px;background-color:var(--cor-branca);margin:20px auto;min-height:70vh;height:auto;}
.header-carrinho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:left;padding:20px 0;}
.itens-car{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px;background-color:var(--cor-bg);margin:3px auto;}
.itens-car li{width:50%;}
.itens-car li + li{width:10%;text-align:center;}
.itens-car li + li + li{width:10%;display:flex;justify-content: space-between;}
.itens-car li + li + li + li{width:10%;display:block;}
.itens-car li + li + li + li + li{width:5%;text-align:center;}
.btn-limpar{padding:10px;background-color:var(--cor-roxa);color:var(--cor-branca);margin-right:0;}
.btn-limpar:hover{background-color: #F7791A;}
.titulo-carrinho{font-size:20px;font-weight:700;color:var(--cor-roxa);}
.total-pagamento{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;text-align:left;padding:10px 0;}
.total-pagamento p{text-align:right;margin-right:0px;padding:10px;font-size:20px;font-weight:700;color:var(--cor-roxa);}
/* PAGAMENTO PIX */
.qrcode{width:30%;padding:20px;background-color:var(--cor-branca);margin:20px auto;text-align:center;min-height:75vh;height:auto;}
.qrcode img{width:200px;}
.txt-qrcode{word-break: break-all;width:100%;overflow-wrap: break-word;font-size:12px}
.qrcode button{width:200px;background-color:green;color:var(--cor-branca);padding:10px;border:none;margin:20px auto;display:block;}
/* SUPORTE */
.suporte{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.box-suporte{background-color:var(--cor-branca);padding:30px;margin:20px auto;width:100%;max-width:40vw;border-radius:5px;}
.box-suporte label{display:block;width:100%;margin:10px auto;}
.box-suporte input, .box-suporte select{height:6vh;}
.box-suporte input, .box-suporte select, .box-suporte textarea{width:100%;border-radius:5px;border:1px solid var(--cor-cinzaClaro);outline:none;padding:5px;}
.box-suporte input[type="submit"]{border:none;background-color:var(--cor-roxa);color:var(--cor-branca);}
.box-suporte input[type="submit"]:hover{background-color:var(--cor-lotomania);}
/*RODAPÉ*/
footer{width:100%;border-top:2px solid var(--cor-roxa);padding:20px;}
.box-rodape{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.logo-rodape{width:100px;}
.logo-rodape img{width:100%;}
.direitos{font-size:12px;text-align:center;}
.redes-sociais{font-size:20px;}
.redes-sociais i{padding:10px;color:var(--cor-roxa);}
.redes-sociais i:hover{padding:10px;color:var(--cor-lotomania);}
/* PAINEL USUÁRIO */
.conta{padding:20px;}
.box-conta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;padding:20px;background-color:var(--cor-table);}
.box-conta form{border-radius:5px;background-color:var(--cor-branca);padding:20px;width:50%;}
.box-conta label{padding:10px;display:block;}
.box-conta input{width:100%;height:6vh;padding:0 5px;border:1px solid var(--cor-cinzaClaro);border-radius:5px;outline:none;}
.box-conta input[type="submit"]{border:none;background-color:var(--cor-roxa);color:var(--cor-branca);}
.box-conta input[type="submit"]:hover{background-color:var(--cor-lotomania);}
.resgate{width:49.5%;background-color:var(--cor-branca);border-radius:5px;padding:20px;}
.resgate form{padding:0;width:100%;}
.resgate label{padding:10px 0;}
.resgate input, .resgate select{width:100%;height:6vh;}
.resgate span{font-size:20px;font-weight:700;color:var(--cor-rosa);padding:20px 0 0;display:block;}
.resgate p{padding:5px 0;}

@media screen and (max-width:720px){
/* MESNAGEM */
.msg{padding:10px;}
.msg p{width:100%;}
.msg i{font-size:40px;margin:20px auto;}
/* CABEÇALHO */
.box-cabecalho{flex-direction:column;}
.menu-categorias{width:100%;}
.menu-categorias li{padding:20px;}
.menu-categorias a{width:100%;}
/* LOGIN - CADASTRO */
.login, .cadastro{padding:0;}
.box-login, .box-cadastro{width:100vw;padding:20px 5px;}
.form-login, .form-cadastro{padding:10px;}
.form-login label, .box-cadastro label{width:100%;padding:5px;}
/* JOGOS */
.box-jogos ul{display:block;}
.box-jogos li{width:100%;}
/* DETALHES */
.detalhes{padding:5px;}
.box-detalhes{display:block;padding:0;}
.itens-detalhes, .apostas{width:100%;padding:0;}
/* CARRINHO */
.carrinho{padding:0px;}
.box-carrinho{width:100%;}
.itens-car li{width:100%;padding:10px;text-align:center;}
.itens-car li + li{display:none;}
.itens-car li + li + li,
.itens-car li + li + li + li,
.itens-car li + li + li + li + li{width:33.33%;}
/* PAGAMENTO PIX */
.qrcode{width:100%;}


/* MINHAS APOSTAS */
.minhas-apostas tr{width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;}
.minhas-apostas th{display:none;}
.minhas-apostas td,
.minhas-apostas td + td{width:100%;padding:20px;display:block;}
.minhas-apostas td + td + td,
.minhas-apostas td + td + td + td,
.minhas-apostas td + td + td + td + td{width:33.33%;}
.minhas-apostas td + td + td + td + td + td,
.minhas-apostas td + td + td + td + td + td + td{width:50%;}
.box-rodape{text-align:center;flex-direction: column;} 
}
@keyframes loading {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes btn-apostar{
    from{transform: scale(1);}
    to{transform: scale(1.08);}
}