/* KolRank Podium Styling */

/* Contenedor del podio */
#kr-podium {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 30px auto;
    text-align: center;
}

/* Cada item (top 3) */
.kr-podium-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Imagen de perfil en el podio */
.kr-podium-img img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
}

/* Nombre debajo con medalla */
.kr-podium-name {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

/* ==== Glow Animado para cada posición ==== */

/* 🥇 Oro */
.kr-podium-item:nth-child(1) .kr-podium-img img {
    box-shadow: 0 0 20px #FFD700;
    animation: glowGold 3s ease-in-out infinite;
}
@keyframes glowGold {
    0%   { box-shadow: 0 0 15px #FFD700; }
    50%  { box-shadow: 0 0 35px #FFD700; }
    100% { box-shadow: 0 0 15px #FFD700; }
}

/* 🥈 Plata */
.kr-podium-item:nth-child(2) .kr-podium-img img {
    box-shadow: 0 0 20px #C0C0C0;
    animation: glowSilver 3s ease-in-out infinite;
}
@keyframes glowSilver {
    0%   { box-shadow: 0 0 15px #C0C0C0; }
    50%  { box-shadow: 0 0 35px #C0C0C0; }
    100% { box-shadow: 0 0 15px #C0C0C0; }
}

/* 🥉 Bronce */
.kr-podium-item:nth-child(3) .kr-podium-img img {
    box-shadow: 0 0 20px #CD7F32;
    animation: glowBronze 3s ease-in-out infinite;
}
@keyframes glowBronze {
    0%   { box-shadow: 0 0 15px #CD7F32; }
    50%  { box-shadow: 0 0 35px #CD7F32; }
    100% { box-shadow: 0 0 15px #CD7F32; }
}