/* Correcciones para Rankings - Estilo Profesional 2026 */
.rankings-table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed;
}

.rankings-table td {
    vertical-align: middle !important;
    text-align: center;
    padding: 12px 8px;
}

.rankings-class-image {
    display: block !important;
    max-width: 40px !important;
    height: auto !important;
    margin: 0 auto !important;
    position: relative !important;
    float: none !important;
    border-radius: 4px;
}

/* Corrección definitiva para el menú de clases en el ranking */
.rankings-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}

/* Ajuste individual de cada item del filtro */
.rankings-filter a {
    display: block !important;
    transition: all 0.3s ease !important;
}

.rankings-filter a:hover {
    transform: scale(1.15) !important;
    filter: drop-shadow(0 0 8px rgba(138, 43, 226, 0.8)) !important;
}

/* Ocultar el texto si el template pone el nombre debajo de la imagen */
.rankings-filter a span {
    display: none !important; 
}