.event-card {
    --color-default: var(--c-white);
    --_color: var(--color, var(--color-default));

    --bgcolor-default: #AFB5BB;
    --_bgcolor: var(--bgcolor, var(--bgcolor-default));
}

.event-card .background-color-dinamico {
    background-color: var(--_bgcolor);
}

.event-card .color-dinamico {
    color: var(--_color);
}

.event-card .color-dinamico :is(span, a) {
    color: inherit;
}

.event-card.rojo {
    --color: var(--color-item-rojo);
    --bgcolor: var(--color-item-rojo);
}

.event-card.naranja {
    --color: var(--color-item-naranja);
    --bgcolor: var(--color-item-naranja);
}

.event-card.verdeoscuro {
    --color: var(--color-item-verde-oscuro);
    --bgcolor: var(--color-item-verde-oscuro);
}

.event-card.amarillo {
    --color: var(--color-item-amarillo);
    --bgcolor: var(--color-item-amarillo);
}

.event-card.azul {
    --color: var(--color-item-azul);
    --bgcolor: var(--color-item-azul);
}

.event-card.morado {
    --color: var(--color-item-morado);
    --bgcolor: var(--color-item-morado);
}

.event-card.morado {
    --color: var(--color-item-morado);
    --bgcolor: var(--color-item-morado);
}

.event-card.verde {
    --color: var(--color-item-verde-claro);
    --bgcolor: var(--color-item-verde-claro);
}

.event-card .imagen.miniatura img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.event-card .modalidad {
    font-weight: 500;
    color: #767070;
}