.evento-item {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    display:flex;
    gap:20px;
    align-items:center;
    justify-content:center;
    padding:12px 0px
}

.evento-item h3 {color:var(--cor-primaria);}

.evento-item .titulo {margin-right:auto}

.evento-item .btn {background:var(--cor-primaria);color:var(--cor-texto-principal)}
.evento-item .btn:hover {color:var(--cor-primaria);background:rgba(255,255,255,0.1)}

.evento-item .links {gap: 20px;
    align-items:center;
    justify-content:center;text-align:center}

.evento-item .header {
    align-items:center;
    gap:20px;
    margin-right: auto;
}

.filtro-agenda {
    background:rgba(0,0,0,0.05);
    padding: 16px 0px;
}

#filtro-agenda {
    display: flex;
    align-items: center;
    gap: 12px
}

.filtro-agenda select {
    width: 100%;
    max-width: 200px;
    padding: 12px;
    border: none;
    color: var(--cor-texto-principal);
    font-family: 'Montserrat', sans-serif;
}

.page-agenda .evento-item {
    border-color:rgba(0,0,0,0.1)
}

.mais-eventos {
    display: block;
    width: 100%;
    margin: 20px auto;
    color: var(--cor-primaria);
    text-transform: uppercase;
}

.mais-eventos[disabled] {
    color: rgba(0,0,0,0.2);
    cursor: not-allowed;
}

.evento-item .titulo {color: white;}

.page-agenda .evento-item .titulo {color: var(--cor-texto-principal);}

.links .add {background:rgba(255,255,255,0.1);display:inline-block;padding:12px;border-radius:50%;display:flex;}
.page-agenda .links .add, .links .add:hover {background:var(--cor-primaria)}
.page-agenda .links .add path, .links .add:hover path {stroke:var(--cor-texto-principal)}

@media(max-width:768px) {
    .evento-item {flex-direction:column;justify-items:start;align-items:start; padding:5vw}
    .evento-item h3 {
        width:40px;margin:0px
    }
    .evento-item:nth-child(odd) {background:rgba(255,255,255,0.05)}
    #musica .content {width:100%;}
    #musica #agenda .title, #musica #agenda .subtitle {padding:0px 5vw}
}