@charset "UTF-8";
:root {
  /* Cores já existentes */
  --branco: #fff;
  --preto: #000;
  /* Amarelos */
  --amarelo-1: #a47e1b;
  --amarelo-2: #dbb42c;
  --amarelo-3: #ffe169;
  --amarelo-4: #fff3b0;
  --amarelo-5: #fff9c4;
  /* Azuis */
  --azul-1: #023e8a;
  --azul-2: #0099c7;
  --azul-3: #48cae4;
  --azul-4: #90e0ef;
  --azul-5: #caf0f8;
  /* Laranjas */
  --laranja-1: #ff3000;
  --laranja-2: #ff5000;
  --laranja-3: #ff7000;
  --laranja-4: #ff9000;
  --laranja-5: #ffb347;
  --laranja-6: #ffcc80;
  /* Roxos */
  --roxo-1: #3c096c;
  --roxo-2: #7b2cbf;
  --roxo-3: #c77dff;
  --roxo-4: #e0aaff;
  --roxo-5: #f3c4fb;
  /* Verdes */
  --verde-1: #004b23;
  --verde-2: #388E3C;
  --verde-3: #81C784;
  --verde-4: #b7e4c7;
  --verde-5: #aacc00;
  --verde-6: #d4d700;
  --verde-7: #d9f99d;
  --verde-8: #f0f4c3;
  /* Vermelhos */
  --vermelho-1: #800f2f;
  --vermelho-2: #c9184a;
  --vermelho-3: #ff758f;
  --vermelho-4: #ffadad;
  --vermelho-5: #ffc4c4;
  /* Marrons */
  --marrom-1: #3e2723;
  --marrom-2: #795548;
  --marrom-3: #a1887f;
  --marrom-4: #d7ccc8;
  /* Rosas */
  --rosa-1: #880e4f;
  --rosa-2: #c2185b;
  --rosa-3: #e91e63;
  --rosa-4: #f06292;
  --rosa-5: #f8bbd0;
  /* Azul-petróleo */
  --petroleo-1: #00796b;
  --petroleo-2: #26a69a;
  --petroleo-3: #80cbc4;
  --petroleo-4: #b2dfdb;
}

.cor[class*=rg-] {
  position: relative; /* Necessário para z-index funcionar */
}
.cor[class*=rg-]:hover::before {
  color: var(--branco) !important;
}
.cor[class*=rg-]::after {
  color: var(--branco) !important;
}

/* Agrupando classes por cor para o azul */
.cor.rg-1,
.cor.rg-2,
.cor.rg-21,
.cor.rg-25,
.cor.rg-37,
.cor.rg-39 {
  border-color: var(--azul-1) !important;
}
.cor.rg-1::after,
.cor.rg-2::after,
.cor.rg-21::after,
.cor.rg-25::after,
.cor.rg-37::after,
.cor.rg-39::after {
  background: var(--azul-1) !important;
}

.cor.rg-3,
.cor.rg-22,
.cor.rg-26 {
  border-color: var(--azul-2) !important;
}
.cor.rg-3::after,
.cor.rg-22::after,
.cor.rg-26::after {
  background: var(--azul-2) !important;
}

.cor.rg-4,
.cor.rg-27 {
  border-color: var(--azul-3) !important;
}
.cor.rg-4::after,
.cor.rg-27::after {
  background: var(--azul-3) !important;
}

/* Agrupando classes por cor para o laranja */
.cor.rg-5,
.cor.rg-6,
.cor.rg-28 {
  border-color: var(--laranja-1) !important;
}
.cor.rg-5::after,
.cor.rg-6::after,
.cor.rg-28::after {
  background: var(--laranja-1) !important;
}

.cor.rg-7,
.cor.rg-19 {
  border-color: var(--verde-1) !important;
}
.cor.rg-7::after,
.cor.rg-19::after {
  background: var(--verde-1) !important;
}

.cor.rg-8 {
  border-color: var(--verde-2) !important;
}
.cor.rg-8::after {
  background: var(--verde-2) !important;
}

.cor.rg-9 {
  border-color: var(--verde-3) !important;
}
.cor.rg-9::after {
  background: var(--verde-3) !important;
}

.cor.rg-10 {
  border-color: var(--verde-4) !important;
}
.cor.rg-10:hover:before {
  color: var(--preto) !important;
}
.cor.rg-10::after {
  background: var(--verde-4) !important;
  color: var(--preto) !important;
}

.cor.rg-11 {
  border-color: var(--verde-5) !important;
}
.cor.rg-11::after {
  background: var(--verde-5) !important;
}

.cor.rg-12 {
  border-color: var(--verde-6) !important;
}
.cor.rg-12:hover:before {
  color: var(--preto) !important;
}
.cor.rg-12::after {
  background: var(--verde-6) !important;
  color: var(--preto) !important;
}

