


.titulo_jornadas {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: end;
}

.nombre-jornada-actual {
    color: #050505;

    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Syne", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.102px;
    text-transform: uppercase;
}

.fecha-jornada-actual {
    color: #666;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Syne", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.084px;
    text-transform: uppercase;
}

#reloadTable {
    &>table {
        &>thead {
            background-color: var(--componet-primary-color);
            color: var(--componet-primary-color-text);

            &>tr {
                &>th {
                    padding: 18px 10px;
                    text-align: center;
                }

                &>th:first-child {
                    text-align: left;
                    padding-left: 36px;
                }
            }

        }

        &>tbody {
            &>tr:nth-child(odd) {
                background-color: var(--main-bg-color);
            }

            &>tr:nth-child(even) {
                background-color: var(--main-content-color);
            }

            &>tr {
                &>td:first-child {}

                &>td {

                    &>.col-estadisticas,
                    .col-directo {
                        display: flex;
                        justify-content: center;

                        &>a {
                            min-width: 36px;
                            margin: 4px;
                        }
                    }

                    &>.equipos-col {
                        display: flex;


                        &>.escudos-partido {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            gap: 10px;
                            margin-right: 10px;

                            &>a {
                                min-width: 43px;
                                min-height: 43px;
                                display: flex;
                                border-radius: 36px;
                                background-color: white;
                                justify-content: center;
                                align-content: center;
                                align-items: center;

                                &>img {
                                    width: 34px;
                                    min-width: 34px;
                                    min-height: 34px;
                                    display: block;
                                    border-radius: 36px;
                                }
                            }
                        }
                    }

                    &>.custom-col {
                        display: flex;
                        padding: 8px 16px;
                        justify-content: center;
                        align-items: center;
                        gap: 8px;
                        align-self: stretch;
                        border-radius: 50px;
                        background: #FFF;

                    }

                    &>.custom-col-circle {
                        max-width: 36px;
                        max-height: 36px;
                        display: flex;
                        padding: 9px;
                        align-items: center;
                        gap: 10px;
                        align-self: stretch;
                        border-radius: 50px;
                        background: #FFF;
                    }

                    &>.center-col {
                        display: flex;
                        justify-content: center;
                    }
                }

                &>.col-lugar {
                    max-width: 166px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            }
        }
    }
}

.disabled {
    color: #666666;
}