@import url(../../css/cards/event-cartd.css);
#eventos-actividades-bc {
    background-color: var(--global-color-3);
    padding: 0 var(--sides);
}

#eventos-actividades-bc>h2 {
    position: relative;
    color: #fff !important;
    margin: auto;
    padding-top: 2rem;
}

.event-grid {
    display: grid;
    gap: var(--x);
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    padding: var(--x) 0;
    justify-content: space-between;
    
}

#eventos-actividades-bc .btn-container {
    display: flex;
    justify-content: center;
    padding:  var(--x) 0 calc(var(--x) *2) 0;
}

.event-grid .event-card{
    margin-bottom: 0;
}

@media screen and (max-width:1100px) and (min-width:720px) {
    .event-grid {        
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
    }
    .event-card:last-child{
        max-width: 420px;
        grid-column-start: 1;
        grid-column-end: 3;
    }
}



@media screen and (max-width:720px) {
    .event-grid {        
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;
    }
}