.k_time_remaining {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-family: Arial, sans-serif;
    font-weight: 700;
}

.k_time_remaining_value {
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.05rem;
}

.k_time_remaining_icon {
    font-size: 1.1rem;
    line-height: 1;
}

/* Más de 15 minutos */
.k_time_remaining_normal {
    color: #1686c9;
}

/* Entre 5 y 15 minutos */
.k_time_remaining_warning {
    color: #e58a00;
}

/* Menos de 5 minutos */
.k_time_remaining_urgent {
    color: #e02020;
}

/* Tiempo vencido */
.k_time_remaining_delayed {
    color: #e02020;
}

/* Fecha inválida */
.k_time_remaining_error {
    color: #777777;
}