/* =========================================
   3. ADAPTACIÓN SCOREBOARD MÓVIL
   ========================================= */
@media (max-width: 768px) {
    
    .sb-body {
        flex-wrap: wrap; /* Permitir saltos de línea */
        padding: 10px;
        gap: 10px;
    }

    /* Fila 1: Hora (Izq) y Estado (Der) */
    .sb-meta-col {
        border-right: none;
        padding-right: 0;
        text-align: left;
        width: 45%; 
    }
    
    .sb-status-col {
        width: 45%; 
        justify-content: flex-end;
        flex: 1;
    }

    /* Fila 2: El Tablero ocupa todo el ancho abajo */
    .sb-scores-col {
        width: 100%;
        order: 3; /* Forzar abajo */
        border-top: 1px solid #333;
        padding-top: 10px;
        gap: 10px;
    }

    /* Ajuste de textos */
    .sb-team-name {
        font-size: 0.85rem;
        white-space: normal; /* Permitir 2 líneas */
        line-height: 1.2;
    }

    .sb-set-score {
        width: 20px; /* Reducir ancho de celda */
        font-size: 0.95rem;
        margin-left: 5px;
    }
}