h1 {
    color: var(--cor-cinza1);
    text-align: center;
}

.events-container {
    display: grid;
    justify-items: center;
    padding: 24px 0px;
    gap: 12px;
}

.events-container h2 {
    margin-bottom: 12px;
    color: #000000;
}

.events-container .filtros {
    display: flex;
    gap: 12px;
    margin-bottom: 12pxr;
}

.events-container .filtros span {
    display: block;
    padding: 12px 24px;
    color: var(--cor-cinza4);
    border: 1px solid var(--cor-cinza4);
    border-radius: 40px;
}

.events-container #events-list {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4, auto);
    gap: 24px;
}