/* =============================================
   DeusMediBre Futebol — Estilos
   Baseado nos plugins partidas-futebol e tabelas-campeonatos
   ============================================= */

/* --- Wrapper Partidas --- */

.partidas {
    width: 100%;
    height: auto;
    border: 1px solid rgba(186, 186, 186, 0.3);
    margin-top: 10px;
    color: var(--dmb-color, inherit);
}

@media screen and (max-width: 1200px) {
    .partidas {
        border: 0;
        margin-top: 30px;
    }
}

.partidas h2 {
    font-weight: 700;
    font-family: "Asap Condensed", sans-serif;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--dmb-color, inherit);
}

@media screen and (max-width: 1200px) {
    .partidas h2 {
        font-size: 1.8rem;
    }
}

.partidas h2:after {
    content: "";
    display: block;
    width: 10%;
    height: 1px;
    margin: 5px auto auto;
    border-bottom: 1px solid rgba(186, 186, 186, 0.3);
}

@media screen and (max-width: 1200px) {
    .partidas h2:after {
        width: 30%;
        margin: 10px auto auto;
    }
}

.partidas-content {
    display: flex;
    justify-content: center;
    padding: 0 15px;
    margin: 20px 0;
}

@media screen and (max-width: 1200px) {
    .partidas-content {
        flex-direction: column;
        margin: 40px 0 20px 0;
    }
}

/* --- Tabela Brasileirão --- */

.titulo-campeonato {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 20px;
}

@media screen and (max-width: 900px) {
    .titulo-campeonato {
        border-top: 1px solid rgba(52, 75, 87, 0.2);
        padding-top: 20px;
        padding-left: 5px;
    }
}

.tabela-campeonato {
    font-size: 14px;
    font-family: "Asap Condensed", sans-serif;
    width: 100%;
}

.tabela-campeonato thead {
    font-family: "Asap Condensed", sans-serif;
    font-size: 12px;
}

.tabela-campeonato thead tr {
    background-color: #344b57;
    border-left: 3px solid #344b57;
    color: #fff;
}

.tabela-campeonato thead tr th {
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.2px;
    padding: 10px 0;
}

@media screen and (max-width: 900px) {
    .tabela-campeonato thead tr th.h {
        display: none;
    }
}

.tabela-campeonato thead tr th:first-of-type {
    padding-left: 10px;
    text-align: left;
}

.tabela-campeonato thead tr th:last-of-type {
    padding-right: 10px;
    font-size: 11px;
}

.tabela-campeonato tbody tr {
    border-bottom: 1px solid #ddd;
}

.tabela-campeonato tbody tr:last-of-type {
    border: none;
}

/* Destaque Cruzeiro */
.tabela-campeonato tbody tr.CRU {
    background-color: #002e95;
    color: #fff;
}

.tabela-campeonato tbody tr.CRU td:nth-of-type(odd) {
    background-color: #002e95 !important;
    color: #fff;
}

/* Destaque Atlético */
.tabela-campeonato tbody tr.CAM {
    background-color: #000;
    color: #fff;
}

.tabela-campeonato tbody tr.CAM td:nth-of-type(odd) {
    background-color: #000 !important;
    color: #fff;
}

.tabela-campeonato tbody tr td {
    font-weight: 200;
    padding: 7px 5px;
    text-align: center;
}

.tabela-campeonato tbody tr td strong {
    font-weight: 600;
}

@media screen and (max-width: 900px) {
    .tabela-campeonato tbody tr td.h {
        display: none;
    }
}

.tabela-campeonato tbody tr td:nth-of-type(odd) {
    background-color: #f5f5f5;
}

.tabela-campeonato tbody tr td:first-of-type {
    background: none;
    font-size: 11px;
}

.tabela-campeonato tbody tr td:nth-of-type(2) {
    text-align: left;
}

/* Zonas de classificação */
.tabela-campeonato tbody tr.libertadores,
.tabela-campeonato tbody tr.acesso {
    border-left: 3px solid #4ac100;
}

.tabela-campeonato tbody tr.pre-libertadores {
    border-left: 3px solid #0d00bc;
}

.tabela-campeonato tbody tr.sul-americana {
    border-left: 3px solid #ff8000;
}

.tabela-campeonato tbody tr.rebaixamento {
    border-left: 3px solid #ec0000;
}

/* Legenda */
.classificacao-legenda {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 10px;
    margin: 0;
    padding: 0 0 0 5px;
    margin-top: 10px;
}

.classificacao-legenda li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.classificacao-legenda span {
    width: 10px;
    height: 10px;
    display: block;
    margin-right: 5px;
}

.classificacao-legenda .libertadores span,
.classificacao-legenda .acesso span {
    background-color: #4ac100;
}

.classificacao-legenda .pre-libertadores span {
    background-color: #0d00bc;
}

.classificacao-legenda .sul-americana span {
    background-color: #ff8000;
}

.classificacao-legenda .rebaixamento span {
    background-color: #ec0000;
}

/* --- Jogos / Partidas --- */

.partida {
    border-right: 1px solid rgba(186, 186, 186, 0.3);
    padding-right: 20px;
    padding-left: 20px;
    color: var(--dmb-color, inherit);
}

@media screen and (max-width: 1366px) {
    .partida {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .partida {
        border-right: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .partida:after {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        margin: 20px auto;
        border-bottom: 1px solid rgba(186, 186, 186, 0.3);
    }

    .partida:last-of-type:after {
        content: none;
    }
}

.partida:last-of-type {
    border-right: 0;
    padding-right: 0;
}

.partida:first-of-type {
    padding-left: 0;
}

.partida .horario {
    font-family: "Asap Condensed", sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    text-align: center;
}

.partida .campeonato,
.partida .estadio {
    font-size: 0.8rem;
    text-align: center;
}

.partida .estadio {
    font-weight: 500;
}

.partida .campeonato {
    margin-bottom: 5px;
}

.partida .times {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.partida .times .sigla {
    font-size: 0.8rem;
    font-weight: 600;
}

@media screen and (max-width: 1200px) {
    .partida .times .sigla {
        font-size: 1.2rem;
    }
}

.partida .times .escudo {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
}

.partida .times .escudo:first-of-type {
    margin-right: 5px;
    margin-left: 10px;
}

.partida .times .escudo img {
    max-width: 25px;
    max-height: 25px;
    height: auto;
    width: auto;
    display: block;
}

@media screen and (max-width: 1200px) {
    .partida .times .escudo {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        margin-left: 10px;
        margin-bottom: 0;
    }

    .partida .times .escudo:first-of-type {
        margin-right: 10px;
        margin-left: 15px;
    }

    .partida .times .escudo img {
        max-width: 50px;
        max-height: 50px;
    }
}

.partida .times .time {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 1200px) {
    .partida .times .time {
        flex-direction: row;
    }
}

.partida .placar {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: "Asap Condensed", sans-serif;
}

@media screen and (max-width: 1200px) {
    .partida .placar {
        font-size: 1.8rem;
    }
}

.partida .placar em {
    font-size: 0.8rem;
    font-weight: 500;
    font-style: normal;
    margin: 5px 5px 0 5px;
}

@media screen and (max-width: 1200px) {
    .partida .placar em {
        font-size: 1.4rem;
        margin: 0 10px;
    }
}