/* Estilos para la visualización de parciales en escritorio */
@media (min-width: 769px) {
    /* Ajustar ancho de las columnas para acomodar más parciales */
    .results-table th, .results-table td {
        padding: 10px 8px;
    }
    
    .results-table th:first-child {
        width: 50px;
    }
    
    .results-table th:nth-child(2) {
        width: 240px;
    }
    
    /* Parciales */
    .results-table th:nth-child(3),
    .results-table th:nth-child(4),
    .results-table th:nth-child(5),
    .results-table th:nth-child(6),
    .results-table th:nth-child(7) {
        width: 90px;
    }
    
    /* Tiempos finales */
    .results-table th:nth-child(8),
    .results-table th:nth-child(9) {
        width: 100px;
    }
    
    /* Ajustar los tamaños de texto para que quepa todo */
    .results-table .time {
        font-size: 14px;
    }
    
    .results-table .pace {
        font-size: 12px;
    }
    
    /* Resaltar parciales */
    .results-table td:nth-child(n+3):nth-child(-n+7) {
        background-color: rgba(245, 245, 245, 0.5);
    }
    
    /* Marcar visualmente los tiempos finales */
    .results-table td:nth-child(8),
    .results-table td:nth-child(9) {
        background-color: rgba(240, 240, 240, 0.7);
    }
    
    /* Añadir un indicador visual para las etiquetas de los parciales */
    .results-table th small {
        display: block;
        font-weight: normal;
        color: #666;
        font-size: 11px;
        margin-top: 2px;
    }
    
    /* Hacer que la tabla sea horizontalmente desplazable en pantallas medianas */
    @media (max-width: 1200px) {
        .results-table {
            display: block;
            overflow-x: auto;
            white-space: nowrap;
        }
    }
}

/* Resaltar filas de los primeros lugares */
.top-3-row td {
    border-left: 3px solid var(--primary-color);
}

/* Estilo responsivo para pantallas más pequeñas pero aún en modo escritorio */
@media (min-width: 769px) and (max-width: 992px) {
    .results-table .time {
        font-size: 13px;
    }
    
    .results-table .pace {
        font-size: 11px;
    }
    
    .results-table th, .results-table td {
        padding: 8px 6px;
    }
}

/* Indicador de scroll horizontal para tablas */
.table-scroll-indicator {
    background-color: #f0f0f0;
    border-radius: 6px;
    text-align: center;
    padding: 8px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    animation: pulse 2s infinite;
}

.table-scroll-indicator i {
    margin-right: 5px;
    color: var(--primary-color);
}

@keyframes pulse {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}