:root {
	--bg-card-link: #f2f2f2;
	--milionaria: #2e3078;
	--megasena: #209869;
	--lotofacil: #930a89;
	--quina: #260885;
	--lotomania: #f78101;
	--timemania: #36b036;
	--duplasena: #a61324;
	--federal: #103099;
	--loteca: #fb1e02;
	--dia-sorte: #cb852b;
	--super-sete: #a8d045;
	--telesena: #0092df;
}

* {
	font-family: "Roboto Condensed";
}
.breadcrumb{
	justify-content: center!important;
}
.titulo-capa {
	margin: 0 0 10px;
}
.titulo-capa-sobre {
	text-align: center;
	margin-top: 0 !important;
	margin-bottom: 50px !important;
	font-size: 14px !important;
}

.types-loteria {
	max-width: 610px;
	margin: 30px auto 50px;

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}
.types-loteria .links-loteria {
	width: 85px;
	height: 85px;
	background-color: var(--bg-card-link);
	border-radius: 10px;

	font-size: 14px;
	font-weight: bold;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;

	transition: 0.2s;
}
.links-loteria .icone-branco {
	display: none;
}
.links-loteria:hover img {
	display: none;
}
.links-loteria:hover .icone-branco {
	display: block;
}

/* +MILIONARIA */
.milionaria {
	color: var(--milionaria);
}
.milionaria:hover {
	color: #fff;
	background-color: var(--milionaria);
}
/* +MILIONARIA */

/* MEGASENA */
.mega-sena {
	color: var(--megasena);
}
.mega-sena:hover {
	color: #fff;
	background-color: var(--megasena);
}
/* MEGASENA */

/* LOTOFACIL */
.lotofacil {
	color: var(--lotofacil);
}
.lotofacil:hover {
	color: #fff;
	background-color: var(--lotofacil);
}
/* LOTOFACIL */

/* QUINA */
.quina {
	color: var(--quina);
}
.quina:hover {
	color: #fff;
	background-color: var(--quina);
}
/* QUINA */

/* LOTOMANIA */
.lotomania {
	color: var(--lotomania);
}
.lotomania:hover {
	color: #fff;
	background-color: var(--lotomania);
}
/* LOTOMANIA */

/* TIMEMANIA */
.timemania {
	color: var(--timemania);
}
.timemania:hover {
	color: #fff;
	background-color: var(--timemania);
}
/* TIMEMANIA */

/* DUPLA SENA */
.dupla-sena {
	color: var(--duplasena);
}
.dupla-sena:hover {
	color: #fff;
	background-color: var(--duplasena);
}
/* DUPLA SENA */

/* FEDERAL */
.federal {
	color: var(--federal);
}
.federal:hover {
	color: #fff;
	background-color: var(--federal);
}
/* FEDERAL */

/* LOTECA */
.loteca {
	color: var(--loteca);
}
.loteca:hover {
	color: #fff;
	background-color: var(--loteca);
}
/* LOTECA */

/* DIA DE SORTE */
.dia-sorte {
	color: var(--dia-sorte);
}
.dia-sorte:hover {
	color: #fff;
	background-color: var(--dia-sorte);
}
/*  DIA DE SORTE  */

/* SUPER SETE */
.super-sete {
	color: var(--super-sete);
}
.super-sete:hover {
	color: #fff;
	background-color: var(--super-sete);
}
/*  SUPER SETE  */

/* TELE SENA  */
.tele-sena:hover {
	color: #fff;
	background-color: var(--telesena);
}
.tele-sena:hover img {
	display: block;
}
/*TELE SENA  */

