.cards-container {
        font-family: Inter, sans-serif;
        align-self: stretch;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 16px;
        overflow: scroll;
        padding: 4px 0 4px 1px;
    }
    
    .card {
        width: 302px !important;
        height: 133px;
        background: #fcfcfc;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        /*outline: 1px solid #04f77c;*/
        display: flex;
        flex-direction: column;
        gap: 4px;
        border: 1px solid #04f77c;
    }
    
    .card > a {
        text-decoration: none;
    }
    
    .card-header
     {
         width:300px;
        height: 24px;
        background: #1a1a1a;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        /* border: 1px solid #04f77c; */
        border-bottom: 0;
        padding: 2px 8px;
        display: flex;
        align-items: center;
    }
    
    .card-header-content {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    
    .date {
        color: #05e172;
        font-size: 12px;
        line-height: 20px;
    }
    
    .time {
        color: #fcfcfc;
        font-size: 12px;
        line-height: 20px;
    }
    
    .card-body {
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: relative;
        top: 3px;
    }
    
    .match-info {
        display: flex;
        flex-direction: column;
        height: 56px;
        top: 4px;
        position: relative;
        gap: 4px;
    }
    
    .league {
        /* width: 300px; */
        height: 24px;
        color: #0cab5a;
        font-size: 14px;
        font-weight: 700;
        line-height: 24px;
        padding: 4px 0 4px 8px;
        margin-top: 0px;
    }
    
    .teams {
        height: 17px;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0 4px 0 4px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
    
    .team {
        display: flex;
        align-items: center;
        gap: 4px;
        /*width: 100%;*/
    }
    
    .team-icon {
        width: 16px;
        height: 17px;
        position: relative;
        background-size: cover;
    }
    
    .teams .team .team-icon {
        content: "";
        display: block;
        background-image: url(/css/random/torneos/escudos/futbol/empty.svg);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-size: 15px;
        background-position: center;
    }
    /* camisetas baloncesto */
    .teams .team .Baloncesto.team-icon {
        content: "";
        display: block;
        background-image: url(/css/random/torneos/escudos/baloncesto/empty.svg);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-size: 15px;
        background-position: center;
    }
    
    .team-icon-1 {
        /* background: #ffe400; */
        background-image: url('./img/Group\ 242.svg');
    }
    
    .team-icon-2 {
        /* background: #da2f34; */
        background-image: url('./img/barcelona.svg');
    }
    
    .team-name {
        color: #2d2d2d;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
    
        max-width: 114px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .vs {
        color: #2d2d2d;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding: 0 8px;
    }
    
    /* Tres columnas: cuota local (1), empate (X), visitante (2) */
    .type1X2.odds {
        display: flex;
        align-items: flex-start;
        gap: 0px;
    }

    .type1X2 .odd {
        width: 100px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #2d2d2d;
    }
    
    .odd-1 {
        background: #fcfcfc;
        border-bottom-left-radius: 4px;
    }
    
    .type1X2 .odd-x {
        background: #d9d9d9;
        opacity: 0.9;
    }
    
    .odd-2 {
        background: #fcfcfc;
        border-bottom-right-radius: 4px;
    }
    /* Dos columnas: cuota local (1), visitante (2) */
    .type1-2.odds {
        display: flex;
        align-items: flex-start;
        gap: 0px;
    }

    .type1-2 .odd {
        width: 150px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #2d2d2d;
    }
    .type1-2 .odd-x {
        display: none;
        background: #d9d9d9;
        opacity: 0.9;
    }
    .odd-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    
    .odd-label {
        color: #2d2d2d;
        font-size: 16px;
        font-weight: 400;
    }
    
    .odd-value {
        color: #0cab5a;
        font-size: 16px;
        font-weight: 700;
    }    
        
    /* new stye BPLAYAR-2445 */
    .bp3-lobbyGames--header, .bp3-lobbyPromotions--header, .bp3-widget-aadd--header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid var(--primary, #05E172);
        padding-bottom: 2px;
        margin-bottom: 20px;
    }
    /* Game Lobby List ---------------------------- */
        .bp3-lobbyGames--wrapper {
        }
        .display-grid-fullwidth {
            grid-column: 2 / 14;
        }
        
        /* Section Header */
        .bp3-lobbyGames--header,
        .bp3-lobbyPromotions--header,
        .bp3-widget-aadd--header{
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid var(--primary, #05E172);
            padding-bottom: 2px;
            margin-bottom: 20px;
        }
        .bp3-lobbyGames--header-title,
        .bp3-lobbyPromotions--header-title,
        .bp3-widget-aadd--header-title {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .bp3-lobbyGames--header-title img,
        .bp3-lobbyPromotions--header-title img,
        .bp3-widget-aadd--header-title img{
            width: 32px;
            height: 32px;
        }
        .bp3-lobbyGames--header-title h3,
        .bp3-widget-aadd--header-title h3{
        }
        .bp3-lobbyGames--header-url a,
        .bp3-widget-aadd--header-url a{
        }
        .color-bases-light-gray {
            color: var(--Bases-Light-Gray, #ECECEC);
        }
        .color-green-bplay {
            color: var(--green-bplay, #04F77C);
        }
        .body-1 {
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            line-height: 24px; /* 150% */
        }
        .body-3 {
            font-family: Inter;
            font-size: 12px;
            font-style: normal;
            line-height: 16px; /* 133.333% */
        }
        .bold {
            font-weight: 700;
        }