/* Container dos pódios */
.podium-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 15px;
    margin: 20px auto;
    max-width: 1000px;
    padding: 10px;
    flex-wrap: nowrap; /* nunca quebra linha */
}

/* Proporção dos pódios */
.top1 {
    flex: 1 1 30%;
}
.top2, .top3 {
    flex: 1 1 25%;
}
.sprites-container{   
     background-image: url(/public/images/home/bgnew.png);
    background-size: cover;
    border: 2px solid #fff6c5;
    padding: 15px;
    border-radius: 20px;
    font-weight: bold;
    
    margin-left: auto;
    margin-right: auto;
 display: flex
;
    justify-content: center;
    gap: 4.5rem;
}
/* Estilo comum */
.podium-1, .podium-2, .podium-3 {
    padding: 15px;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; /* transição suave */
}

/* 🥇 Ouro */
.podium-1 {background-image: url(/public/images/home/bgnew.png);
    background-size: cover;
    border: 2px solid #fff6c5;
    color: #3b2f00;
}

/* 🥈 Prata */
.podium-2 {
    background-image: url(/public/images/home/bgnew.png);
    background-size: cover;
    border: 2px solid #e6e6e6;
    box-shadow: 0 0 12px rgba(192, 192, 192, 0.6), 
                inset 0 0 6px rgba(255, 255, 255, 0.4);
    color: #2f2f2f;
}

/* 🥉 Bronze */
.podium-3 {
    background-image: url(/public/images/home/bgnew.png);
    background-size: cover;
    border: 2px solid #e8c1a0;
    box-shadow: 0 0 12px rgba(205, 127, 50, 0.6), 
                inset 0 0 6px rgba(255, 255, 255, 0.3);
    color: #3e1f00;
}

/* Responsivo: diminui proporcionalmente sem quebrar */
@media (max-width: 768px) {
    .podium-container {
        gap: 8px; /* diminui espaço */
    }

    .podium-1, .podium-2, .podium-3 {
        font-size: 0.9rem; /* texto menor */
        padding: 10px;     /* menos espaço interno */
        min-height: 90px;
    }
}

@media (max-width: 480px) {
    .podium-container {
        gap: 5px;
    }

    .podium-1, .podium-2, .podium-3 {
        font-size: 0.8rem;
        padding: 8px;
        min-height: 70px;
    }
}

#pokedex-app{
max-width: 1533px;

}