.gka-rankings {
    font-family: Arial, sans-serif;
    /*max-width: 600px;
    margin: 0 auto;*/
}
.gka-ranking-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}
.gka-ranking-first {
    background-color: #00162B;
}
.gka-ranking-other:nth-child(even) {
    background-color: #FAFAFA;
}
.gka-ranking-other:nth-child(odd) {
    background-color: #E9E9E9;
}
.gka-ranking-left {
    display: flex;
    align-items: center;
}
.gka-ranking-position {
    font-size: 24px;
    font-weight: bold;
    margin-right: 10px;
}
.gka-ranking-flag {
    width: 24px;
    height: 18px;
    margin-right: 10px;
    object-fit: cover;
}
.gka-ranking-rider-image {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    border-radius: 50%; /* Esto hará que las imágenes sean circulares, elimina si prefieres cuadradas */
}
.gka-ranking-center {
    flex-grow: 1;
    margin-left: 10px;
}
.gka-ranking-name {
    font-weight: bold;
    text-decoration: none;
    color: inherit;
    display: inline-block;
}
.gka-ranking-lastname {
    color: #61C3D9;
}
.gka-ranking-points {
    color: #555555;
}
.gka-ranking-first .gka-ranking-points {
    color: #61C3D9;
}
.gka-ranking-first .gka-ranking-position,
.gka-ranking-first .gka-ranking-name:not(.gka-ranking-lastname) {
    color: white;
}
.gka-ranking-other .gka-ranking-position,
.gka-ranking-other .gka-ranking-name:not(.gka-ranking-lastname) {
    color: black;
}
.gka-ranking-details {
    font-size: 12px;
    color: #888;
}
.gka-ranking-right {
    font-weight: bold;
}
.gka-ranking-first .gka-ranking-lastname {
    color: #61C3D9;
}

.gka-ranking-name:hover {
    /*text-decoration: underline;*/
}

/* Nuevos estilos para el encabezado */
.gka-ranking-header {
    background-color: #0E0E0E;
    color: white;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    position: relative;
}

.gka-ranking-header-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.gka-ranking-header-link {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.gka-ranking-header-link:hover {
    text-decoration: underline;
}

.gka-ranking-header-icon {
    margin-right: 5px;
    height: 25px;
    width: auto;
}

/* Estilos existentes */
.gka-ranking-rider-image {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
    border-radius: 50%;
}

/* Nuevos estilos para el nombre del rider */
.gka-ranking-name {
    display: inline-block;
}

.gka-ranking-firstname {
    display: inline;
}

.gka-ranking-lastname {
    display: inline;
}

/* Media query para dispositivos móviles */
@media screen and (max-width: 768px) {
    .gka-ranking-firstname {
        display: none;
    }

    .gka-ranking-firstname::first-letter {
        display: inline;
        margin-right: 2px;
    }

    .gka-ranking-item {
        font-size: 14px; /* Reducir el tamaño de fuente en móviles si es necesario */
    }

    .gka-ranking-position {
        font-size: 18px; /* Ajustar el tamaño de la posición en móviles */
    }

    .gka-ranking-points {
        font-size: 14px; /* Ajustar el tamaño de los puntos en móviles */
    }
}