@media screen and (min-width: 576px) {

    .btn-primario {
        padding: 24px 48px;
    }

    section.eventos .card .tag p{
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {

    main#index {
        background: url('../img/background-main-desktop.webp') no-repeat;
        background-size: cover;
    }

    section.quem-somos {
        padding: 90px 0 150px;
    }

    section.tickets {
        margin-bottom: 150px;
    }

    main.login-area-do-cliente form input {
        width: 400px;
    }

    section.venda-ingressos .btn-adicionarVoucher {
        width: 30%;
    }
}

@media screen and (min-width: 992px) {

    .nav-link.area-do-cliente {
        color: var(--laranja) !important;
    }

    section.aniversario {
        background: url('../img/background-aniversario-desktop.png') no-repeat center;
        padding: 70px 0 311px;
    }

    section.quem-somos {
        padding: 150px 0;
    }

    section.regras-e-depoimentos {
        background: url('../img/background-regras-e-depoimentos-desktop.png') no-repeat;
    }

    section.cronograma-da-festa {
        background: url('../img/background-cronograma-da-festa-desktop.png') no-repeat;
        background-size: cover;
        padding: 200px 0 80px;
        margin-top: -200px;
        position: relative;
        z-index: 2;
        bottom: -67px;
    }

    footer {
        padding-top: 60px;
    }

     footer ul li {
        text-align: start;
     }

    section.tickets .card {
        max-width: 350px;
    }

    section.venda-ingressos #tabelaIngressos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1400px){
    section.tickets .card {
        max-width: 420px;
        margin: 0;
    }

    section.regras-e-depoimentos{
        margin-top: -300px;
    }


    section.cronograma-da-festa {
        bottom: 0;
    }

}