.container-item-game {
    position: relative;
    width: 100%;
    max-width: 400px;
}

/***** live game category *****/
figure.effect-oscar > video{
	min-height: 0px;
    position: relative;
    border-bottom: solid 2px #460e29;
}
video {
    border-bottom: solid 2px #460e29;
}
.liveBox {
    width: 100%;
    /*background: #000; */
    background: var(--bs-gray-900);
    /*border: solid 0.5px #212529;*/
}
.liveBox > video {
	min-height: 105px;
    position: relative;
    border-radius: 5px;
}
.liveBox a:hover {
    background: var(--bs-secondary-bg-subtle);
}
.liveBox a {
    background: #761844;
    color: #FFF;
}
.liveBox span.title{
    line-height: 21px;
    min-height: 41px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.liveBox .card {
    /*min-height: 135px;*/
    min-height: 97px;
    border-radius: 0px;
}
.live-img-container {
    width: 100%; /* Escala en base al ancho de la ventana */
    max-width: 100%; /* Límite máximo opcional */
    aspect-ratio: 16 / 9; /* Mantiene proporción */
    position: relative;
    font-family: 'Saira Condensed', sans-serif;
    border-bottom: solid 2px #460e29;
}

.live-background {
    background-image: url('/images/games/2-live-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    border-top-right-radius: var(--bs-border-radius);
    border-top-left-radius: var(--bs-border-radius);
}
.live-dealer {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}
.live-dealer img {
    height: 100%;
    object-fit: contain;
    display: block;
}
.live-dealerName {
    position: absolute;
    top: 68%;
    right: 35%;
    transform: translateY(-50%);
    font-style: italic;
    font-weight: bold;
    padding-right: 8px;

    background: linear-gradient(to bottom, #fae6d6, #a87f5d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.fa-play-circle-limit:hover{
    color: var(--bs-body-color);
}
/*-----------------------------------------------------------------------------------*/
/*  TABLET
/*-----------------------------------------------------------------------------------*/ 
@media (max-width: 991px) {
    .liveBox span.title {
        font-size: 0.82rem;
        min-height: 31px;
    }    
}


@media only screen and (min-device-width: 767px) and (max-device-width: 990px) and (orientation:landscape) {
}
/*-----------------------------------------------------------------------------------*/
/*  PHONE
/*-----------------------------------------------------------------------------------*/ 
@media (max-width: 767px) { 
    .liveBox {
        min-height: auto;
    }
    .liveBox span.title {
        font-size: 0.75rem;
        min-height: 42px;
    }
}