.cards-info-loteria {
	max-width: 610px;
	margin: auto;

	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.col-loteria {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.card-loteria {
	width: 295px;
	color: #fff;
	background-color: #f2f2f2;
	padding-bottom: 20px;
	border-radius: 12px 12px 10px 10px;

	height: 100%;
}
.name-date-loteria {
	height: 80px;
	border-radius: 10px;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 20px;
}
.name-loteria {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
}
.name-loteria img{
	margin-right: 5px;
}
.date-loteria {
	font-size: 14px;
}
.numbers-loteria {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px 7px;
	margin: 0;
	padding: 0 19px;
}
.numbers-loteria span {
	padding: 0px 0.37rem;
    border-radius: 15px;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}
.card-loteria .result-loteria {
	color: #1a1818;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	margin: 15px 0 0;
	height: 17px;
}

/* CARD +MILIONARIA */
.card-milionaria {
	border: 1px solid var(--milionaria);
}
.card-milionaria .name-date-loteria {
	background-color: var(--milionaria);
}
.card-milionaria .numbers-loteria {
	margin-bottom: 10px;
}
.card-milionaria .numbers-loteria span {
	background-color: var(--milionaria);
}
.trevos-loteria {
	display: flex;
	justify-content: center;
	gap: 7px;
	margin: 0;
}

.trevos-loteria span {
	background: url(/reboot/includes/assets/img/loterias/trevo.webp)
		no-repeat;
	background-size: cover;
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;

	color: var(--milionaria);
	font-weight: bold;
}
/* CARD +MILIONARIA */

/* CARD MEGASENA */
.card-mega-sena {
	border: 1px solid var(--megasena);
}
.card-mega-sena .name-date-loteria {
	background-color: var(--megasena);
}
.card-mega-sena .numbers-loteria span {
	background-color: var(--megasena);
}
/* CARD MEGASENA */

/* CARD LOTOFACIL */
.card-lotofacil {
	border: 1px solid var(--lotofacil);
}
.card-lotofacil .name-date-loteria {
	background-color: var(--lotofacil);
}
.card-lotofacil .numbers-loteria {
	flex-wrap: wrap;
	max-width: 250px;
	margin: auto;
}
.card-lotofacil .numbers-loteria span {
	background-color: var(--lotofacil);
}
/* CARD LOTOFACIL */

/* CARD QUINA */
.card-quina {
	border: 1px solid var(--quina);
}
.card-quina .name-date-loteria {
	background-color: var(--quina);
}
.card-quina .numbers-loteria span {
	background-color: var(--quina);
}
/* CARD QUINA */

/* CARD LOTOMANIA */
.card-lotomania {
	border: 1px solid var(--lotomania);
}
.card-lotomania .name-date-loteria {
	background-color: var(--lotomania);
}
.card-lotomania .numbers-loteria {
	flex-wrap: wrap;
	max-width: 250px;
	margin: auto;
}
.card-lotomania .numbers-loteria span {
	background-color: var(--lotomania);
}
/* CARD LOTOMANIA */

/* CARD TIMEMANIA */
.card-timemania {
	border: 1px solid var(--timemania);
}
.card-timemania .name-date-loteria {
	background-color: var(--timemania);
}
.card-timemania .numbers-loteria span {
	background-color: var(--timemania);
}
.card-timemania .time-loteria {
	text-align: center;
	color: #1a1818;
	margin: 15px 0 0;
	height: 17px;
}
.card-timemania .time-loteria span {
	color: var(--timemania);
}
/* CARD LOTOMANIA */

/* CARD DUPLA SENA */
.card-dupla-sena {
	border: 1px solid var(--duplasena);
	padding-bottom: 0;
}
.card-dupla-sena .name-date-loteria {
	background-color: var(--duplasena);
	margin-bottom: 15px;
}
.card-dupla-sena .sorteio {
	margin-bottom: 19px;
}
.card-dupla-sena .number-sorteio {
	text-align: center;
	font-size: 14px;
	color: #1a1818;
	width: 100%;
	display: inherit;
	margin-bottom: 10px;
	height: 17px;
}
.card-dupla-sena .numbers-loteria span {
	background-color: var(--duplasena);
}

.card-dupla-sena .time-loteria span {
	color: var(--duplasena);
}
/* CARD DUPLA SENA */

/* CARD FEDERAL */
.card-federal {
	height: 272px;
	border: 1px solid var(--federal);
}
.card-federal .table-federal {
	width: 100%;
	color: #1a1818;
}
.table-federal th {
	color: #666;
	font-weight: normal;
}
.card-federal .name-date-loteria {
	background-color: var(--federal);
}

/* CARD FEDERAL */

/* CARD LOTECA */
.card-loteca {
	border: 1px solid var(--loteca);
}

.card-loteca .name-date-loteria {
	background-color: var(--loteca);
}
.card-loteca .jogo {
	color: #666;
	display: flex;
	justify-content: center;
	font-size: 14px;
	gap: 10px;
	height: 17px;
	margin-bottom: 10px;
	width: 100%;
}
.card-loteca .placar-time {
	display: flex;
	gap: 10px;
	margin: 0;
	width: 100%;
}
.card-loteca .vence {
	color: var(--loteca);
}
/* CARD LOTECA */

/* CARD DIA DE SORTE */
.card-dia-sorte {
	border: 1px solid var(--dia-sorte);
}
.card-dia-sorte .name-date-loteria {
	background-color: var(--dia-sorte);
}
.card-dia-sorte .numbers-loteria span {
	background-color: var(--dia-sorte);
}
/* CARD DIA DE SORTE */

/* CARD SUPER SETE */
.card-super-sete {
	border: 1px solid var(--super-sete);
}
.card-super-sete .name-date-loteria {
	background-color: var(--super-sete);
}
.card-super-sete .numbers-loteria span {
	background-color: var(--super-sete);
}
/* CARD SUPER SETE*/

/* CARD TELE SENA*/
.card-tele-sena {
	border: 1px solid var(--telesena);
}
.card-tele-sena .name-date-loteria {
	background-color: var(--telesena);
}
.card-tele-sena .number-sorteio {
	text-align: center;
	color: #666;
}
.card-tele-sena .numbers-loteria span {
	background-color: var(--telesena);
}
/* CARD TELE SENA*/

@media screen and (max-width: 768px) {
	.types-loteria{
		margin-bottom: 40px;
	}
}