/* Estilos Gerais da Tabela */
.tabela-kings {
    width: auto; /* Ajuste a largura conforme necessário */
    margin: auto; /* Centraliza a tabela */
    border-collapse: collapse;
    font-family: 'Arial', sans-serif;
    background-color: #0011ff69;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   
}

/* Estilo do Cabeçalho */
.tabela-kings thead th {
    background-color: #050449cb; /* Cor de fundo escura (parecida com a imagem) */
    color: #ff5e01dc; /* Cor do texto amarelo/dourado */
    padding: 12px 10px;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Estilo das Células de Dados */
.tabela-kings tbody td {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #f8d5b9; /* Linha divisória clara */
    font-size: 0.9em;
}

/* Efeito de Listra (Zebra) */
.tabela-kings tbody tr:nth-child(even) {
    background-color: #fcdcce93;
}

/* Destaque para a Coluna Time (alinhado à esquerda e negrito) */
.tabela-kings .time-nome {
    text-align: left;
    font-weight: bold;
    display: flex; /* Para alinhar o ícone/escudo e o nome */
    align-items: center;
    gap: 10px;
}

/* Destaque para a Posição */
.tabela-kings .posicao {
    font-weight: bold;
    font-size: 1.1em;
    background-color: #d86506d0; /* Fundo amarelo para o número */
    color: #080680ef;
}

/* Destaque para o Saldo de Mapas */
.tabela-kings .saldo-positivo {
    color: #008136; /* Verde */
    font-weight: bold;
}
.tabela-kings .saldo-negativo {
    color: #e74c3c; /* Vermelho */
    font-weight: bold;
}

/* Estilo de uma linha de "escudo" (substitua por imagens reais se tiver) */
.escudo {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    
     /* Cor temporária */
    /* Se for usar imagem de escudo, utilize: background-image: url('caminho/do/escudo.png'); */
    /* E remova o background-color */
}

#gen { background-image: url('imagens/Gen_GGlogo_square.jpg');}
#kcp { background-image: url('imagens/Karmine_Cospelogo_square.png');}
#fon { background-image: url('imagens/FONaticlogo_square.png');}
#g12 { background-image: url('imagens/G12logo_square.jpg');}
#vos { background-image: url('imagens/V_s_Grandeslogo_square.png');}
#ean { background-image: url('imagens/ÉanDGlogo_square.png');}
#pnt { background-image: url('imagens/PaiNtriotaslogo_square.png');}
#vic { background-image: url('imagens/100Viceslogo_square.png');}
#ore { background-image: url('imagens/Oreiudos_Esportslogo_square.jpg');}
#tpi { background-image: url('imagens/Tepei_Esportslogo_square.jpg');}

/* Títulos da Seção de Jogos */
.secao-jogos h2 {
    color: #ff9102e8; /* Amarelo */
    margin-top: 0;
    font-size: 1.8em;
    letter-spacing: 2px;
}

.secao-jogos .data {
    color: #ff9102e8;
    font-weight: bold;
    margin-bottom: 25px;
}

/* Estilo do Card de Jogo Individual */
.jogo-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.281); /* Fundo ligeiramente transparente */
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
}

/* Estilo dos Times */
.time {
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    width: 25%; /* Controla o espaço do nome do time */
    text-align: center;
}
/* Se houver espaço para imagens dos jogadores, você as colocaria aqui */

/* Estilo das Informações Centrais (Horário/MD3) */
.info-jogo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40%;
}
.info-jogo .horario {
    font-size: 1em;
    font-weight: bold;
    color: #ff5101; /* Amarelo */
}
.info-jogo .formato {
    font-size: 1em;
    opacity: 0.8;
}
.info-jogo .formato2 {
    font-size: 1.2em;
    opacity: 0.8;
}

.info-jogo .horario2 {
    font-size: 1em;
    font-weight: bold;
    color: #080f74; /* Amarelo */
}

.secao-jogos {
    background-color: #080f74; /* Fundo roxo escuro, como na imagem */
    color: white;    
}

.secao-presenciais {
    background-color: #e05b03ab; /* Fundo roxo escuro, como na imagem */
    color: rgb(0, 0, 102);
}

.secao-jogos, .secao-presenciais, .secao-tabela{
    margin: auto;
    width: auto;
    padding: 20px;
    text-align: center;
    box-sizing: border-box
}