.upcoming-list {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.3vh; /* Extremadamente compacto para 18 filas */
    padding-bottom: 0.5vh;
}

.upcoming-row {
    background: #ffffff !important;
    border: 1px solid #d9dadd !important;
    border-left: 6px solid #f37630 !important;
    border-radius: 6px;
    padding: 0.2vh 1vw; /* Muy delgado */
    display: flex;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    font-size: 2.1vh;
    animation: fadeIn 0.5s ease-in-out;
}

.up-date {
    font-weight: 700;
    color: #666 !important;
    width: 10vw;
    font-size: 1.8vh;
}

.up-time {
    font-weight: 800;
    color: #f37630 !important;
    width: 8vw;
}

.up-cancha {
    font-weight: 800;
    color: #78aa42 !important;
    width: 12vw;
}

.up-teams {
    flex: 1;
    font-weight: 800;
    color: #3a3171 !important;
    display: flex;
    align-items: center;
    gap: 1vw;
}

.up-category {
    font-weight: 700;
    color: #666 !important;
    width: 20vw;
    text-align: right;
    font-size: 1.8vh;
}

.up-logo {
    width: 4vh;
    height: 4vh;
    object-fit: contain;
    background: transparent;
    border: none;
    padding: 0;
}

.up-name { font-size: 3.5vh; font-weight: 800; }