body {
  font-family: poppins!important;
}
#divCalendario{
  width:97%;
  text-align:right;
}
.resultados-juegos {
  margin: 5px auto;
  padding: 10px;
}
@media (max-width: 679px) {
  .resultados-juegos .juego-individual {
    width: 98%;
    margin: 0 auto;
  }
}
@media (min-width: 680px) and (max-width: 959px) {
  .resultados-juegos .juego-individual {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
  .resultados-juegos .juego-individual:nth-child(2n + 1) {
    clear: both;
  }
}
@media (min-width: 960px) and (max-width: 1249px) {
  .resultados-juegos .juego-individual {
    width: 32%;
    margin-right: 1%;
    float: left;
  }
  .resultados-juegos .juego-individual:nth-child(3n + 1) {
    clear: both;
  }
}
@media (min-width: 1250px) and (max-width: 1499px) {
  .resultados-juegos .juego-individual {
    width: 24%;
    margin-right: 1%;
    float: left;
  }
  .resultados-juegos .juego-individual:nth-child(4n + 1) {
    clear: both;
  }
}
@media (min-width: 1500px) {
  .resultados-juegos .juego-individual {
    width: 24%;
    margin-right: 1%;
    float: left;
  }
  .resultados-juegos .juego-individual:nth-child(5n + 1) {
    clear: both;
  }
}
/* Resultados Juegos */
.leaderboard *,
.leaderboard *::before,
.leaderboard *::after {
  box-sizing: border-box;
}
/*----- Leaderboard -----*/
.leaderboard {
  width: 100%;
  background: #8363ac;
  border-radius: 10px;
  box-shadow: 0 7px 30px rgba(62, 9, 11, 0.3);
}
.leaderboard div.juego-elegido{
  max-width: 145px;
  font-size: 13px;
  display:flex;
  color: #fff;
  padding: 5px 0 0 5px;
  margin-left: auto;
}
.leaderboard img.juego {
  max-width: 145px;
  max-height: 45px;
  padding: 0 0 0 10px;
  vertical-align: baseline;
}
.leaderboard img.tombola {
  margin: 7px 0 7px 0;
}
.leaderboard img.loteriaProvincia {
  margin: 7px 0 7px 0;
}
.leaderboard img.changuita {
  margin: 10px 0 10px 0;
}
.leaderboard img.tombolaJujuy {
  margin: 1px 0 1px 0;
}
.leaderboard img.turno {
  margin: 15px 3px 0;
  max-width: 24px;
  float: right;
  filter: brightness(0.7);
  cursor: pointer;
}
.leaderboard img.turno:hover {
  filter: brightness(1);
}
.leaderboard ol {
  counter-reset: leaderboard;
}
.leaderboard img.active {
  filter: brightness(1);
}
.leaderboard ol li {
  list-style: none;
  left: -20px;
  top: -10px;
  position: relative;
  z-index: 1;
  font-size: 14px;
  counter-increment: leaderboard;
  padding: 18px 10px 18px 50px;
  cursor: pointer;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
}
.leaderboard ol li:nth-child(1)::before {
  content: counter(leaderboard);
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 20px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #fefefe;
  font-weight: bold;
  font-size: 24px;
  background: #ed164a;
  border-radius: 20px;
  text-align: center;
}
.leaderboard ol li:nth-child(2)::before,
.leaderboard ol li:nth-child(3)::before,
.leaderboard ol li:nth-child(4)::before,
.leaderboard ol li:nth-child(5)::before {
  content: counter(leaderboard);
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 20px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fefefe;
  font-weight: 700;
  background: #503a97;
  border-radius: 20px;
  text-align: center;
}
.leaderboard ol li::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6855fa;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.leaderboard ol li:nth-child(1) {
  background: #e5e6e7;
}
.leaderboard ol li:nth-child(2),
.leaderboard ol li:nth-child(3),
.leaderboard ol li:nth-child(4) {
  background: #fefefe;
}
.leaderboard ol li:nth-child(5) {
  background: #fefefe;
  border-radius: 0 0 10px 10px;
}
.leaderboard ol li:nth-child(2)::after {
  background: #574fe0;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
}
.leaderboard ol li:nth-child(2) mark::before,
.leaderboard ol li:nth-child(2) mark::after {
  border-top: 6px solid #4741ba;
  bottom: -7px;
}
.leaderboard ol li:nth-child(3)::after {
  background: #514dd7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.11);
}
.leaderboard ol li:nth-child(3) mark::before,
.leaderboard ol li:nth-child(3) mark::after {
  border-top: 2px solid #433fb0;
  bottom: -3px;
}
.leaderboard ol li:nth-child(4)::after {
  background: #4b4bcd;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.leaderboard ol li:nth-child(4) mark::before,
.leaderboard ol li:nth-child(4) mark::after {
  top: -7px;
  bottom: auto;
  border-top: none;
  border-bottom: 6px solid #3d3da6;
}
.leaderboard ol li:nth-child(5)::after {
  background: #4448c2;
  box-shadow: 0 -2.5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0 0 10px 10px;
}
.leaderboard ol li:nth-child(5) mark::before,
.leaderboard ol li:nth-child(5) mark::after {
  top: -9px;
  bottom: auto;
  border-top: none;
  border-bottom: 8px solid #363999;
}
.leaderboard ol li:hover {
  z-index: 2;
  overflow: visible;
}
.leaderboard ol li:hover::after {
  opacity: 1;
  transform: scaleX(1.06) scaleY(1.03);
}
.leaderboard ol li headNumber,
.leaderboard ol li mark {
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 18px 10px 18px 50px;
  margin: 0;
  background: none;
  color: #221f20;
}
.leaderboard ol li headNumber {
  font-size: 26px;
}

.leaderboard ol li:hover mark::before,
.leaderboard ol li:hover mark::after {
  opacity: 1;
  transition: all 0.35s ease-in-out;
}
.leaderboard h2 {
font-family: "poppins", sans-serif;
  font-size: 18px;
  color: #e1e1e1;
  padding: 0 25px 10px 0;
  text-align: right;
}
.enlaceExtracto {
  color: white;
  text-decoration: none;
  font-size: 1.1em;
}
.enlaceExtracto:hover {
  text-decoration: underline;
}
.mr-5 {
  margin-right: 5px;
}
.text-end {
  text-align: right;
}
.text-center {
  text-align: center;
}
.enlaceResltados {
  color: #333;
  text-decoration: none;
}
.enlaceResltados:hover {
  text-decoration: none;
  color: #5f3694;
}