/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.faction-podium {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
    height: 400px; /* Altura máxima de la gráfica */
    margin: 50px 0;
    font-family: sans-serif;
}

.podium-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    text-align: center;
}

.faction-info {
    margin-bottom: 10px;
}

.faction-avatar img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 3px solid #ddd;
}

.faction-name {
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
}

.faction-score {
    font-size: 12px;
    color: #666;
}

.podium-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

/* Alturas y colores según el ranking */
.rank-1 .podium-bar {
    height: 200px;
    background: #ffc107; /* Oro */
    box-shadow: 0 -5px 15px rgba(255, 193, 7, 0.3);
}

.rank-2 .podium-bar {
    height: 140px;
    background: #bdc3c7; /* Plata */
}

.rank-3 .podium-bar {
    height: 90px;
    background: #cd7f32; /* Bronce */
}

.rank-number {
    font-size: 24px;
}