.cor.rg-13 {
  border-color: var(--verde-7) !important;
}
.cor.rg-13:hover:before {
  color: var(--preto) !important;
}
.cor.rg-13::after {
  background: var(--verde-7) !important;
  color: var(--preto) !important;
}

.cor.rg-14 {
  border-color: var(--verde-8) !important;
}
.cor.rg-14:hover:before {
  color: var(--preto) !important;
}
.cor.rg-14::after {
  background: var(--verde-8) !important;
  color: var(--preto) !important;
}

.cor.rg-15 {
  border-color: var(--petroleo-1) !important;
}
.cor.rg-15::after {
  background: var(--petroleo-1) !important;
}

.cor.rg-16 {
  border-color: var(--petroleo-2) !important;
}
.cor.rg-16::after {
  background: var(--petroleo-2) !important;
}

.cor.cor.rg-17 {
  border-color: var(--petroleo-3) !important;
}
.cor.cor.rg-17::after {
  background: var(--petroleo-3) !important;
}

.cor.rg-18 {
  border-color: var(--petroleo-4) !important;
}
.cor.rg-18:hover:before {
  color: var(--preto) !important;
}
.cor.rg-18::after {
  background: var(--petroleo-4) !important;
  color: var(--preto) !important;
}

.cor.cor.rg-24 {
  border-color: var(--roxo-1) !important;
}
.cor.cor.rg-24::after {
  background: var(--roxo-1) !important;
}

.cor.cor.rg-29 {
  border-color: var(--laranja-2) !important;
}
.cor.cor.rg-29::after {
  background: var(--laranja-2) !important;
}

.cor.rg-30 {
  border-color: var(--laranja-3) !important;
}
.cor.rg-30::after {
  background: var(--laranja-3) !important;
}

.cor.rg-31 {
  border-color: var(--laranja-4) !important;
}
.cor.rg-31::after {
  background: var(--laranja-4) !important;
}

.cor.cor.rg-32 {
  border-color: var(--roxo-1) !important;
}
.cor.cor.rg-32::after {
  background: var(--roxo-2) !important;
}

.cor.cor.rg-23,
.cor.cor.rg-33 {
  border-color: var(--roxo-3) !important;
}
.cor.cor.rg-23::after,
.cor.cor.rg-33::after {
  background: var(--roxo-3) !important;
}

/* Agrupando classes por cor para o vermelho */
.cor.rg-34 {
  border-color: var(--vermelho-2) !important;
}
.cor.rg-34::after {
  background: var(--vermelho-2) !important;
}

.cor.rg-35 {
  border-color: var(--vermelho-1) !important;
}
.cor.rg-35::after {
  background: var(--vermelho-1) !important;
}

.cor.rg-36 {
  border-color: var(--vermelho-3) !important;
}
.cor.rg-36::after {
  background: var(--vermelho-3) !important;
}

.cor.cor.rg-38 {
  border-color: var(--roxo-4) !important;
}
.cor.cor.rg-38::after {
  background: var(--roxo-4) !important;
}

/*
1   - Libertadores ◘
2   - Libertadores - Fase de Grupos ◘ 
3   - Libertadores - Fase Preliminar ◘
4   - Libertadores - via Copa Nacional ◘
5   - Sul-Americana ◘
6   - Sul-Americana - Fase de Grupos ◘
7   - Classificação ◘
8   - Play-off Classificação ◘
9   - Classificado à Final ◘
10  - Playoffs da Final ◘
11  - Classificado à Semifinal ◘
12  - Playoffs da Semifinal ◘
13  - Classificado às Quartas de Final ◘
14  - Playoffs das Quartas de Final ◘
15  - Classificado às Oitavas de Final ◘
16  - Playoffs das Oitavas de Final ◘
17  - Melhor 2º ◘
18  - Melhor 3º ◘
19  - Classificado à Copa do Mundo ◘
20  - Play-off Campeão ************************************
21  - Acesso ◘
22  - Play-off Acesso ◘
23  - Quadrangular do Acesso ◘
24  - Conference League ◘
25  - Liga dos Campeões ◘
26  - Liga dos Campeões - 3ª Pré-Eliminatória ◘
27  - Liga dos Campeões - 2ª Pré-Eliminatória ◘
28  - Liga Europa ◘
29  - Liga Europa - Play-off ◘
30  - Liga Europa - 3ª Pré-Eliminatória ◘
31  - Liga Europa - 2ª Pré-Eliminatória ◘
32  - Conference League - Play-off ◘
33  - Conference League - 2ª Preliminar ◘
34  - Rebaixamento ◘
35  - Play-off Rebaixamento ◘
36  - Quadrangular do Rebaixamento ◘
37  - Asian Champions League ◘
38  - AFC Cup ◘
39  - African Champions League ◘
*/

/*# sourceMappingURL=ranking-grupo.css.map */