/* Burbuja de fecha y etiquetas de las tarjetas públicas (Views/Shared/Public/_CardMetaBubble).
   Aquí solo va su aspecto; cada tarjeta la coloca con su propia clase (news-card.css, partidas.css). */

.moc-meta-bubble {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .875rem;
    padding: .5rem .75rem;
    border: .0625rem solid var(--qg-public-color-white-20);
    border-radius: .75rem;
    background: var(--qg-public-color-surface-session);
    box-shadow: 0 .75rem 1.5rem var(--qg-public-color-black-46);
    color: var(--qg-public-color-white);
    font-size: .8125rem;
    line-height: 1.2;
    backdrop-filter: blur(.625rem);
}

.moc-meta-bubble__item,
.moc-meta-bubble__tags {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.moc-meta-bubble__item {
    gap: .375rem;
}

.moc-meta-bubble__icon {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    color: var(--qg-public-color-secondary-coral);
    stroke-width: 1.8;
}

.moc-meta-bubble__tags {
    flex-wrap: wrap;
    gap: .25rem;
}

.moc-meta-bubble__tag + .moc-meta-bubble__tag::before {
    margin-right: .25rem;
    color: var(--qg-public-color-secondary-coral);
    content: "·";
}