/* =========================================
   TABLA COMPETICIÓN
========================================= */

.club-tabla-comp-wrap{
    width:100%;
    overflow-x:auto;
}

.club-tabla-comp{
    width:100%;
    min-width:760px;
    border-collapse:collapse;
    border:none;
    table-layout:auto;
    font-family:'Open Sans',sans-serif;
}

/* Encabezado */

.club-tabla-comp thead th{
    padding:0 0 12px;
    border:none;
    border-bottom:1px solid #E5E5E5;
    background:none;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color:#000;
    text-align:left;
    white-space:nowrap;
}

/* Celdas */

.club-tabla-comp tbody td{
    padding:14px 0;
    border:none;
    border-bottom:1px solid #E5E5E5;
    font-size:15px;
    color:#444;
    vertical-align:middle;
}

/* Hover */

.club-tabla-comp tbody tr:hover{
    background:#FAFAFA;
}

/* Columnas */

.club-tabla-comp th:nth-child(1),
.club-tabla-comp td:nth-child(1){
    width:42px;
    text-align:center;
    font-weight:700;
}

.club-tabla-comp th:nth-child(n+3),
.club-tabla-comp td:nth-child(n+3){
    width:48px;
    text-align:center;
}

/* Club */

.club-tabla-comp .club{
    display:flex;
    align-items:center;
    gap:12px;
}

.club-tabla-comp .club-escudo{
    width:30px;
    height:30px;
    object-fit:contain;
    flex-shrink:0;
}

.club-tabla-comp .club span{
    font-size:15px;
    color:#444;
    line-height:1.2;
    text-transform:uppercase;
}

/* Puntos */

.club-tabla-comp .pts{
    font-weight:800;
    color:#000;
}

/* =========================
   MÓVIL
========================= */

@media (max-width:767px){

    .club-tabla-comp-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .club-tabla-comp{
        width:max-content;
        min-width:max-content;
    }

    /* Reordenar columnas */

    .club-tabla-comp thead tr,
    .club-tabla-comp tbody tr{
        display:flex;
        align-items:stretch;
        border-bottom:1px solid #E5E5E5;
    }

    .club-tabla-comp thead th,
    .club-tabla-comp tbody td{
        flex:0 0 34px;
        width:34px;
        min-width:34px;
        padding:10px 4px;
        font-size:12px;
        text-align:center;
        white-space:nowrap;
        box-sizing:border-box;
        border-bottom:none;
    }

    /* POS */

    .club-tabla-comp th:nth-child(1),
    .club-tabla-comp td:nth-child(1){
        order:1;
        flex-basis:30px;
        min-width:30px;
    }

    /* CLUB */

    .club-tabla-comp th:nth-child(2),
    .club-tabla-comp td:nth-child(2){
        order:2;
        flex-basis:200px;
        min-width:200px;
        text-align:left;
    }

    /* PTS primero */

    .club-tabla-comp th:nth-child(12),
    .club-tabla-comp td:nth-child(12){ order:3; }

    .club-tabla-comp th:nth-child(3),
    .club-tabla-comp td:nth-child(3){ order:4; }

    .club-tabla-comp th:nth-child(4),
    .club-tabla-comp td:nth-child(4){ order:5; }

    .club-tabla-comp th:nth-child(5),
    .club-tabla-comp td:nth-child(5){ order:6; }

    .club-tabla-comp th:nth-child(6),
    .club-tabla-comp td:nth-child(6){ order:7; }

    .club-tabla-comp th:nth-child(7),
    .club-tabla-comp td:nth-child(7){ order:8; }

    .club-tabla-comp th:nth-child(8),
    .club-tabla-comp td:nth-child(8){ order:9; }

    .club-tabla-comp th:nth-child(9),
    .club-tabla-comp td:nth-child(9){ order:10; }

    .club-tabla-comp th:nth-child(10),
    .club-tabla-comp td:nth-child(10){ order:11; }

    .club-tabla-comp th:nth-child(11),
    .club-tabla-comp td:nth-child(11){ order:12; }

    .club-tabla-comp .club{
        gap:8px;
    }

    .club-tabla-comp .club-escudo{
        width:24px;
        height:24px;
    }

    .club-tabla-comp .club span{
        font-size:13px;
    }

}