.agenda-eventi{display:grid;grid-template-columns:280px 1fr;gap:2rem}
.agenda-eventi__filters{display:flex;flex-direction:column;gap:.5rem;position:sticky;top:2rem;align-self:start}
.agenda-eventi__filter{border: 1px solid #000;background: #eaeaea; padding: .55rem .7rem;text-align: left;cursor: pointer;display: flex;align-items: center;gap: .5rem;width: fit-content;color: black;}
.agenda-eventi__filter.is-active{border-color:#111;font-weight:600}
/*.agenda-eventi__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding: 0 0 0 200px;}*/
/*.agenda-eventi__card{border:1px solid #e9e9e9;padding:1rem;background:#eaeaea}*/
.agenda-eventi__grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    /*gap:1rem;*/
    align-items:stretch;
    padding: 0 0 0 200px;
    margin-top: -200px;
}

.agenda-eventi__card{
    border:1px solid #e9e9e9;
    padding:1rem;
    background:#eaeaea;
    display:flex;
    flex-direction:column;
    height: fit-content;
    min-height:200px;
}
.agenda-eventi__date{font-size: 2.3em;margin:0 0 .45rem}
.agenda-eventi__time,.agenda-eventi__venue,.agenda-eventi__category{margin:0 0 .45rem}
.agenda-eventi__time{text-align: end;font-size: 1.2em}
.agenda-eventi__title{margin:1rem 0 .6rem;font-size:1.2em;line-height:1.3}
.agenda-eventi__title a{text-decoration:none;color:inherit}
/*.agenda-eventi__categories{display:grid;align-items:center;gap:.45rem;text-align:end;}*/
.agenda-eventi__categories{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    margin-top:auto;
    padding-top:1rem;
}
.agenda-eventi__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--cat-color,#6f6f6f);display:inline-block}.agenda-eventi__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--cat-color,#6f6f6f);display:inline-block}
.agenda-eventi-mini__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--cat-color,#6f6f6f);display:inline-block}.agenda-eventi__dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--cat-color,#6f6f6f);display:inline-block}
.agenda-eventi__empty{grid-column:1/-1}

.agenda-eventi__separator{
    grid-column: 1 / -1;
    width: 100%;
    border: 0;
    border-top: 3px solid #000;
    margin: .5rem 0 1rem;
}

.agenda-eventi__separator_white{
    grid-column: 1 / -1;
    width: 100%;
    border: 0;
    border-top: 2px solid #FFF;
    margin: .5rem 0 1rem;
}
.agenda-eventi--author{
    display:block;
}
.agenda-eventi__grid--author{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    padding:0;
    margin-top:0;
}
@media (max-width:1024px){
    .agenda-eventi{grid-template-columns:1fr}
    .agenda-eventi__filters{position:static;flex-direction:row;flex-wrap:wrap}
    .agenda-eventi__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .agenda-eventi__grid--author{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
    .agenda-eventi__filters{flex-wrap:nowrap;overflow:auto;padding-bottom:.35rem}
    .agenda-eventi__filter{white-space:nowrap}
    .agenda-eventi__grid{grid-template-columns:1fr}
    .agenda-eventi__grid--author{grid-template-columns:1fr}
}

@media (min-width: 1025px) {
    .agenda-eventi__card--middle {
        border-right: 3px solid #000;
        border-left: 3px solid #000;
        padding-right: 1rem;
        height: fit-content;
    }
}

.agenda-eventi-mini__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.agenda-eventi-mini__date {
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.agenda-eventi-mini__title {
    font-size: 1.5em;
    line-height: 1.3;
}

.agenda-eventi-mini__title a {
    text-decoration: none;
    color: inherit;
}

.agenda-eventi-mini__categories {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.5rem;
}

.agenda-eventi-mini__category {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.9em;
}

.agenda-eventi-mini__row--top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.5rem;
}

.agenda-eventi-mini__row--bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0.5rem;
}

.agenda-eventi-mini__dot-and-date{
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 3rem;
    line-height: normal;
}

.agenda-eventi-mini__cats{
    font-size:1.4em;
    text-align:right;
    white-space:nowrap;
}

.agenda-eventi-mini__time{
    font-size: 1.2em;
    text-align: end;
}