/* evita salto en Rival en desktop */
.nowrap {
    white-space: nowrap;
}

/* Mobile */
@media (max-width: 767.98px) {
    .card-partido .label {
        color: #9aa0a6;
        font-size: .75rem;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .card-partido .value {
        font-weight: 600;
    }

    /* Rival en una sola línea (con elipsis si no entra) */
    .card-partido .value.rival {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ===== Historial jugador: tarjetas con chips (mobile) ===== */
@media (max-width: 767.98px) {

    /* Evitar que .table-x3 convierta cabeceras en labels en esta sección */
    .hist-card {
        position: relative;
    }

    .hc-title {
        font-size: 1rem;
        color: #f1f3f5;
        line-height: 1.2;
    }

    .hc-sub {
        color: #9aa0a6;
        font-size: .82rem;
    }

    .hc-chips {
        display: flex;
        flex-wrap: wrap;
        gap: .4rem .5rem;
        margin-top: .35rem;
    }

    /* Reutiliza tu .chip base y añade variantes */
    .chip-tag {
        background: rgba(255, 255, 255, .06);
        border-color: rgba(255, 255, 255, .12);
    }

    .chip-points {
        background: rgba(186, 216, 41, .15);
        border-color: rgba(186, 216, 41, .35);
        color: #bad829;
        font-weight: 600;
    }
}