@media (max-width:1668px){
    body{
        margin-top:74px!important ;
    }
    .container{
        max-width: 1140px;;
    }
    .modal-abrir-conta{
        padding-top:75px;
    }
    h1 {
        font-size: 32px;
        font-weight: 600;
    }
    span.light-text{
        line-height: 23px;        
    }
    h2{
        font-size:22px;
    }

    h3 {
        font-size: 26px !important;
        font-weight: 500;
    }
     p.aviso{
        font-size:12px !important;
    }
    nav li {
       font-size: 16px !important;
    }
    header li.last{
        border-radius: 10px !important;
    }
      button{
        font-size:14px !important;
        padding: 6px 20px!important;
    }
    header .site-header .logo {
        max-height: 69px;
        max-width: 163px;
    }
    header .site-header nav{
        height: 74px !important;
    }
    header .site-header nav li.last {
	    padding: 8px 20px;
    }
    .magnum-banner{
        max-height: 40vw;
    }
    .site-footer .container .footer-logo p {
        font-size: 13.1px;
        line-height: 23px;
    }
    header > div{
        height: 74px;
    }
    .first-section .content {
        margin-top: 11.2%;
    }
    .first-section h1{
        line-height: 42px;
    }

    .first-section p{
        margin-top: 14px;
        margin-bottom:44px;
        font-size:24px !important;
    }
    .second-section > .container{
        display:flex;
        flex-direction: row;
    }
    .second-section .primary-content{
        width:50%;
        margin-top:25px;
    }
    .second-section{
        padding:0 !important;
    }
    .second-section .img-cartao img{
        margin-left:-25px;
        margin-bottom: -4px;
    }
    .second-section .img-cartao{
        width:50%;
    }
    .second-section .content p {
        font-size: 22px !important;
    }
    .second-section h4{
        margin-top:60px !important;
        font-size:24px !important
    }
    .thirty-section .cards-beneficios > h3 {
        min-width: 510.6px;
        margin-top: 58.3px;
        margin-bottom: 14px;
        line-height: 34px !important;;
    }
    p.min {
        font-size: 14px !important;
    }
    .eighth-section .app-buttons{
        max-width: 340px;
    }
    .thirty-section .cards-beneficios article {
         display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        max-width: 375.8px;
        min-height: 215.3px;
    }
    .thirty-section .beneficios .cards-beneficios h5 {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 30px;
        font-weight: 400;
        width: 188.0px
    }

    .thirty-section .cards-vantagens article p {
        height: 32px;
        margin-top: 8px;
        margin-bottom: 18px;
        
    }
   .thirty-section .cards-beneficios article p {
        max-width: 249px !important;
        font-size: 15px;
    }
    .fourth-section > .container, .fifth-section .container{
        max-width:1130px;
    }

    .thirty-section .cards-vantagens article img {
        width: 51px;
    }

    .thirty-section .beneficios .side-image img {
        width: 130% !important;
    }
  .cards-beneficios p{
        max-width:350px;
        font-size: 15px;
    }  
    .thirty-section .vantagens > h3 {
        padding-top: 53px;
        padding-bottom: 46px;
    }
    .thirty-section .beneficios .cards-beneficios h5{

    }
    .fourth-section .cards-exclusivos p {
        min-height: 187px;
    }

    .fourth-section .cards-exclusivos p {
        padding: 36px 30px;;
        line-height: 34px !important;
        max-width: 378px;
        margin: auto;
        font-size: 22px;
    }
    .thirty-section .cards-vantagens article{
        max-width: 128px !important;

        max-height: 125px;;
        border-radius:10px !important;
        padding:12px;
    }
    .thirty-section .cards-vantagens article p, .thirty-section .cards-vantagens article img{
        margin-top:10px;
    }

    .fourth-section h3 {
        font-weight: 600;
        padding: 82px 0;

    }
    .cards-experiencia p{
            padding: 36px 30px !important;
    }
    .first-section button{
        font-size:12px !important;
        width: 170px;
        height: 36px;
    }
    .ninth-section .container .cards-produtos article p {
        font-size: 20px;

    }
     .cards-experiencia p, .cards-exclusivos p {
        line-height: 41px !important;
        font-weight: 300;
        font-size: 14px !important;
    }
    .fourth-section .cards-exclusivos img, .fifth-section .cards-experiencia img{
        
    }
      .sixth-section button {
        line-height: 22px;
        padding: 14px 40px !important;
        }
        
    .sixth-section button {
        width: 596.6px;
    }
    .eighth-section h2{
        font-size:32px;
        }
    .ninth-section .container .cards-produtos article p{

    }
    .fifth-section .header {
        background-image: url('../images/webp/Plano\ de\ Fundo.webp');
        background-position: 50% 100%;
        background-repeat: no-repeat;
        height: 386.3px;
        background-size: 1504.4px;
    }
    .sixth-section button{
        line-height: 22px;
        padding: 14px 30px !important;
    }
    .sixth-section .container{
        max-width:652px;
    }
}
@media (max-width:1140px){
    .container{
        max-width:940px;
    }
}
/* Breakpoint para telas menores que 900px */
@media (max-width: 920px) {
    .container{
        max-width: 420px;;
    }
    main{
        padding:0 0px !important;
    }
    header > div {
        height:65px
    }
    header .site-header nav{
        height:65px;
        }
    header{
        padding:0 0px !important;
    }
    footer .app-buttons{
        align-items: center !important;
        justify-content: center !important;
        margin: 0 0;
        margin-left:auto;
    }

    .thirty-section .vantagens > h3 {
        padding-top: 32.6px;
        padding-bottom: 20.3px;
    }
    .thirty-section .aviso{
        max-width: 400px;
        padding: 0px 16px;
    }
    .navbar-button button{
        padding:0 !important;
    }
    .fifth-section {
         background: black
    }
    .thirty-section .container{
        padding:0 10px !important;
    }
    .display-mobile-none{
        display:none !important;
    }
    .display-desktop-none{
        display:block !important;
    }
    .download-app{
        margin-bottom:20px;
    }
    .app-buttons{
        
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto;;
    }
    .second-section h4{
        font-size:14px !important
    }
    .sixth-section button {
        padding: 14px 16px !important;
    }
    .sixth-section button p {
        font-size:13px !important;
    }
    .sixth-section button img{
        max-width:45px;
    }

    .site-footer p, .site-footer nav li{
    font-size:14px !important;
    line-height: 22px !important;;
    }
    .site-footer h4,.site-footer h5{
        font-size:.9rem!important
    }
    .footer-logo {
          justify-content: center !important;
    }
    .ninth-section {
        background-image: url('../images/sombra-mobile.png');
        background-position:center;
    }
      .modal-abrir-conta{
        padding-top:65px;
    }
    .container.beneficios{
        padding-top:28px !important;
    }
    .site-footer .last-footer{
        flex-direction: column-reverse;
    }
    .fifth-section .container, .fourth-section .container{
        width:100% !important;
        max-width:100%;
        padding:0;
    }
    .fifth-section .container h3{
        padding-left:0;
        padding-right: 0;
    }
    .fifth-section .container .cards-experiencia{
        padding: 18px 40px !important;
    }
     .fourth-section article > div{
        max-width:490px;
        width:100%;
        margin:0 auto;
    }

    .fifth-section article > div{
        max-width:450px;
        width:100%;
        margin:0 auto;
    }
    .fourth-section article {
        background-repeat: no-repeat;
        background-position:center; 
        padding:20px;
    }
    .modal-abrir-conta{
        width:77%
    }
    .modal#video .modal-conteudo {
        margin: 20% auto;
    }
    body{
        margin-top:65px !important;

    }
  
    h1{
        font-size:18px
    }
    h3{
        font-size:14px !important;

    }
    h4{
        font-size: 14px !important;
    }
    h5{
        font-size:20px !important;
        line-height: 28px !important;
        font-weight: 400;;
    }
    p {
        font-size:14px !important;
    }
    p.min{
        font-size:11px !important;
    }
   .fifth-section .header > div{
        background-image:url('../images/webp/retangulo-mobile.webp');
        background-size: cover;;
    }
    
    header .site-header{
        gap: 2%;
        height:65px;
    }
    header .site-header nav{
        justify-content: space-between;
    }
    header .site-header nav li {
        display:none !important;
    }
    header .site-header nav li.logo {
        display:block !important;
        max-height: 69px;
        max-width: 85px
    }
    .estrelas{
        max-width:156px;
    }
    .seventh-section .video-thumbnail {
        padding: 28px;
    }
    .seventh-section .video-thumbnail img {
        padding: 14px  4px;
        padding-bottom:8px;
        border:2px solid black;
        border-radius:8px;
    }
    .sixth-section button {
        padding: 10px 20px;
        max-width: 360px !important;
        width: 100%;
    
    }
    .sixth-section .container{
        max-width: 400.7px !important;
    }
    .sixth-section button p{
        font-size:12px;
        text-align: start;
    }
    header .site-header nav li.last {
        letter-spacing: 0.1em;
        background-color: var(--vermelho);
        padding:6px 10px;
        max-height: 25px !important;;
        border-radius:16px;
        font-size:.94rem !important;
    }
    .first-section p{
        font-size: 14px !important;
    }

    .first-section{
        display: block;
    }
    header .site-header nav li.last,header .site-header nav li.navbar-button{
        display:flex!important;
        font-size:11px !important;
    }
    header .site-header .navbar-button{
        display:flex;
    }
    .thirty-section .beneficios .side-image img {
        max-width:440px;
        padding:0 20px;

        margin-left:0 !important;
        z-index: 100;
    }
    
    .thirty-section .beneficios .side-image{
        z-index: 0;
        display:flex;
        margin-bottom: -12px;
        align-items:center;
        justify-content: center;;
    }
    .thirty-section .beneficios .side-image img {
        max-width: 320px;;
        width: 100%!important;
    }
    .fourth-section .cards-exclusivos,.fifth-section .cards-experiencia {
        grid-template-columns: repeat(1, 1fr)!important;
    }
    .fifth-section .cards-experiencia p{

    }
    .cartao img{

    }
    .cartao {

    }
    article{
        width:100%;
        margin: 0 auto;
    }
    .cards-beneficios article{
        background-image: none!important;;
    }
    .magnum-banner {
        max-height: 102.0vw;
        height:102.0vw;
        background-image: url('../images/webp/magnum-banner.webp') !important;
        background-position: right bottom !important;
        background-size: contain !important;
        font-size:18px !important
    }
    

    .faq-banner {
        min-height: 420.5px !important;
        background-image: url('../images/webp/bannerFaq-mobile.webp') !important;
    }
    .pergunta{
        font-size:.8rem !important;
    }
    .resposta{
        line-height: 16px;;
        font-size:12px;
    }
    .first-section .content{
        margin-top:0!important;
    }
    .first-section .content h1{
        line-height: 20px;
        margin-top:4%;
    }
    .first-section .content p{
        margin-bottom: 44px;
        
    }

    .second-section h4{
        margin-top:35px !important;
        min-width: 292px;
    }
    .second-section{

        height: auto;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center center;
        background-image: url('../images/webp/fundo-mao-cartao-mobile.webp') !important;
    }
    .second-section h3{
        margin-top: 6px !important;

    }
    .second-section > h4 {
        font-size:14px;
    }
    .second-section .content h3, .second-section .content p{
        font-size:14px !important;
        line-height: 19px;;
    }
    .second-section .content p{
        padding-top: 12px;
    }
    .thirty-section .container{
        background-image:none;
        background-color: #d8d7d5;
        max-width: 100%;
        padding:0 !important;
    }
    .thirty-section .side-image{
        background-image: url('../images/webp/grafismo.webp');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    .thirty-section .cards-vantagens article{
        max-width: 188px !important;
        max-height: 115.7px;        
    }
    .thirty-section .cards-vantagens {
        padding: 28px;
        gap:12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 400px;
        margin: auto;
    }
    .thirty-section .cards-vantagens article img{
        max-width:50px!important;
    }
    .thirty-section .beneficios{
        flex-direction: column-reverse!important;
    }
    .thirty-section .beneficios > div{
        width:100% !important;
    }

    .thirty-section .cards-beneficios article p, .fifth-section .cards-experiencia p{
        max-width:400px;
        font-size:16px !important;
        line-height: 22px !important;
    }
    .fifth-section .cards-experiencia p, .fourth-section .cards-exclusivos p{
        padding-bottom:32px !important;
        padding-top:24px !important;
        font-size:18px;
        font-weight: 400;;
        height: auto;
        min-height:40px;
    }

     .fifth-section .cards-experiencia article{
        max-width: 370px;
        min-height: 200px;
     }

    .thirty-section .cards-beneficios article{
        max-width: 370px;
        padding:20px;
        min-height: 200px;
    }

    .thirty-section .cards-beneficios{
        display:flex;
        justify-content: center;
        align-items:center;
        padding:0 20px;
        padding-bottom:50px;

    }
    .thirty-section .beneficios .cards-beneficios h5{
        font-weight: 500;
    }
    p.aviso{
        text-align: center !important;
        font-size:12px !important;
        max-width:400px !important;
    }
    .fourth-section .cards-exclusivos article {
        background-image: url('../images/webp/listra-cinza.webp');    
    }
    .fourth-section .cards-exclusivos article > div {
        padding:20px;
        max-width:370px;
        background-color:white;
    }

    .fifth-section .header {
        background-size:auto !important;
    }
    
    .fifth-section .header h3 {
        margin-top:8px;
        font-size:18px !important;
    }

    .seventh-section {
        background-image:none !important;
    }
    .eighth-section {
        background-image: url('../images/webp/fundo-imagem-celular-mobile.webp');  	
        
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center center;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }
    .fourth-section h3 {
        font-size: 18px !important;;
        font-weight: 600;
        padding-top:48px;
        padding-bottom:22px;
        max-width: 400px;
        margin: auto;
    }
    .fourth-section p{
        font-size:16px !important;
        line-height: 28px !important;;
        max-width: 281.7px !important;
    }
    .eighth-section, .eighth-section .content {
        align-items: center;
        height: auto!important;
        margin-right: auto;
        margin-left:auto;
    }
    
    .eighth-section .container h2{
        margin-bottom:40px;
        text-align: center !important;
        font-weight: 500;
    }
    .eighth-section img{
        max-width:320px;
    }
    .ninth-section .container .cards-produtos article {
        flex: 1 1 50% !important;
    }
    .ninth-section .container .cards-produtos p{
        font-size:16px !important
    }
    .ninth-section .container.title-wraper h3{
        font-size:18px !important
    }
    .ninth-section .container.aviso h3{
        font-size:16px !important;
        padding:40px 0;
    }
     .eighth-section h2{
        font-weight: 400;
        margin-top: 40px !important;
     }
     
    .eighth-section .container, .eighth-section .app-buttons, .eighth-section h2{
        font-size:18px;
        padding: 0!important;
        margin-bottom: 30px !important;
    }
    .thirty-section .cards-vantagens article img {
        width: 40px;
    }
    .eighth-section .app-buttons{
        max-width: 250px;
        margin:0 auto;
        ;
    }
    .eighth-section .container{
        margin-bottom:40px;
    }
    .download-app{
        align-items: center;
    }
    .download-app h5{
        text-align:center;
        font-weight: 600 !important;
    }
    .cards-jogos.mural{
        display:grid;
        grid-template-columns: repeat(1, 6fr)!important;
        max-width:840px;
        gap:6%;
        margin:0 auto;
    }
    .cards-jogos{
        padding:20px;
    }
    .cards-jogos article{
        max-width: 400px;        
    }
    .proximo-jogo .times > div{
        flex-direction: column !important;
    }
    .proximo-jogo .times > div.left{
        flex-direction: column !important;
    }
    footer, section.footer{
        padding:0 0px !important;
    }
    .ninth-section .container .cards-produtos article img{
        max-width: 55px;;
    }
    .site-footer .container.footer-logo {
        flex-direction: column;
        max-width:100%;;
    }
    .site-footer .container.footer-logo p{
        text-align: center;;
        font-size:14px !important;
        line-height: 18px !important;;
    }
    .social h5{
        font-weight: 600 !important;
        text-align:center;
    }
    .social-media{
        align-items: center;
        justify-content:center;
    }
    .footer-logo img{
        max-width:210.3px !important
    }
     .cards-beneficios{
        padding: 12px;
    }
    .ninth-section .container .cards-produtos article p{
        max-width: 122px!important;
    }

    .site-footer{
        flex-direction: column;
        padding:16px;
    }
    .site-footer > .container {
        width:100%!important;
    }
    .fifth-section .header > div {
        min-height: 61.7px !important;
        max-height: 70.1px;
        align-items: start;
    }
    
}



/* Breakpoint para telas menores que 730px */
@media (max-width: 730px) {
   .footer-logo img{
        max-width:210.3px !important;
        margin: 20px 0;
    }
    .footer-logo p {
        font-weight: 600 !important;
    }
    /* Seus estilos aqui */
}