:root {
	--gray-table: #f2f2f2;
}
* {
	font-family: var(--roboto);
}
.title-listing {
    font-size: 72px;
    color: var(--bluedefault);
    font-weight: 700;
}
.sub-title-listing{
    color: var(--gray);
    font-size: 14px;
    max-width: 610px;
    margin: auto;
}
.time strong {
	visibility: hidden;
}

.fases-competicao {
	margin: 30px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 15px;
	width: 100%;
}
.filtros-jogos-tabela {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.filtros-prxJogos {
	height: 445px;
	display: flex;
}
.caixa-filtros {
	margin-top: 0;
	flex-wrap: wrap;
	gap: 8px;
	z-index: -1;
	width: initial;
}
.customCheckbox {
	position: relative;
	margin: 0;
}
.customCheckbox input {
	opacity: 0;
	position: absolute;
}

/* CHECKBOX DE FASES  */
.customCheckboxFaseCompeticao {
	position: relative;
}
.customCheckboxFaseCompeticao input {
	opacity: 0;
	position: absolute;
}
.customCheckboxFaseCompeticao label {
	cursor: pointer;
	top: 0;
	left: 0;
	color: #1a1818;
	font-weight: bold;
	font-size: 14px;
	transition: 0.2s;
	margin: 0 0 8px;
}
.customCheckboxFaseCompeticao input[type="checkbox"] + label:hover {
	border-bottom: 2px solid var(--lightblue);
	color: var(--lightblue);
}
.customCheckboxFaseCompeticao input[type="checkbox"] + label::after {
	content: "";
	color: #fff;
	text-align: center;
	opacity: 0;
	position: absolute;
	left: 2px;
}
.customCheckboxFaseCompeticao input[type="checkbox"]:checked + label {
	cursor: pointer;
	color: var(--bluedefault);
	border-bottom: 2px solid var(--bluedefault);
	font-weight: 700;
}
.customCheckboxFaseCompeticao input[type="checkbox"]:checked + label::after {
	opacity: 1;
}
/* CHECKBOX DE FASES  */


/* CHECKBOX DE GRUPOS  */
.customCheckbox label {
	margin: 0 0 8px;
	cursor: pointer;
	border-radius: 3px;
	top: 0;
	left: 0;
	border: 1px solid var(--bluedefault);
	color: var(--bluedefault);
	border-radius: 30px;
	padding: 0.219rem 0.681rem;
	font-size: 14px;
	font-weight: 700;
	transition: 0.2s;
}
.customCheckbox input[type="checkbox"] + label:hover {
    border: 1px solid var(--lightblue);
    color: var(--lightblue);
  }
  
  .customCheckbox input.checked + label {
    cursor: pointer;
    background-color: var(--bluedefault);
    color: #fff;
  }
  .customCheckbox input.checked + label::after {
    opacity: 1;
  }
  .customCheckbox input.checked + label:hover {
    color: #FFF;
	border: 1px solid var(--bluedefault);
  }
/* CHECKBOX DE GRUPOS  */

.jogos-grupo {
	width: 610px;
}
.numero-rodada {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
	color: #666;
	margin-bottom: 0.35rem;
	margin-top: 6px;
}
.numero-rodada span {
	height: 1px;
	width: 42%;
	background-color: #f2f2f2;
}
.jogos-rodada {
	display: flex;
	gap: 20px;
}
.jogo {
	width: 295px;
	height: 100px;
	background-color: #f2f2f2;
	border-radius: 10px;
	padding: 15px 0 20px;
	position: relative;
}
.data-local {
	font-size: 18px;
	text-align: center;
	margin-bottom: 5px;
}
.placar {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	padding: 0 20px;
}
.placar .time {
	display: flex;
	gap: 12px;
}
.placar .time span{
	color: #1A1818;
}
.placar span {
	color: #b3b3b3;
}

.grupo2,
.grupo3,
.grupo4,
.grupo5,
.grupo6,
.grupo7,
.grupo8 {
	display: none;
}
.tabela {
	font-size: 18px;
	background: #f2f2f2;
	border-radius: 10px;
	width: 400px;
	height: 100%;
	margin-left: 20px;
	padding: 20px;
}
.tabela .title {
	color: #b3b3b3;
}
.tabela strong {
	color: #1a1818;
}
.tabela small {
	font-size: 12px;
}
.tabela .b-right {
	border-right: 1px solid #e6e6e6;
}
.tabela .b-bottom {
	border-bottom: 1px solid #e6e6e6;
}
.tabela .pt-15 {
	padding-top: 15px;
}
.tabela .pb-15 {
	padding-bottom: 15px;
}
.tabela td {
	padding: 5px;
}

.crc-table {
	padding: 4px !important;
}
.container-eliminatorias {
	display: none;
}
.filtros-prxJogos {
	display: flex;
}
.container-eliminatorias .jogos-rodada {
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
}
.container-eliminatorias .jogo {
	width: 505px;
	padding: 20px 30px;
}
.container-eliminatorias .time {
	width: 50%;
	justify-content: space-between;
}
.container-eliminatorias .placar span {
	margin: 0 10px;
}
.penaltis {
	margin: 0 6px !important;
}
.container-eliminatorias .placar span.penaltis {
	margin: 0;
}
.container-eliminatorias .placar .penaltis span {
	margin: 0;
}
.penaltis .numero-penaltis {
	color: #1a1818;
	font-weight: 700;
	font-size: 18px;
}
.container-copa-canal .container-penaltis .time-copa-canal {
	gap: 3px !important;
}
.container-copa-canal .container-penaltis .placar-copa-canal .penaltis {
	position: relative;
	top: 3px;
	font-size: 18px;
}
.container-eliminatorias .numero-rodada {
	margin: 0 auto 10px;
}
.container-eliminatorias .numero-rodada span {
	width: 42.3%;
}
.container-semi-final .jogos-rodada {
	gap: 15px 20px;
}
.container-semi-final .numero-rodada span {
	width: 44.5%;
}
.container-eliminatorias .time span {
	margin: 0;
	color: initial;
}
.container-eliminatorias .abreviacao-semi {
	display: none;
	color: initial;
}
.terceiro-lugar .numero-rodada span {
	width: 32%;
}
.final .numero-rodada span{
	width: 42%;
}
.final .jogo {
	background-color: var(--bluedefault);
	color: #fff;
}
.final .time span {
	color: #fff;
}
.tag-live-copa {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 70px;
	left: 1px;
	margin: 0;
	color: #7a0045;
	font-weight: 700;
	font-size: 14px !important;
}
/*  
.container-copa-canal {
	display: block !important;
}
.container-copa-canal .time-copa-canal {
	font-size: 16px;
}
.container-copa-canal .placar-copa-canal span {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 3px;
}
.container-copa-canal .placar-copa-canal .numero-penaltis {
	top: 1px;
}
.container-copa-canal .placar-copa-canal strong {
	font-size: 18px;
	position: relative;
	top: 4px;
}
.copa-canal {
	background-color: #f2f2f2;
	padding: 20px;
	border-radius: 10px;
	margin: 40px 0;
	display: flex;
	align-items: center;
}
.jogo-copa-canal {
	text-align: center;
	width: 250px;
	margin-right: 15px;
}
.container-copa-canal .jogo-copa-canal {
	width: 180px;
	height: 70px;
}
.container-copa-canal .jogo-copa-canal p {
	font-size: 14px;
}
.container-copa-canal .placar-copa-canal p {
	font-size: 12px;
}
.container-copa-canal .bandeira-nome p {
	margin-top: 5px;
	width: 52px;
}
.jogo-copa-canal p {
	font-size: 18px;
	margin-bottom: 3px;
}
.placar-copa-canal {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
}
.time-copa-canal {
	gap: 12px;
}
.placar-copa-canal span {
	color: #b3b3b3;
}
.tag-live-copa {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 70px;
	left: 1px;
	margin: 0;
	color: #7a0045;
	font-weight: 700;
	font-size: 14px !important;
}
.copa-canal .placar-copa-canal {
	position: relative;
}
.copa-canal .tag-live-copa {
	position: absolute;
	top: 35px;
}
.ancora-copa {
	padding: 0.5rem 1.218rem;
	background-color: #7a0045;
	color: #fff;
	font-weight: 700;
	border-radius: 4px;
	transition: 0.2s;
}
.ancora-copa:hover {
	color: #fff;
	font-weight: 700;
	background-color: #f16534;
}
.caixa-podcast-maximo {
	max-width: 1060px;
	margin: auto;
}
.caixa-iframe-podcast {
	padding-right: 18px;
}
.caixa-podcast-info {
	max-width: 315px;
}

.load-more {
	margin-bottom: 10px;
	text-align: center;
} */


.artilheiros h2 {
	font-size: 36px;
	margin: 50px 0 20px;
  }
  .container-artilharia {
	background-color: var(--gray-table);
	width: 100%;
	max-width: 610px;
	border-radius: 10px;
	padding: 15px 10px 15px 15px;
	overflow: hidden;
  }
  .container-artilharia > p {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
	padding-right: 15px;
  }
  .container-ranking {
	overflow: auto;
	position: relative;
	max-height: 450px;
	padding-right: 15px;
  }
  .container-ranking::-webkit-scrollbar {
	width: 5px;
  }
  .container-ranking::-webkit-scrollbar-track {
	background-color: var(--white);
	border-radius: 20px;
	position: relative;
  }
  .container-ranking::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 20px;
  }
  .artilheiro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e6e6e6;
	padding: 7px 0;
  }
  .artilheiro .colocacao,
  .artilheiro .numero-gols {
	font-size: 25px;
  }
  .artilheiro .colocacao {
	color: var(--graydefault);
  }
  .artilheiro .numero-gols {
	font-weight: 700;
	color: #1a1818;
  }
  .artilheiro-info {
	width: 100%;
	margin: 0 0 0 15px;
	display: flex;
	gap: 10px;
	text-align: left;
  }
  .artilheiro-info img {
	max-width: 40px;
  }
  .artilheiro-info span {
	font-size: 12px;
	font-weight: 700;
	color: var(--graydark);
  }
  .artilheiro-info strong {
	display: block;
	font-size: 18px;
	color: #1a1818;
	margin-bottom: -5px;
  }
  .artilheiros .container-cta-campeonato {
	width: 100%;
	max-width: 610px;
	margin-top: 30px;
  }
