.medal-time {
    font-size: 13px;
    color: #333;
    margin: 0;
}
.medal-container {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.medal {
    position: relative;
    width: 80px;
    height: 80px;
    background: gold;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.medal::before,
.medal::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.medal::before {
    width: 90%;
    height: 90%;
    background: radial-gradient(circle, transparent 50%, rgba(255, 255, 255, 0.5) 50%);
    z-index: 1;
}
.medal::after {
    width: 80%;
    height: 80%;
    background: radial-gradient(circle, transparent 50%, rgba(255, 255, 255, 0.3) 50%);
    z-index: 0;
}
.medal-text {
    font-size: 24px;
    font-weight: bold;
}

.ranking-text {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}
.bg-gray{
    background: rgb(130, 130, 130);
}

.asesor{
    background-color: var(--custom-btn-bg-color);
}
.circulos {
    display: flex;
    gap: 50px;
    padding: 10px;
    justify-content: center;
    align-items: center;
}
/* clases para generar un switch con un checkbox */
/* Variables para control rápido de tamaño */
.sw {
  --w: 35px; --h: 19px;
  position: relative; display: inline-block;
  width: var(--w); height: var(--h);
}
/* Ocultar checkbox */
.sw input { opacity: 0; width: 0; height: 0; }

/* Riel e interruptor */
.sl,.slr {
  position: absolute; cursor: pointer; inset: 0;
  background: #aaa; transition: .13s; border-radius: var(--h);
}
.sl:before,.slr:before {
  position: absolute; content: "";
  height: calc(var(--h) - 8px); width: calc(var(--h) - 8px);
  left: 4px; bottom: 4px; background: #fff;
  transition: .13s; border-radius: 50%;
}

/* Estados */
input:checked + .sl { background: #f39c12; }
input:checked + .sl:before { transform: translateX(calc(var(--w) - var(--h))); }
input:checked + .slr { background: #f34c12; }
input:checked + .slr:before { transform: translateX(calc(var(--w) - var(--h))); }




.centrar-todo {
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center;     /* Centrado vertical */
}
.mt-6{margin-top:4.5rem!important}
.mt-7{margin-top:6rem!important}
.btnGameReset{padding:5px 10px; font-size:16px; cursor: pointer; border-radius: 8px; border: 1px solid #ccc;}
.btnGameReset:hover{background: #C0A0A0;}
.bodyGame{ background-color:#ddd !important; border-radius: 8px;}