@media screen and (max-width: 1059px) {
	.container-eliminatorias .numero-rodada {
		max-width: 505px;
	}
	.container-eliminatorias .numero-rodada span {
		width: 34.5%;
	}
	.container-quartas .numero-rodada span {
		width: 34%;
	}
	.container-semi-final .numero-rodada span{
		width: 38.5%;
	}
	.container-semi-final .terceiro-lugar .numero-rodada span {
		width: 32%;
	}
	.container-semi-final .final .numero-rodada span{
		width: 41.5%;
	}
}
@media screen and (max-width: 522px) {
	.container-eliminatorias .numero-rodada span {
		width: 27.5%;
	}
	.container-quartas .numero-rodada span {
		width: 27%;
	}
	.container-eliminatorias .jogo.pb-12 {
		padding: 20px 12px;
	}
	.container-semi-final .terceiro-lugar .numero-rodada span {
		width: 24% !important;
	}
	.container-semi-final  .numero-rodada span{
		width: 34% !important;
	}
	.container-semi-final  .final .numero-rodada span{
		width: 40% !important;
	}
}
@media screen and (max-width: 530px) {
	.container-eliminatorias .selecao-semi {
		display: none;
	}
	.container-eliminatorias .abreviacao-semi {
		display: inline;
	}
}
@media screen and (max-width: 991px) {
	.caixa-opovo-mais .col-lg-3 {
		max-width: inherit;
	}
	.filtros-prxJogos {
		height: inherit;
		justify-content: center;
		flex-wrap: wrap;
	}
	.caixa-filtros {
		width: 345px;
		gap: 15px;
		margin: 0 auto 20px;
		justify-content: center;
	}
	.fases-competicao {
		gap: 18px;
	}
	.customCheckboxFaseCompeticao label {
		line-height: 16px;
		max-width: 60px;
	}
	.jogos-grupo {
		width: 100%;
		max-width: 610px;
	}
	.numero-rodada span {
		width: 35%;
	}
	.jogos-rodada {
		flex-wrap: wrap;
		gap: 15px;
	}
	.jogo {
		width: 100%;
		padding: 15px 36px 20px;
	}
	.jogo.pd-small {
		padding: 20px 28px;
	}
	.tabela {
		margin-top: 25px;
		margin-left: 0;
		padding: 14px;
		width: 100%;
		max-width: 400px;
	}
	.tabela td {
		padding: 0.43rem 0;
	}
	.tabela .pb-15 {
		padding-bottom: 5px;
		padding-right: 0;
	}
	.tabela .pt-15 {
		padding-top: 10px;
	}
	.time strong {
		font-size: 18px;
		position: relative;
		top: 3px;
	}
	.container-eliminatorias .jogo {
		padding: 20px 0;
	}
	.container-eliminatorias .jogo .placar {
		padding: 0 27px;
	}
	.container-eliminatorias .time {
		width: 39%;
		align-items: flex-start;
		gap: 9px;
	}
	.container-eliminatorias .placar .penaltis {
		width: 58px;
	}
	.container-eliminatorias .placar span.penaltis {
		margin: 0 !important;
	}
	.container-semi-final .terceiro-lugar,
	.container-semi-final .final {
		max-width: 505px;
		width: 100%;
	}
	.data-local {
		margin-bottom: 8px;
	}
	.container-semi-final .numero-rodada span {
		width: 38%;
	}
	.copa-canal {
		flex-direction: column;
		margin: auto;
		gap: 25px;
		max-width: 550px;
	}
	.placar {
		padding: 0;
	}
	.tag-live-copa {
		top: 75px;
	}
}
@media screen and (min-width: 425px) and (max-width: 768px) {
	.jogos-rodada {
		max-width: 400px;
	}
}
@media screen and (min-width: 769px) {
	.jogo {
		width: 295px;
	}
	.numero-rodada span {
		width: 41%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1060px) {
	.caixa-filtros {
		gap: 8px;
	}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
	.jogo {
		padding: 20px 29px;
	}
}
@media screen and (max-width: 739px) {
	.title-listing{
		font-size: 38px;
	}
}